安徽省教育安徽省教育厅软厅软件技件技术术“双双师师”素素质质教教师师培培训训基于基于 Web 标准的网页设计案例实训标准的网页设计案例实训 培训计划培训计划（2009 年年 6 月月 4 日）日）一、课程名称：一、课程名称：基于 Web 标准的网页设计（唐四薪）二、培训时间、地点二、培训时间、地点培训时间：2009 年 7 月 20 日2009 年 8 月 10 日 培训地点：滁州职业技术学院（联系电话：0550-3063678，15155005218, 13965631121） 报名地点：安徽省高校教师培训中心 报到地点：滁州职业技术学院综合实训楼四楼软件学院办公室（需要统一安排住宿报到地点：滁州职业技术学院综合实训楼四楼软件学院办公室（需要统一安排住宿 的，请于的，请于 7 月月 10 日前发邮件到日前发邮件到 396331788qq.com 确认。确认。 ）三、预期目标：三、预期目标：1. 了解什么是 WEB 标准，为何要遵循 WEB 标准； 2. 掌握使用结构化标准语言 XHTML。 2. 掌握使用表现标准语言 CSS（层叠样式表） ； 3. 掌握使用 JavaScript 行为标准语言； 4. 了解网页设计中的分层； 5. 了解 CSS 框架； 6. 了解常用 JavaScript 框架，利用 JQuery 框架开发网页特效； 7. 具备综合运用 XHTML、CSS、JavaScript 开发符合 WEB 标准的网页的能力；四、培训内容及指导思想：四、培训内容及指导思想：WEB 标准是一系列标准的集合。网页主要由三部分组成：结构（Structure） 、表现 （Presentation）和行为（Behavior） 。对应的标准也分三方面：结构化标准语言主要包 括 XHTML 和 XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM） 、ECMAScript 等。 传统网页制作课程往往只是单纯的讲授如何使用 DreamWeaver 等工具制作 HTML 页面，而在现今的企业实际项目开发中则需要开发人员基于 WEB 标准进行网页设计， 这就造成了课程与实践的脱节。本实训课程从网页的“结构”、 “表现”、 “行为”三方面阐述如何构建一个符合 WEB 标准的站点，以及如何综合运用 XHMTL、CSS、JavaScript 等具体技术进行网页设计与开发。 实训将以实际项目为载体，采用任务驱动、理论与实践融为一体的案例式教学方法。 基于 WEB 标准开发“在线图片展示”网站。五、培训对象五、培训对象计算机、软件技术、电子商务、计算机信息管理、网络系统管理（网站建设方向） 等开设相关课程的专业教师。六、具体培训安排：六、具体培训安排：时间时间项目任务项目任务项目要求项目要求任务提交任务提交7.20学员报到第 一 天 7.21任务：任务： 实训项目开发准备实训项目开发准备 内容一、实训项目概况 内容二、基于实训项目的学习领域分 解 内容三、开发工具简介一、了解实训项目。 二、能够使用开发工具第 二 天 7.22任务：项目开发知识储备任务：项目开发知识储备HTML 与与 XHTML 内容一、超文本标记语言 HTML 内容二、HTML 常用标记一、了解 HTML 与 XHTML 二、掌握 HTML 常用标记一、HTML 与 XHTML 基础练习代 码第 三 天 7.23项目开发知识储备项目开发知识储备HTML 与与 XHTML 内容一、HTML 表格 内容二、HTML 表单 内容三、HTML 字符实体一、掌握 HTML 表格、表 单、字符实体一、HTML 与 XHTML 基础练习代 码第 四 天 7.24任务：使用任务：使用 HTML 创建网页结构创建网页结构 内容一、创建网页结构 内容二、创建网页元素 内容三、创建表单一、掌握如何创建符合 Web 标准的网页结构 二、掌握如何创建网页元素 及表单一、HTML 网页结构 代码第 五 天 7.25任务：项目开发知识储备项目开发知识储备CSS 内容一、CSS 基础 内容二、CSS 网页布局与定位一、掌握 CSS 基础 二、掌握如何使用 CSS 对 网站进行布局一、CSS 基础练习代 码 二、CSS 布局代码第 六 天 7.26任务：项目开发知识储备项目开发知识储备CSS 内容一、CSS 网站元素设计 内容二、CSS 内容排版一、掌握如何利用 CSS 设 计网站元素 二、掌握 CSS 内容排版一、网站元素设计练 习代码 二、CSS 内容排版代 码时间时间项目任务项目任务项目要求项目要求任务提交任务提交第 七 天 7.27任务：项目开发知识储备项目开发知识储备CSS 内容一、CSS 高级应用 内容二、CSS 与浏览器一、了解 CSS 使用技巧 二、了解浏览器差异，以及 如何消除浏览器差异一、CSS 技巧练习代 码 二、CSS 浏览器适应 性练习代码第 八 天 7.28任务：使用任务：使用 CSS 表现网页表现网页 内容一、CSS 总体设计 内容二、使用 CSS 创建布局 内容三、使用 CSS 对网页内容排版一、掌握综合运用 CSS 设 计网页的能力一、CSS 综合练习代 码第 九 天 7.29任务：使用任务：使用 CSS 框架框架 内容一、CSS 框架简介 内容二、应用 CSS 框架一、了解 CSS 框架 二、使用 CSS 框架设计网 页一、应用 CSS 框架设 计网页代码第 十 天 7.30休息第 十 一 天 7.31任务：项目开发知识储备项目开发知识储备 JavaScript 内容一：JavaScript 基础 内容二：JavaScript 流程控制一、掌握 JavaScript 代码 二、掌握 JavaScript 流程控 制语句一、JavaScript 流程控 制练习代码第 十 二 天 8.1任务：项目开发知识储备项目开发知识储备 JavaScript 内容一：JavaScript 函数 内容二：JavaScript 内置对象一、掌握 JavaScript 函数使 用二、掌握 JavaScript 常用 内置对象一、JavaScript 练习代 码第 十 三 天 8.2任务：项目开发知识储备项目开发知识储备 JavaScript 内容一：HTML DOM 对象 内容二：使用 JavaScript 操作 HTML DOM 对象一、了解 HTML DOM 二、掌握使用 JavaScript 操 作 HTML DOM 对象的 方法一、HTML DOM 操 作练习代码第 十 四 天 8.3任务：使用 JavaScript 提升用户体验 内容一：JavaScript 页面特效 内容二：JavaScript HTML DOM 操作 内容一：JavaScript 表单验证一、掌握 JavaScript 使用技 巧 二、掌握 JavaScript 开发客 户端验证方法一、JavaScript 特效代 码 二、JavaScript 验证代 码时间时间项目任务项目任务项目要求项目要求任务提交任务提交第 十 五 天 8.4任务：项目开发知识储备项目开发知识储备Jquery 内容一：JavaScript 框架简介 内容二：Jquery 基础 内容三：Jquery 插件一、了解常用 JavaScript 框 架 二、了解 Jquery 基础语法 三、应用 Jquery 插件一、Jquery 练习代码第 十 六 天 8.5任务：使用 Jquery 提升用户体验 内容一：Jquery 验证 内容二：Jquery 页面特效一、使用 Jquery 实现用户验 证 二、使用 Jquery 实现页面特 效一、Jquery 验证代码 二、Jquery 特效代码第 十 七 天 8.6任务：综合实训HTML 页面设计 内容一、创建首页 内容二、创建表单页 内容三、创建明细页一、掌握如何使用 HTML 创建页面结构一、HTML 页面结构 代码第 十 八 天 8.7任务：综合实训CSS 表现样式设 计 内容一、使用 CSS 样式表实现网页布 局 内容二、使用 CSS 样式表表现网页元 素一、使用 CSS 实现网页布 局 二、使用 CSS 表现网页元 素一、CSS 样式表代码第 十 九 天 8.8任务：综合实训使用 Jquery 框架 设计网页特效与交互 内容一、Jquery 网页特效 内容二、Jquery 表单验证一、使用 Jquery 实现用户验 证 二、使用 Jquery 实现页面特 效一、Jquery 验证代码 二、Jquery 特效代码第 二 十 天 8.9任务：项目总结项目总结 内容一：分析总结 内容二：新技术展望 内容三：学员答疑一、总结回顾 二、分析项目存在问题，提 出解决方案一、综合实训项目最 终代码七、考核七、考核培训考核以每日提交的项目代码为考核依据，根据代码编写质量及功能实现程度进行评价。以 平均分为最后培训成绩。