网页设计任务书

《网页设计》实训任务书

院系：电气与信息工程学院

专业：计算机信息管理（2010级）实训意义

《网页设计》实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。

实训目的

1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。

（1）掌握规划网站的内容结构、目录结构、链接结构的方法。

（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。

（3）掌握页面的整体控制和头部内容设置的方法。

（4）熟练掌握网页页面布局的各种方法。

（5）熟练掌握在网页中输入、设置标题和正文文字的方法。

（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

（7）掌握建立各种形式超级链接的方法。

（8）掌握表单网页制作方法。

（9）掌握网页特效的制作方法。

（10）掌握网站测试的方法。

2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。

5．训练和培养团队协作精神和共同开发网站的综合能力。

实训任务

1．站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

2．进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

3．网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设

计）。包括版面设计和图形设计、内容录入等。

4．动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。

5．综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）6．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。

实训要求

1. 站点结构与命名

站点文件夹为学号后三位+姓名(如：101赵利敏)

站点文件夹中所包含文件夹：Images（存放图片文件）

Templates（存放模版文件）

Library （存放库文件）

other（存放其它文件）

file（存放自己设计的图形、动画源文件）

其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。

站点文件夹中所包含文件： index （首页）

*.css （样式表文件）

其余视文件夹需要而添加，全部用英文命名，见名知意、容易理解。

2. 网站题材选择

可以选择任务书小节所给定参考的某个主题、若干个专题或自选主题，要求内容充实、健康。网站标题自拟。

3. 网站技术要求

所创建的网站至少包括8个页面，分为三层，第一层为首页，第二层为4个二级栏目，第三层为3个内容页。如下图所示结构：

（1）首页采用表格进行布局，必须包含导航栏；

（2）4个二级栏目分别为框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页；

（3）3个内容页分别为层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页。

（4）各个页面根据需要插入合适的图像和Falsh动画，首页要求插入背景音乐。

（5）所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。

（6）各个页面之间导航清晰、链接准确无误。

4. 其他要求

（1）实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。

（2）在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。

（3）小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。

（4）实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理。

（5）实训环境为Windows2000及以上版本的操作系统，网页制作软件为Dreamweaver 8，根据需要可以运用Photoshop处理图像，运用Flash 8制作动画。

实训步骤

1．实训准备、制定实训计划

（1）分组：1至3人为一组，每一组选定一名组长，组长主要负责考勤以及与指导教师联系。

（2）选题：确定网站主题，各小组进行分工。

（3）根据实训时间的长短制定一个切实可行的网站开发计划。

2．准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。

3．设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。

4．创建本地网站，建立网站的目录结构。

5．制作首页。

6．制作二级栏目子页。

7．制作内容页。

8．创建超级链接。

9．测试与浏览网页。

10．书写实训报告书。

评分标准

根据实训期间的纪律考核情况、对待实训的态度，站点的目录结构，各个页面的布局结构、颜色搭配，文字、图像、动画的合理搭配，网页之间的链接是否顺畅，网页制作技术的应用，网站的整体浏览效果等方面进行综合评分。评分参考标准如表1-1所示。

表1-1 网站设计实训的参考评分标准