《网页制作》课程实训教学大纲(精)

《网页制作》课程实训教学大纲
课程名称：网页制作实训学时：54
适用专业：广告设计与制作课程类别：专业课
编写大纲教研室/实训室：电脑艺术设计
一、实训目的与要求
目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页的打下坚硬的基础。

要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。

掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。

了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。

了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用
二、实训方式
学生上机操作，教师指导。

三、考核方法
本实训按出勤和网页的设计、调试能力及实验完成情况综合考核，实验成绩按20%的比例记入总成绩。

四、实训指导书及主要参考资料
实训指导书：《网页制作实训指导书》计算机系组编内部使用
参考书：《网页设计语言教程（html/css）》于鹏编电子工业出版社2007 《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006
五、实训项目及学时分配
实训项目一览表
六、实训项目内容及其要求
实训一文字版面的编辑（4学时）
【实训目的】：
通过本章的学习使学生掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计。

【实训内容】：
实验1：文字版面的编辑（一）
通过页面布局实现文字版面的编辑
实验2：文字版面的编辑（二）
调整字体属性美化网页页面。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：掌握网页中页面布局及字体属性的设置。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训二建立超链接（4学时）
【实训目的】：
通过本章的学习使学生掌握网页的超链接技术的应用。

【实训内容】：
实验1：建立超链接
在网页中实现对同一文件、不同文件和网络资源的超链接。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：掌握网页中各种不同超链接效果的实现。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训三图像的处理（8学时）
【实训目的】：
通过本章学习使学生了解图像的处理，包括背景图案、图形、图象及其超链接等的设定
和应用。

【实训内容】：
实验1：图像的处理
设定和应用背景图案、图形、图象及其超链接等的。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：学会使用图像美化网页。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训四列表项目（4学时）
【实训目的】：
通过本章的学习使学生了解列表的各种使用。

【实训内容】：
实验1：列表项目
使用各种列表美化网页
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：学会使用列表美化网页。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训五表格（6学时）
【实训目的】：
通过本章的学习使学生了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。

并学会使用表格布局。

【实训内容】：
实验1：表格（一）
使用表格的基本语法定义表格，并控制表格中的行、单元格、分组和标题。

实验2：表格（二）
使用表格布局网页页面。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：在网面中合理的应用表格，掌握表格布局网页的方式。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训六表单的设计（12学时）
【实训目的】：
通过本章的学习使学生了解表单在网页中的应用。

【实训内容】：
实验1：表单的设计（一）
在网页中添加各种表单元素
实验2：表单的设计（二）
与表格相结合制作完美的表单页面。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：在网面中合理的应用表格布局，掌握各种表单元素的现实方式。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训七网页的动态效果（12学时）
【实训目的】：
通过本章的学习使学生了解如何在网页中加入各种动态效果。

【实训内容】：
实验1：网页的动态效果
在网页中加入各种动态效果，如滚动的文字，多媒体加入网页，Flash动画。

【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：学会在网页中添加各种动态效果。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训八框架结构（4学时）
【实训目的】：
通过本章的学习使学生了解窗口框架在网页中的应用
【实训内容】：
试验1：框架结构
在网页中应用框架结构
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：了解在网页中添加框架结构的方法。

成绩评定：
A: 按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。

B：按照要求实现网页页面，内容安排、布局得当。

画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。