通识课《多媒体网页设计》大作业任务书
本次大作业的任务是设计一个主题网站。网站内容要围绕一个主题展开，例如：京剧、书法、围
棋、丝绸、茶、长城、兵马俑等，但作为主题网站，所涉及的面不宜过宽。
一、设计任务
1．网站至少采用 3 层结构（参考图 1）。
2．主页（index.htm/ index.html）和用红色线条框起来的网页要围绕主题内容展开。
3．“网站导读”包含设计说明和网站结构图（类似图 1），网站结构图要采用图片热点链接，使其
具有超链接功能，能链接到具体的某个网页。
4．“个人信息”除了院系、专业、班级、学号、姓名、性别等个人真实信息外，还需要书写课程小
结，并包含打开作业的链接等。
index.htm
内容A 内容2 ……
网站导读 个人信息
内容1 内容2 …… 作业1 作业2 ……
index.htm
内容A 内容2 ……
网站导读 个人信息
内容1 内容2 …… 作业1 作业2 ……
图 1 网站结构示意图
二、设计规范与要求
1．要用表格进行布局并限制页面的宽度（采用像素为单位， 1024*768 的屏幕，表格宽度可设置
为 980 像素）。排版时网页整体要居中。
2．各个网页之间的导航必须正确，即上级要链接到下级，同一个上级下的同层网页要相互链接 ，
下级能返回上级。
3．页面设计美观大方，颜色搭配合理，版面清新，至少不要连其中的文字都看不清楚。超链接
要放在明显的位置，便于浏览者查看和使用。
4．网页中的文字不宜大，图片大小适中，图片与文字要相互环绕。除了作业和作品，一般不允
许一个网页中只放几幅图片和几个大字。
5．不允许从互联网下载现有网页，然后拼凑到自己的作业中。
三、网站文件的存储和上交
1．将网站中的所有文件存储在一个文件夹（该文件夹为网站根目录）下，文件夹以学号后 3 位
与姓名命名，例如“101zhangming”。
2．在网站根目录下建立若干子文件夹，用来存放网站中用到的素材。例如，“images”文件夹用来
存放图片素材，“music”文件夹存放音乐素材，“zoye”（作业）文件夹存放本学期的平时作业等。
3．网页文件（.html）一般可存储在网站的根目录下，有些也可分类存储在相应的子文件夹中。
例如，可将与作业相关的网页文件和素材都存放在“zoye”文件夹中。
4．给文件夹和文件命名时，慎用汉字。可使用英文单词，汉语拼音，或者汉语拼音的缩写等。
5．对于图片，如果实际显示的大小比原来的要小，尤其是缩小很多的图片，必须先使用 PS 缩小
后，再放置到网页中，以便节省存储空间并减少浏览网页时的网络传输时间。
