静态网站设计报告 - 图文 联系客服

发布时间 : 星期五 文章静态网站设计报告 - 图文更新完毕开始阅读9c984279a26925c52cc5bf29

武 汉 科 技 大 学 城 市 学 院

部: 课程名称: 专 业: 学 号: 姓 名: 指导老师:

程 设

计 报 告

信息工程学部

电子商务系统分析与设计 08级电子商务01班 200810178140 刘琴 王玲 2011年05月02日

目录

一、 网站简介 ........................................................................................................................ 1

1.1网站介绍 ........................................................................................ 1 1.2制作工具 ........................................................................................ 2 1.3站点介绍 ........................................................................................ 3 1.4文件夹摆放简介 ............................................................................ 3 二、 布局简介 ........................................................................................................................ 4 2.1首页布局 ........................................................................................ 4 2.2个人中心布局工具 ........................................................................ 4 2.3朋友布局 ........................................................................................ 5 2.4作品布局 ........................................................................................ 5 2.5学校布局 ........................................................................................ 5 2.6相册布局 ..................................................................................................................... 6 三、 代码简介 ........................................................................................................................ 6 四、 网站内容介绍 ............................................................................................................. 8 五、 制作心得 ...................................................................................................................... 11 六、 参考文献 ...................................................................................................................... 12

1

CSS网站布局简介

一、网站简介 1.1网站介绍

我的网站是介绍自己的个人网站,总共15个页面,其中导航上有6个链接,包括首页、个人中心、朋友、作品、学校、相册。

首页部分:介绍了自己的一些简单的资料,其中有一份电子杂志,是平时的时候为了留作纪念做的,很想与老师和同学们分享。

个人中心:关于自己的一些详细的信息,以及在大学的一些变化,里面有两个子网页,通过图片链接进入,包括我的家乡和我的专业;我的家乡是介绍荆州和荆州公安的一些信息,而专业就是介绍的电子商务方面的一些信息。

朋友:包括三个子网页,介绍我的三个好朋友,李梦雪、陈丽婷和何立芝;好朋友有很多,只是因为时间原因,没有多余的时间做更多的页面去介绍,在后期的完善过程,会一一加上,因为网站做好不仅仅是因为它是作业、是考试,还是自己在大学的知识的积累和美好的回忆。

作品:运用SPAY放置了自己的五篇随便,平时很喜欢写随便,一段时间不写,就觉得少了写什么。当然,还包括自己喜欢的一些作家,很喜欢张小娴,喜欢她的文字,很真实,因此也用了一个页面专门介绍张小娴。

学校:这一部分我仅仅介绍了大学和高中,因为资源有限,没有一些关于小学和初中的照片,也就没办法详细介绍。相册这页,是花了最多心思去做的一个页面,其中的一个“鼠标经过图片移动”是在平时自学CSS的时候学到的知识,因为对制造网站有很大的兴趣,所以,在平时有时间的时候,会在网上下载一些视频和资料,用来自学。

相册:包含两个子网页,分别是班级相册和家人相册。在下面的介绍中,会仔细介绍。 1.2制作工具

2

1.3站点介绍

个人网站

家乡 专业 张小娴 小雪 丽婷 立芝 高中 班级 家人 首页 中心个人 作品 朋友 学校 相册 1.4文件夹摆放简介

在文件夹200810178140刘琴里面分为6个子文件夹,命名如下图所示,为了让读者更快捷的进入我的网站,我将index页放在了外面。

3