网页设计与制作课程标准

《网页设计与制作课程标准》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计与制作》课程标准一、概述（一）课程性质（课程性质和价值）本课程是五年制高职计算机网络技术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，整个《网页设计与制作》课程共分为五大模块，它们分别是：网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、ASP

2、动态网页设计。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为计算机网络技术专业的一门主干专业课程，一般在3、4年级开设，此时学生已经具备一定的

3、计算机基础知识和动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。（三）课程框架结构、学分和学时分配、对学生选课的建议本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识如：网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、Fireworks、ASP动态网页设计进行整合并模块化。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学

4、生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互补充关系，按理论实践一体化要求设计，强调动手做，强调解决问题。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。课程框架结构、学分和学时分配、对学生选课的建议课程名称学时学分备注1．网页设计基础44计算机网络技术专业必修课★4、5、6模块为非计算机专业学生选修2．DreamWeaver的使用243．HTML语言、CSS样式84．JavaScript脚本语言★125．Fireworks★126．动态网页设计初步★127．综合作业30第8页共8页合计102二、课程目标总目标：使学生掌握常用的网页设计工

5、具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。（一）教学目标：1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用；3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.理解JavaScript中对象的定义，及含义；10.理解JavaScript中事件的概念；

6、11.理解JavaScript中属性与方法的概念；12.初步了解面向对象程序设计思想。（二）技能教学目标：1.会使用Dreamweaver网页设计工具制作网页；2.理解HTML语言中的标记设置颜色、文本格式和列表；3.熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方法；4.熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法；5.掌握HTML的语法结构，掌握HTML语言中标记的使用方法；6.掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式；7.掌握在网页中嵌入图像的方法，掌握与嵌入图像相关标记的用

7、法；8.掌握与图像布局和位置相关的标记的概念和用法；9.熟练掌握使用绝对和相对URL，创建超链接、图像链接；学会图像映射的建立方法；10.熟练掌握表格的使用方法，会用表格布局并设计网页；11.掌握框架制作网页的方法，会使用框架设计网页；12.掌握制作表单的方法，会利用表单建立交互式页面；13.掌握JavaScript语言的语法；14.掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；15.学会修改JavaScript代码，实现不同的特效网页效果；16.学会使用JavaScri