《网页设计技术》课程实训教学大纲.doc

《网页设计技术》课程实训教学大纲
课程名称：网页设计语言教程（HTML&CSS）实训学时：42
适用专业：计算机网络技术课程类别：专业课
编写大纲教研室/实训室：网络教研室
一、实训目的与要求
目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页的打下坚硬的基础。
要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用
二、实训方式
学生上机操作，教师指导。
三、考核方法
本实训按出勤和网页的设计、调试能力及实验完成情况综合考核，实验成绩按20%的比例记入总成绩。
四、实训指导书及主要参考资料
实训指导书：《网页制作实训指导书》计算机系组编内部使用
参考书：《网页设计语言教程（html/css）》于鹏编电子工业出版社2007
《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006
五、实训项目及学时分配
实训项目一览表
序号实训项目名称学时项目类型必做/选做实训一HTML简介2设计型必做实训二文字版面的编辑4设计型必做实训三建立超链接2设计型必做实训四图像的处理2设计型必做实训五列表项目2设计型必做实训六表格4设计型必做实训七表单的设计4设计型必做实训八网页的动态效果2设计型必做实训九CSS的基础知识4设计型必做实训十CSS的属性4设计型必做实训十一框架结构2设计型选做实训十二Dreamweaver软件的使用4设计型必做实训十三课程设计6设计型必做六、实训项目内容及其要求
实训一HTML简介（2学时）
【实训目的】：
通过实训，学生应掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。
【实训内容】：
实验1：熟悉html语言的基本结构
使用html语言的基本结构，编写简单的网页
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：掌握html语言的基本结构，学会编写简单的网页
成绩评定：
A:按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。
B：按照要求实现网页页面，内容安排、布局得当。画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训二文字版面的编辑（4学时）
【实训目的】：
通过本章的学习使学生掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计。
【实训内容】：
实验1：文字版面的编辑（一）
通过页面布局实现文字版面的编辑
实验2：文字版面的编辑（二）
调整字体属性美化网页页面。
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：掌握网页中页面布局及字体属性的设置。
成绩评定：
A:按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。
B：按照要求实现网页页面，内容安排、布局得当。画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训三建立超链接
【实训目的】：
通过本章的学习使学生掌握网页的超链接技术的应用。
【实训内容】：
实验1：建立超链接
在网页中实现对同一文件、不同文件和网络资源的超链接。
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：掌握网页中各种不同超链接效果的实现。
成绩评定：
A:按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。
B：按照要求实现网页页面，内容安排、布局得当。画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。

实训四图像的处理（2学时）
【实训目的】：
通过本章学习使学生了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。
【实训内容】：
实验1：图像的处理
设定和应用背景图案、图形、图象及其超链接等的。
【实训设备】：
PC若干台
【实训要求及成绩评定】：
要求：学会使用图像美化网页。
成绩评定：
A:按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。
B：按照要求实现网页页面，内容安排、布局得当。画面清晰、美观，整体效果较好
C：按照要求实现网页页面，图面质量比较差，文字表达比较差
根据学生实际完成情况，在以上三