网页课程设计任务书

课程设计任务书

一、设计目的

本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。在课程设计周完成一个站点的设计与制作，从而达到以下两个目的：

（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。并在站点的设计中掌握一定的实用性和技巧性的技术。

（二）根据个人的设计主题，培养出查阅有关资料的习惯，强化自学能力，为进一步提高个人的素质打下基础。

二、设计过程要求

（一）纪律：

上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。课程设计过程中的表现，将作为最终评定成绩的参考。

（二）内容：

网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站点，但建议根据个人的预期就业目标选择。课程设计结束后可将自己所设计的网站拷贝带走，作为就业自荐的一份材料或作品。

（三）保存：

设计结果及有关素材要及时上传至个人空间。

（四）要求：

所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽可能减少到其它站点的链接。通过个人对资料的查阅，力所能及地利用一些好的脚本程序。

（五）考核：

考核分两部分进行。首先，网站设计的实际成果；其次，写出《课程设计报告》，在设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。

1、内容：20分

（1）网站题材及内容是否符合本次设计的要求；

（2）对选材的把握及处理是否符合内容的需要，对选材阐述的深度是否专业、精辟；

（3）网站的选材是否全面、详细、充实、相关信息是否丰富。

2、版面：20分

（1）版面是否简洁，主要指文本、图案是否整齐美观；

（2）布局是否合理，主要指网站的结构是否科学，栏目设置是否合理，导航是否分明，是否方便查阅；

（3）色彩，指色彩搭配是否协调，有层次感，且有利于浏览阅读。

3、创意：20分

（1）表现手法是否新颖、与众不同；

（2）内容定位是否独到、有特色。

4、技术：20分

（1）运行速度：文挡、图形是否经过优化以加快下载的速度；

（2）稳定性：指网页运行是否畅通正常、网页链接是否无错误、应用程序运行正常；

（3）技巧：指网页（例如：框架和层的使用、自制动态效果、表单与服务器的交互）、动画、图片制作的技术含量及水平。

5、设计报告：20分

三、设计内容要求

利用Dreamweaver CS3、Flash CS3、Fireworks CS3/Photoshop CS3软件进行网站设计。课程设计的时间为1周。（另外可根据个人学习能力，编写动态效果程序，实现动态效果的设计）最后，写出详细的设计说明书。

资源准备：

根据确定的网站主题，通过各种途径收集（百度、Google等搜索引擎）、整理、加工（用Photoshop或Fireworks处理图片、Flash制作动画）网站所需要的信息。

站点布局：

图片应放在images文件夹下，媒体应放在Medias文件夹下。如果有大的子站点，也可以创建相应的文件夹。尽量使用模板，以使网站外观具有“一致性”。其他素材可各自建立文件夹保存。

特别注意：所有的文件和文件夹命名均用英文，主页的文件名规定用index.html

页面制作：

1.自行确定网站的LOGO（用Photoshop制作），将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。根据提供的模板设计也可自行设计各级网页的风格、网站的整体结构；

2.主题突出，可制作站点宣传动画（banner），想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是什么。

3.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。

4.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体，页面中的字体必须通过链接CSS文件统一设置；

5.各图片、声音、动画等内容的引用应为相对路径引用。所有页面用表格来布局，表格边框设为0，用1024×768分辨率来设计网页；页面中的图片要使用合理，尽量不要使用太大的图片，也不要使用过多图片；各个页面之间的链接要合理有效；必要时用手工优化代码，不要产生过多的垃圾代码。

6.导航栏目名称（注意符合简短、直接、通俗的设计原则）不少于五个；每个栏目至少有一个页面链接，能链接回首页；

7.要求页面美观，结构清晰，色彩使用搭配合理，用自己设计的花边，线条，点，导航控制转换方便。

8.必须有友情链接、网页特效（至少一个）、滚动字幕（代码已提供）、邮件链接这些内容。可以有Realone播放器界面。

9.必须有动态显示当前日期和时间效果、导航栏效果。（代码已提供）

10.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。

11.使用统一的图片处理效果。比如阴影效果的方向、厚度、模糊度都必须一样。

12.创造一个你的站点特有的符号或图标，虽然很简单的一个变化，却给人与众不同的感觉。

13.制作一个包含版权信息和作者联系方式的网页尾部信息。

站点完成

1．测试完成的网站。

2．利用cuteFTP或Dreamweaver将网站发布发送到内部网或Internet上。

四、部分常用站点网址