文档介绍：2012-2013学年第一学期课程类别:公选课
成绩:
《网页设计与制作》
期末课程设计报告
题目: html个人网站
学院系别:
班级:
学生姓名:
学号:
指导老师:
完成日期:
目的和背景
html技术是网页开发技术的基础,在信息技术深入生活、网络应用蓬勃发展的今天,html已经成为大学生必备的基础知识。在富有青春活力的今天,大学生们喜欢网络,更喜欢做一些很有个性化的东西,个人主页就是其中之一。
网站设计的方案
该网站的功能结构
该网站包括的主要内容有:日志、相册、音乐、分享等四个功能模块。
(1)日志模块:包括收录和自己写的几篇日志。
(2)相册模块:包括壁纸和插图两种图片,可根据个人情况酌量添加。
(3)音乐模块:包括网络电台在线听歌和本地资源的本地歌曲播放。
(4)分享模块:正如页面背景所设,由于个人主页主题是关于水墨风,故在古典文化的琴棋书画四方面提供学****与分享的网站链接。
该网站的网页结构
该网站的网页结构如下图所示。
入门网页()
主体网页()
日志网页
()
相册网页
()
音乐网页
()
分享网页
()
各个网页的功能如下:
入门网页:,该网页的作用是提供一个吸引用户的进入页面。
主体网页:,该网页的作用是显示该网站主要的内容的框架性网页。该网页用导航条来实现,分别显示日志,相册,音乐和分享。
日志网页:,在主页上显示本站收录的三篇文章,点击主页上的日志按钮可进入日志菜单,分别链接到三篇文章。
相册网页:,分了两个系列:屏幕壁纸系列和日志微博配图,并配上相应的图片缩略图,点击各个图片可查看源文件。
音乐网页:,分别有网络电台可供在线随时听歌,也可播放本站收藏的几首歌曲。
分享网页:,显示琴棋书画四种古典艺术的欣赏和学****分享的链接。
网站详细内容及其制作方法
下面将分别详细说明各个网页的界面及其实现方法。
入门网页的内容
。该网页文件为了达到引人入胜的效果,拟采用flash动画来实现。有下角增加一个进入主页的按钮即可。
入门网页的界面
该界面由一个flash动画构成,该flash动画由一幅对联、底下的两行字和一个按钮组成。它们分别按照动态展开。最后用户点击“进入”按钮将可以进入下一个“主体网页”页面。
入门网页制作方法
该网页中由一个flash动画和一个进入按钮构成。网页2的内容
:插入-媒体-flash。打开选择文件,,并且路径是相对于文档。如下图所示
选中插