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

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

课程名称：网页制作实训学时：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学时）

【实训目的】：