2023年11月28日发(作者：)

课程设计任务书

一、设计目的

本学期的《网页设计》以站点的设计为主，理论学习服务于主题与内容。在课程设

计周完成一个站点的设计与制作，从而达到以下两个目的：

（一）学会使用Dreamweaver CS3、HTML、Fireworks、Flash规划站点、制作网页。并

在站点的设计中掌握一定的实用性和技巧性的技术。

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

高个人的素质打下基础。

二、设计过程要求

（一）纪律：

上机过程中遵守纪律及有关上机规定，不得浏览无关网站，尤其是不健康的站点。

课程设计过程中的表现，将作为最终评定成绩的参考。

（二）内容：

网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或

自定题目，如：个人展示，宿舍生活，班级主页或文学、体育、旅游、美食等专题性站

点，但建议根据个人的预期就业目标选择。课程设计结束后可将自己所设计的网站拷贝

带走，作为就业自荐的一份材料或作品。

（三）保存：

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

（四）要求：

所设计的网站要求具有实用性和较好的创意，并尽可能应用到所学的知识，同时尽

可能减少到其它站点的链接。通过个人对资料的查阅，力所能及地利用一些好的脚本程

序。

（五）考核：

考核分两部分进行。首先，网站设计的实际成果；其次，写出《课程设计报告》，在

设计报告中要写明设计的主题、个人的构思与创意、采用的技术方法、使用的特殊脚本

程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。在设

计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。

1

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文件夹下。如果有大的子站点，

也可以创建相应的文件夹。尽量使用模板，以使网站外观具有“一致性”。其他素材可各

自建立文件夹保存。

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

页面制作：

1.自行确定网站的LOGO（用Photoshop制作），将你的标志logo,尽可能的出现在每个页

面上。或者页眉，或者页脚，或则背景。根据提供的模板设计也可自行设计各级网页的

风格、网站的整体结构；

2

2.主题突出，可制作站点宣传动画（banner），想一条朗朗上口宣传标语。把它做在你的

banner里，或者放在醒目的位置，告诉大家你的网站的特色是什么。3.突出你的标准色

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

色彩。

4.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体，页面中的字

体必须通过链接CSS文件统一设置；

5.各图片、声音、动画等内容的引用应为相对路径引用。所有页面用表格来布局，表格

边框设为0，用1024×768分辨率来设计网页；页面中的图片要使用合理，尽量不要使用

太大的图片，也不要使用过多图片；各个页面之间的链接要合理有效；必要时用手工优

化代码，不要产生过多的垃圾代码。

6.导航栏目名称（注意符合简短、直接、通俗的设计原则）不少于五个；每个栏目至少

有一个页面链接，能链接回首页；

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

控制转换方便。

8.必须有友情链接、网页特效（至少一个）、滚动字幕（代码已提供）、邮件链接这些内

容。可以有Realone播放器界面。

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

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

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

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

觉。

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

站点完成

1．测试完成的网站。

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

四、部分常用站点网址

3

素材的获得：在各在站点中用关键字“素材”进行搜索，可获得相关站点。

五、课程设计报告

课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出设计者在课

程设计过程中所做的主要工作及取得的主要成果，以及在课程设计过程中的心得体会。

（一）课程设计报告主要内容

课程设计报告的写作方法是多种多样的，并没有一个固定的格式，对于本课程设计，

应该包括以下几个主要部分：

1．网站的主题说明:

即你做这个网站所宣扬的主题是什么?；

2．网站的总体规划与结构框图:

整个站点分为几部分?各部分实现什么功能?画出总体的结构框图；

3．网站LOGO说明与各级网页风格说明:

从背景色或背景图片的选择上来说明；

4．典型网页的设计过程与样例:

如以首页为例讲述它的制作过程；

5．网站发布过程说明:

以CuteFTP上传工具为例介绍其发布的整个过程；

6．提出对网站的改进意见:

自己感觉在这次设计中哪方面还存在不足,以后如何改进?

7．网站网址（如果发布到Internet网站上，需要提供网站网址）；

8. 附代码：

将比较重要的代表性代码附在报告的后面。

（二）课程设计报告编写基本要求

1．每位同学必须独立完成课程设计报告；

2．课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确；

3．课程设计报告后应附相关参考站点或文献资料；

4