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

《《网页设计技术》课程实训教学大纲》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计技术》课程实训教学大纲课程名称：网页设计语言教程（HTML&CSS）实训学时：42适用专业：计算机网络技术课程类别：专业课编写大纲教研室/实训室：网络教研室一、实训目的与要求目的：通过实验教学主要培养学生的学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页的打下坚硬的基础。要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，

2、掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用二、实训方式学生上机操作，教师指导。三、考核方法本实训按出勤和网页的设计、调试能力及实验完成情况综合考核，实验成绩按20%的比例记入总成绩。四、实训指导书及主要参考资料实训指导书：《网页制作实训指导书》计算机系组编内部使用参考书：《网页设计语言教程（html/css）》于鹏编电子工业出版社　2007《网页设计与制作使用教程》刘艳丽等编高等教育出版社2006五、实训项目及学时分配实训项目一览表序号实训项目名称学时项目类型必做/选做实训一HT

3、ML简介2设计型必做实训二文字版面的编辑4设计型必做实训三建立超链接2设计型必做实训四图像的处理2设计型必做实训五列表项目2设计型必做实训六表格4设计型必做实训七表单的设计4设计型必做实训八网页的动态效果2设计型必做实训九CSS的基础知识4设计型必做实训十CSS的属性4设计型必做实训十一框架结构2设计型选做实训十二Dreamweaver软件的使用4设计型必做实训十三课程设计6设计型必做六、实训项目内容及其要求实训一HTML简介（2学时）【实训目的】：通过实训，学生应掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。【实训内容】：实验1：熟悉html语言

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

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

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

7、评定】：要求：学会使用图像美化网页。成绩评定：A:按照要求实现网页页面，内容充分，布局合理，画面美观，色彩和谐。B：按照要求实现网页页面，内容安排、布局得当。画面清晰、美观，整体效果较好C：按照要求实现网页页面，图面质量比较差，文字表达比较差根据学生实际完成情况，在以上三个等级的基础上，用+、-标记。实训五列表项目（2学时）【实训目的】：通过本章的学习使学生了解列表的各种使用。【实训内容】：实验1：列表项目使用各种列表美化网页【实训