网页设计与制作张洪斌 刘万辉体设计

《网页设计与制作》课程整体设计

课程代码KC11课程性质专业基础课建议学时48适用专业软件技术及相关专业建议

教学方式“教、学、做”

一体化制定单位学校淮安信息

职业技术学院制定日期2012.6.15审核部门软件技术专业

资源库建设项目组企业淮安微软技术中心一、课程设计思路

本课程依据课程标准，以软件技术专业学生就业岗位群为导向，HTML 标签，能够实现基本的图文信息显示；

3．理解HTML页面框架的作用，能够针对需求进行框架的设计；

4．掌握各类HTML表单元素标签，能够进行表单设计；

5．掌握各类HTML多媒体元素标签，能够进行多媒体页面设计；

6．掌握CSS样式的基本使用方法，能够应用CSS样式表美化页面；

7．掌握CSS网页布局的方法，能够结合DIV标签进行页面布局；

8．掌握JavaScript的语法基础，能够编写简单的JavaScript应用程序；

9．掌握JavaScript的函数、内置对象、事件等，能够实现表单的验证；

10．掌握DOM树形结构及其操作方法，能够控制DOM对象。

(二)能力目标

1．能独立进行资料收集与整理、具备用户需求的理解能力；

2．能根据项目需求，具备项目页面的设计与实现能力；

3．能根据静态页面设计原则与CSS技术规范，实现页面工程师

了解相关静态网站的概念与规范；

掌握网页创建与发布的方法。2发布Web站点2小计4单元2：

网页版面

设置文字段落与图片的设定掌握HTML的文档结构；

掌握 HTML的基本标签；

掌握 HTML中的特殊字符；

掌握列表的使用方法；

掌握表格定义与属性设置的方法；

掌握HTML的超级链接的使用；

理解相对路径与绝对路径的区别；

掌握书签链接、E-mail链接的设置。4页面布局2超级链接的使用2小计8单元3：

HTML高级

应用表单设计掌握表单的概念与定义方法；

熟练掌握各类表单元素标签的定义；

熟练掌握网页各类表单的设计；

掌握框架基本构成；

掌握框架集、子框架标签的设定；

掌握框架引用和链接设置；

掌握各种框架的布局应用；

掌握标签的使用方法；

掌握标签进行多媒体页面的设计。2窗口框架的使用2多媒体页面设计2小计6单元4：

CSS的应用CSS引用理解CSS的特点与规则；

掌握标识符的分类与组合；

掌握CSS的引用方法；

掌握CSS背景样式的设置方式；

掌握文本样式的设置方式；

掌握CSS列表样式的设置方式；

掌握超级链接样式的设置方式；。

掌握盒模型的原理与应用；

掌握CSS的定位方式；

掌握DIV+CSS页面布局的方法。2页面样式设计4区块与层的页面布局4小计10单元5：

JavaScript编程下拉菜单的设计掌握JavaScript的概念与作用；

熟练掌握JavaScript的常量、变量、数组、运算符和表达式的使用；

熟练掌握程序控制结构语句的使用；

掌握函数的定义与调用；

掌握浏览器内置对象的应用；

掌握页面中元素的访问及其属性的设置；

掌握常用事件的指派与处理函数的编写；

理解DOM的概念；

掌握DOM对象节点的访问方法与属性的设置；

掌握DOM对象树的创建与修改；

掌握DOM对象的事件处理程序的设计；

掌握DOM对象中属性节点操作；

掌握DOM对象事件的引发方法；

掌握常见的表单验证的设计。10表格美化的设计6表单验证的设计4小计20合计48三、能力训练设计

能力训练设计如表3。

表3 能力训练设计

单元名称能力目标能力描述训练方式结果

(可展示)单元1：

Web站点发布具有编辑HTML文档，并使用IIS发布网站内容的能力能独立进行查找资料配置IIS，熟悉IIS服务器软件的环境；

能根据项目需求，配置虚拟目录与相关设置；

能编写最简单的HTML文档。实践操作网页与程序代码单元2：

网页版面设置具有使用基本标签完成简单的图文混排与链接网页的能力能编写HTML代码，实现图文混排；

能运用表格与列表进行页面布局；

能熟练使用超级链接。实践操作网页与程序代码单元3：

HTML高级应用具有设计网页表单、框架页面、多媒体页面的能力能进行常见的表单设计；

能实现框架的嵌套与超级链接的设置；

能应用html标签设计滚动字幕效果；

能熟练运用html多媒体标签设计音频、视频页面。实践操作网页与程序代码单元4：

CSS的应用具有使用CSS进行网页样式设置与页面布局的能力能进行CSS设计与引用；

能使用DIV+CSS进行区块布局与应用。实践操作网页