《网页设计与制作》综合实训指导书

《网页设计与制作》综合实训指导书
1.1实训意义
网页设计与制作综合实训是教学过程中重要的实践性教学环节。

它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。

因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。

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

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

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

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

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

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

6)熟练掌握用Photoshop制作和处理网页的图片素材，用Flash制作动画的方法。

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

8)掌握建立各种形式超级链接的方法。

9)掌握表单网页制作方法。

10)掌握网页特效的制作方法。

11)掌握网站测试的方法。

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

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

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

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

1.3实训要求
1．动手制作网页之前：
1)必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站的
主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。

2)规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能。

做出“网站层次结构图”参照附表1-1 以及“网页版面设计图”参照附表1-2。

3)根据指定的网站主题书编写《***网站策划书》参照附表1-3。

2．创建完善的目录结构。

站点文件夹为班级学号组号(如：11应用（01）班01组)
站点文件夹中所包含文件夹：Images （存放图片文件）
Swf（存放动画文件）
Templates（存放模版文件）
Library （存放库文件）
other（存放其它文件）
源文件（存放自己设计的图形、动画文件）
其余视文件夹需要而添加，全部用英文命名站点文件夹中所包含文件：index.html（首页）
*.css （样式表文件）
其余文件名视需要而添加，全部用英文命名(各组将站点文件夹压缩上交，压缩文件不要超过20M，大的影音文件不要放在压缩在文件里)
3．制作网页前，收集好所需的文字资料、图像资料、网页特效。

用Photoshop制作和处理网页所需的图片、用Flash制作网页所需的动画。

主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。

4．所创建的网站至少包括8个以上页面，分为三层，第一层为首页，第二层为4个二级子页，第三层为2-3个内容页。

网页中必须要用到CSS以及DIV技术实现网页元素的修饰及布局。

网站页面大小应该满足至少800*600分辨率。

1)首页采用表格或CSS+DIV进行布局，必须包含导航栏，显示时间特效；
2)4个二级子页分别为框架网页、表单网页，并有进行表单验证及提交的程序、利用
模板制作的网页、利用布局表格制作的网页。

3)内容页分别为表格或CSS+DIV布局的网页。

4)网站页面中特效要求利用Javascrip脚本语言+CSS+DIV实现包含至少使用任何1
种以上特殊效果：滚动字幕和图片、flash按钮、浮动广告、特效菜单等。

应用
JavaScript制作特效的网页、应用行为制作特效的网页。

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

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

7)各个页面之间导航清晰、链接准确无误。

5．网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解。

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

7．在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。

要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。

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

9．实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。

缺课节数达三分之一以上者，实训成绩按不及格处理。

10．实训环境为Windows XP及以上版本的操作系统，网页制作软件为Dreamweaver CS
4 ，要可以运用Photoshop制作和处理图像，运用Flash制作动画。

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

评分参考标准如下表所示。

网站开发实训的参考评分标准
1.6实训分组及实训题目
附表1-1
附表1-2
附表1-3
***网站策划书（2号、加粗、宋体、居中）
一、网站分析与定位：（4号、加粗、宋体）
1、建设网站目的主题、及功能定位。

（5号、宋体、1.5倍行距）
2、建设网站前的市场分析。

3、网站的风格和亮点。

4、网站技术解决方案。

二、网站内容规划（4号、加粗、宋体）
1、网站主要内容及板块（5号、宋体、1.5倍行距）
2、各板块的具体内容及功能
3、网页色彩基调
三、网站的层次结构（4号、加粗、宋体）
1、网站层次结构图见附表1-1（5号、宋体、1.5倍行距）
2、网页各级版面设计图见附表1-2
四、网站设计的环境与部分内容简介（4号、加粗、宋体）
五、网站建设日程表（4号、加粗、宋体）
六、总结（4号、加粗、宋体）
1、该网站实现了那些目标（5号、宋体、1.5倍行距）
2、哪些地方有待进一步完善。