网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源37210-00_网页设计与制作(HTML+CSS+JavaScript)_张洪斌刘万辉_整体设计课件.doc

《网页设计与制作》课程整体设计 课程代码 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高级 应用 表单设计 掌握表单的概念与定义方法； 熟练掌握各类表单元素标签的定义； 熟练掌握网页各类表单的设计； 掌握框架基本构成； 掌握框架集、子框架标签的设定； 掌握框架引用和链接设置； 掌握各种框架的布局应用； 掌握marquee标签的使用方法； 掌握embed标签进行多媒体页面的设计。 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进行区块布局与应用。 实践操作 网页与程序代