网页设计报告

《网页设计报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、2012－2013学年第一学期课程类别：公选课成绩：《网页设计与制作》期末课程设计报告题目：html个人网站学院系别：班级：学生姓名：学号：指导老师：完成日期：8/81、目的和背景html技术是网页开发技术的基础，在信息技术深入生活、网络应用蓬勃发展的今天，html已经成为大学生必备的基础知识。在富有青春活力的今天,大学生们喜欢网络,更喜欢做一些很有个性化的东西,个人主页就是其中之一。2、网站设计的方案2.1、该网站的功能结构该网站包括的主要内容有：日志、相册、音乐、分享等四个功能模块。（1）日志模块：包括收录和自己写的几篇日志。（2）相册模块：包括壁纸和插图两种图片，可根据个人情况酌量添加

2、。（3）音乐模块：包括网络电台在线听歌和本地资源的本地歌曲播放。（4）分享模块：正如页面背景所设，由于个人主页主题是关于水墨风，故在古典文化的琴棋书画四方面提供学习与分享的网站链接。2.2、该网站的网页结构该网站的网页结构如下图所示。入门网页（index.html）主体网页（index2.html）日志网页（rizhi.html）相册网页（xiangce.html）音乐网页（yinyue.html）分享网页（fenxiang.html）各个网页的功能如下：（1）入门网页：文件名index.html，该网页的作用是提供一个吸引用户的进入页面。（2）主体网页：文件名index2.html，该网页

3、的作用是显示该网站主要的内容的框架性网页。该网页用导航条来实现，分别显示日志，相册，音乐和分享。（3）日志网页：文件名rizhi.html，在主页上显示本站收录的三篇文章，点击主页上的日志按钮可进入日志菜单，分别链接到三篇文章。（4）相册网页：文件名xiangce.html，分了两个系列：屏幕壁纸系列和日志微博配图，并配上相应的图片缩略图，点击各个图片可查看源文件。（5）音乐网页：文件名yinyue.html，分别有网络电台可供在线随时听歌，也可播放本站收藏的几首歌曲。（6）分享网页：文件名fenxiang.html，显示琴棋书画四种古典艺术的欣赏和学习分享的链接。3、网站详细内容及其制作方

4、法下面将分别详细说明各个网页的界面及其实现方法。8/81.1、入门网页的内容入门网页由一个文件index.html组成。该网页文件为了达到引人入胜的效果，拟采用flash动画来实现。有下角增加一个进入主页的按钮即可。1.1.1入门网页的界面2、该界面由一个flash动画构成，该flash动画由一幅对联、底下的两行字和一个按钮组成。它们分别按照动态展开。最后用户点击“进入”按钮将可以进入下一个“主体网页”页面。2.1.1入门网页制作方法该网页中由一个flash动画和一个进入按钮构成。网页2的内容准备素材水墨.swf和一个进入按钮1.新建一个html普通文档2.选择：插入-媒体-flash。打开

5、选择文件，找到水墨.swf，并且路径是相对于文档。如下图所示8/8选中插入的flash文件，在页面底部的属性中，选择宽1400，高760.3.在flash文件的底部一行，插入一个“enter”按钮，进入主页4.选择：插入-图像，选择图片enter.jpg。也是相对于文档。5.选中enter按钮在属性内容中选择宽140，高60，并设置图片为右对齐6.选中enter按钮，在属性一栏中的链接设为index2.html即可。3.1.3主页index2内容3.1.4、日志模块的内容8/88/83.1.5、相册模块的内容3.1.6、音乐模块的内容8/8上图为播放本站资源的歌曲界面3.1.7、分享模块的内

6、容8/81、结论该项目应用框架结构将主要的内容显示于一个主网页内，内容表现紧凑。设置较为合理。因为时间的关系，本网站的内容有限，许多功能有待进一步增加。比如进一步完善在线测试。由于个人准备时间不多，有些模块的功能没有完全到位，需要进一步改进。例如在调试阶段，需改善IE9浏览器不能显示页面背景和不能播放本站歌曲的情况，虽然在googlechrome浏览器里已经没有这些问题。个人主页属于个性化的一个网络空间，可随时根据自己的兴趣和能力加强和丰富它的功能，同时也尽量改善减少已经发现的不良问题。用IE浏览器时需要运行控件。附录：参考文献（省略）8/8