第14章JavaScript基础 13 0 0 0 【计划外】 第15章JavaScript事件 14 0 0 处理【计划外】 第16章BOM与DOM【计划 15 0 0 外】 16第17章HTML5高级应用 2 0 0 17复习 2 0 2 总计 28 14 42 八、课程的教学内容、重点和难点 1Web前端开发技术综述 1.1Web概述 1.1.1了解Web起源 1.1.2理解Web特点 1.1.3理解Web工作原理 1.1.4掌握Web相关概念，掌握UL构成、Web服务器、超链 接基本概念。 1.2Web前端开发职业需求 了解Web前端开发职业需求 1.3Web前端开发技术 1.3.1理解TML概念及在网页中的作用，理解TML文档定义
八、课程的教学内容、重点和难点 1 Web 前端开发技术综述 1.1 Web 概述 1.1.1 了解 Web 起源 1.1.2 理解 Web 特点 1.1.3 理解 Web 工作原理 1.1.4 掌握 Web 相关概念，掌握 URL 构成、Web 服务器、超链 接基本概念。 1.2 Web 前端开发职业需求 了解 Web 前端开发职业需求 1.3 Web 前端开发技术 1.3.1 理解HTML 概念及在网页中的作用，理解HTML 文档定义。 13 第 14 章 JavaScript 基础 【计划外】 0 0 0 14 第 15 章 JavaScript 事件 处理【计划外】 0 0 0 15 第 16 章 BOM 与 DOM【计划 外】 0 0 0 16 第 17 章 HTML5 高级应用 2 0 0 17 复习 2 0 2 总 计 28 14 42
1.3.2理解CSS在Web页面设计中作用 l.3.3理解JavaScript在Web页面设计中作用 1.3.4了解HTML DOM、BOM及AJAX在页面设计中的作用 1.3.5了解jQuery含义及基本用途 1.4Web前端开发工具 掌握EditPlus、Adobe Dreamweaver、Sublime Text、 WebStorm、HBuilder等开发工具 1.5浏览器工具 熟悉常用五类浏览器安装与使用 1.6熟悉综合实例 2HTML基础 2.1HTML文档结构 △理解HTML文档组成结构 2.2头部 △掌握HTML头部标记作用及标题标记、元信息meta标记的语法 2.3主体 2.3.1△掌握HTML主体标记作用 2.3.2△掌握主体标记主要属性及其设置方法 2.4TML基本语法 △掌握标记类型语法及HTL属性语法 2.5注释 掌握两种注释标记的使用方法及作用，重点掌握<！一一>标记的 使用
1.3.2 理解 CSS 在 Web 页面设计中作用 1.3.3 理解 JavaScript 在 Web 页面设计中作用 1.3.4 了解 HTML DOM、BOM 及 AJAX 在页面设计中的作用 1.3.5 了解 jQuery 含义及基本用途 1.4 Web 前端开发工具 掌 握 EditPlus 、 Adobe Dreamweaver 、 Sublime Text 、 WebStorm、HBuilder 等开发工具 1.5 浏览器工具 熟悉常用五类浏览器安装与使用 1.6 熟悉综合实例 2 HTML 基础 2.1 HTML 文档结构 △理解 HTML 文档组成结构 2.2 头部 △掌握 HTML 头部标记作用及标题标记、元信息 meta 标记的语法 2.3 主体 2.3.1 △掌握 HTML 主体标记作用 2.3.2 △掌握主体标记主要属性及其设置方法 2.4 HTML 基本语法 △掌握标记类型语法及 HTML 属性语法 2.5 注释 掌握两种注释标记的使用方法及作用，重点掌握<!- ->标记的 使用
2.6HTML文档编写规范 2.6.1掌握HTML代码书写规范 2.6.2掌握HTML文档命名规则 2.7HTML文档类型<！DOCTYPE> 了解3种HIL文档类型和HTML5的DTD定义方法。 2.8掌握综合实例中所使用的标记语法 3格式化文本与段落 3.1Web页面初步设计 3.1.1△掌握在<body>添加文字信息的方法 3.1.2掌握标题字标记语法及对齐属性的设置方法 3.1.3掌握添加空格、特殊符号的方法 3.2格式化文本标记 3.2.1掌握文本修饰标记的使用方法 3.2.2了解计算机输出标记的使用方法 3.2.3理解引用和术语标记的使用方法 3.2.4△掌握字体font标记的face、size、color属性语法 3.3段落与排版标记 3.3.1△掌握段落p标记语法及align属性的设置 3.3.2掌握换行、水平分隔线、拼音/音标注释ruby标记和 rt/rp标记拼音/音标注释ruby标记和rt/rp标记、预格式化、 块引用等标记的使用及属性怕设置 3.4综合实例 学会运用所学知识完成Web页面设计
2.6 HTML 文档编写规范 2.6.1 掌握 HTML 代码书写规范 2.6.2 掌握 HTML 文档命名规则 2.7 HTML 文档类型<!DOCTYPE> 了解 3 种 HTML 文档类型和 HTML5 的 DTD 定义方法。 2.8 掌握综合实例中所使用的标记语法 3 格式化文本与段落 3.1 Web 页面初步设计 3.1.1 △掌握在<body>添加文字信息的方法 3.1.2 掌握标题字标记语法及对齐属性的设置方法 3.1.3 掌握添加空格、特殊符号的方法 3.2 格式化文本标记 3.2.1 掌握文本修饰标记的使用方法 3.2.2 了解计算机输出标记的使用方法 3.2.3 理解引用和术语标记的使用方法 3.2.4 △掌握字体 font 标记的 face、size、color 属性语法 3.3 段落与排版标记 3.3.1 △掌握段落 p 标记语法及 align 属性的设置 3.3.2 掌握换行、水平分隔线、拼音/音标注释 ruby 标记和 rt/rp 标记拼音/音标注释 ruby 标记和 rt/rp 标记、预格式化、 块引用等标记的使用及属性怕设置 3.4 综合实例 学会运用所学知识完成 Web 页面设计
4列表 4.1列表概述 了解列表的定义和常用列表的分类 4.2无序列表 4.2.1△掌握无序列表基本语法 4.2.2★学会使用列表type属性的改变列表的符号样式 4.3有序列表 4.3.1△掌握有序列表基本语法 4.3.2★学会使用列表type、start属性的改变列表的编号样 式 4.3.3了解使用有序列表项value属性改变列表项编号 4.3.4理解列表的type与列表项type属性冲突时对列表项编 号的影响 4.4列表嵌套 △掌握无序列表与有序列表嵌套的方法 4.5定义列表 4.5.1△掌握定义列表基本语法 4.5.2△★理解定义列表与无序、有序列表的外在表现上的差 异 4.6综合实例 学会运用所学知识完成Wb页面设计 5超链接与浮动框架 5.1超链接概述 5.2超链接语法、路径及分类
4 列表 4.1 列表概述 了解列表的定义和常用列表的分类 4.2 无序列表 4.2.1 △掌握无序列表基本语法 4.2.2 ★学会使用列表 type 属性的改变列表的符号样式 4.3 有序列表 4.3.1 △掌握有序列表基本语法 4.3.2 ★学会使用列表 type、start 属性的改变列表的编号样 式 4.3.3 了解使用有序列表项 value 属性改变列表项编号 4.3.4 理解列表的type 与列表项 type 属性冲突时对列表项编 号的影响 4.4 列表嵌套 △掌握无序列表与有序列表嵌套的方法 4.5 定义列表 4.5.1 △掌握定义列表基本语法 4.5.2 △★理解定义列表与无序、有序列表的外在表现上的差 异 4.6 综合实例 学会运用所学知识完成 Web 页面设计 5 超链接与浮动框架 5.1 超链接概述 5.2 超链接语法、路径及分类