第一单元 Web基础知识__eol__ 任务1 搭建开发环境 1__eol__1.1 知识准备 1__eol__1.1.1 Web与Internet 1__eol__1.1.2 Web的工作原理 2__eol__1.1.3 Web页的类型 3__eol__1.1.4 HTML5概述 3__eol__1.2 实战演练——搭建开发环境 3__eol__1.2.1 网页编辑软件的安装 3__eol__1.2.2 浏览器的安装 5__eol__1.3 强化训练——创建第一个HTML5页面 5__eol__1.3.1 创建和管理站点 5__eol__1.3.2 创建和保存HTML5文档 7__eol__1.4 课后实训 8__eol__ __eol__第二单元 HTML5语言基础 __eol__任务2 文字与段落排版 10__eol__2.1 知识准备 10__eol__2.1.1 HTML5文档格式 10__eol__2.1.2 标签的属性 11__eol__2.1.3 文本标签 12__eol__2.1.4 分隔标签 14__eol__2.1.5 序列标签 16__eol__2.2 实战演练——制作“科技馆参观须知”网页 18__eol__2.2.1 网页效果图 18__eol__2.2.2 制作过程 19__eol__2.2.3 代码分析 19__eol__2.3 强化训练——制作“我家菜馆”点菜单网页 20__eol__2.3.1 网页效果图 20__eol__2.3.2 制作过程 20__eol__2.3.3 代码分析 21__eol__2.4 课后实训 21__eol__任务3 图像和超链接 22__eol__3.1 知识准备 22__eol__3.1.1 图像标签 22__eol__3.1.2 绝对路径和相对路径 23__eol__3.1.3 超链接标签 24__eol__3.1.4 锚点链接 25__eol__3.2 实战演练——制作“网页技术介绍”网页 27__eol__3.2.1 网页效果图 27__eol__3.2.2 制作过程 27__eol__3.2.3 代码分析 29__eol__3.3 强化训练——制作“文章故事网”网页 29__eol__3.3.1 网页效果图 29__eol__3.3.2 制作过程 30__eol__3.3.3 代码分析 31__eol__3.4 课后实训 31__eol__ __eol__第三单元 HTML5新增标签及属性 __eol__任务4 结构标签和分组标签 32__eol__4.1 知识准备 32__eol__4.1.1 结构标签 32__eol__4.1.2 分组标签 39__eol__4.2 实战演练——制作“唐诗欣赏”网页 41__eol__4.2.1 网页效果图 41__eol__4.2.2 制作过程 41__eol__4.2.3 代码分析 44__eol__4.3 强化训练——制作“温州地标性建筑”网页 45__eol__4.3.1 网页效果图 45__eol__4.3.2 制作过程 45__eol__4.3.3 代码分析 47__eol__4.4 课后实训 48__eol__任务5 页面交互标签、层次语义标签和全局属性 48__eol__5.1 知识准备 48__eol__5.1.1 页面交互标签 48__eol__5.1.2 层次语义标签 51__eol__5.1.3 全局属性 53__eol__5.2 实战演练——制作“书评网”网页 56__eol__5.2.1 网页效果图 56__eol__5.2.2 制作过程 57__eol__5.2.3 代码分析 60__eol__5.3 强化训练——制作“面试应答技巧”网页 60__eol__5.3.1 网页效果图 60__eol__5.3.2 制作过程 61__eol__5.3.3 代码分析 63__eol__5.4 课后实训 63__eol__ __eol__第四单元 CSS3基础 __eol__任务6 标记选择器和类选择器 65__eol__6.1 知识准备 65__eol__6.1.1 CSS简介 65__eol__6.1.2 CSS样式规则 65__eol__6.1.3 CSS样式的引入 66__eol__6.1.4 CSS样式的优先级 68__eol__6.1.5 标记选择器 68__eol__6.1.6 类选择器 69__eol__6.2 实战演练——制作“美化文章”网页 70__eol__6.2.1 网页效果图 70__eol__6.2.2 制作过程 70__eol__6.2.3 代码分析 72__eol__6.3 强化训练——制作“图文混排”网页 72__eol__6.3.1 网页效果图 72__eol__6.3.2 制作过程 73__eol__6.3.3 代码分析 74__eol__6.4 课后实训 75__eol__任务7 链接伪类和CSS样式面板 75__eol__7.1 知识准备 75__eol__7.1.1 链接伪类 75__eol__7.1.2 CSS样式面板 77__eol__7.2 实战演练——制作“散文欣赏”网页 77__eol__7.2.1 网页效果图 77__eol__7.2.2 制作过程 78__eol__7.2.3 代码分析 85__eol__7.3 强化训练——制作“热点新闻”列表 85__eol__7.3.1 网页效果图 85__eol__7.3.2 制作过程 86__eol__7.3.3 代码分析 91__eol__7.4 课后实训 91__eol__任务8 id选择器、伪选择器和表格样式 92__eol__8.1 知识准备 92__eol__8.1.1 id选择器 92__eol__8.1.2 伪选择器 93__eol__8.1.3 表格 94__eol__8.2 实战演练——制作“鞋子尺码对照单”网页 96__eol__8.2.1 网页效果图 96__eol__8.2.2 制作过程 96__eol__8.2.3 代码分析 98__eol__8.3 强化训练——制作“婴儿身高体重标准表”网页 99__eol__8.3.1 网页效果图 99__eol__8.3.2 制作过程 100__eol__8.3.3 代码分析 102__eol__8.4 课后实训 103__eol__任务9 复合选择器、通配符选择器 103__eol__9.1 知识准备 103__eol__9.1.1 复合选择器 103__eol__9.1.2 通配符选择器 106__eol__9.1.3 同时应用多个样式 106__eol__9.2 实战演练——制作“寓言故事”网页 107__eol__9.2.1 网页效果图 107__eol__9.2.2 制作过程 108__eol__9.2.3 代码分析 110__eol__9.3 强化训练——制作“诗词欣赏”网页 110__eol__9.3.1 网页效果图 110__eol__9.3.2 制作过程 111__eol__9.3.3 代码分析 116__eol__9.4 课后实训 116__eol__ __eol__第五单元 盒子模型 __eol__任务10 盒子模型及应用 119__eol__10.1 知识准备 119__eol__10.1.1 盒子模型的概念 119__eol__10.1.2 边框的设置 120__eol__10.1.3 内边距的设置 125__eol__10.1.4 外边距的设置 126__eol__10.2 实战演练——制作“古诗文欣赏”网页 128__eol__10.2.1 网页效果图 128__eol__10.2.2 制作过程 128__eol__10.2.3 代码分析 129__eol__10.3 强化训练——制作“散文赏析”网页 130__eol__10.3.1 网页效果图 130__eol__10.3.2 制作过程 130__eol__10.3.3 代码分析 132__eol__10.4 课后实训 133__eol__任务11 元素的浮动 133__eol__11.1 知识准备 133__eol__11.1.1 元素的类型及转换 133__eol__11.1.2 overflow属性 135__eol__11.1.3 元素的浮动 136__eol__11.1.4 清除浮动 139__eol__11.2 实战演练——制作“网站导航条”网页 144__eol__11.2.1 网页效果图 144__eol__11.2.2 制作过程 145__eol__11.2.3 代码分析 146__eol__11.3 强化训练——制作“浪漫花语百科网”网页 146__eol__11.3.1 网页效果图 146__eol__11.3.2 制作过程 146__eol__11.3.3 代码分析 150__eol__11.4 课后实训 151__eol__任务12 元素的定位 152__eol__12.1 知识准备 152__eol__12.1.1 元素的定位模式与边偏移 152__eol__12.1.2 静态定位 152__eol__12.1.