HTML 5+CSS 3网页设计教程

"《HTML 5+CSS 3网页设计教程》结合网页设计初学者的特点来设计章节结构，配以大量的范例说明、对比分析和经典的配套练习帮助读者快速理解网页开发中的重要概念，进而能自己动手进行设计。 "

《HTML 5+CSS 3网页设计教程》结合作者多年实践教学经验，以实用性为导向全面讲解HTML 5+CSS 3网页设计核心技术。全书共11章：第1～5章是HTML部分，介绍HTML常用标签使用及HTML 5新特性；第6～9章是CSS部分，主要介绍CSS层叠样式表应用和使用CSS+DIV实现页面布局及网页美化；第10章介绍CSS 3的2D和3D转换、CSS 3动画效果；第11章以“电子产品购物网站首页实现”开发案例进行综合讲解。《HTML 5+CSS 3网页设计教程》各章整体结合实例讲解难点和关键技术，在实例上侧重实用性和启发性；特别强调关于知识点的能力目标，通过合理的任务驱动和实践环节提高静态网页制作能力。 《HTML 5+CSS 3网页设计教程》适合作为高等院校计算机、电子商务等相关专业的本科、专科网页设计课程教材，也适合网页制作初学者和网页设计人员、Web前端开发工程师参考与学习，同时也可作为相关培训教材。

张星云，湖北商贸学院副教授，多次参加校和湖北省教师讲课大赛获得一、二、三等奖，主持校级精品课程《静态网页设计与制作》，发表论文十余篇，代表作有《基于多数据库并行调度的复杂方法研究与仿真》-计算机仿真，主编和参编教材多部，包括《Java程序设计实例教程》《计算机组装与维修》《Dreamweaver CS6网页设计教程》等。

第1章 网页基础知识 1 1.1 HTML简介 1 1.2 认识Web标准 3 1.3 HTML的基本概念 3 1.4 HTML文件类型 6 1.5 HTML 5概述 9 1.5.1 了解HTML 5 9 1.5.2 HTML 5的新功能 10 1.5.3 HTML 5的新特性 11 1.5.4 HTML 5的新增属性 12 1.6 HTML编辑器介绍 14 1.7 基本元素介绍 17 1.8 HTML 5语义化结构性元素 21 1.8.1 新增的主体结构元素 21 1.8.2 新增的非主体结构元素 26 1.9 HTML的有关约定 28 1.10 代码规范 28 习题 29 第2章 超链接及HTML 5媒体元素 31 2.1 超链接元素 31 2.1.1 绝对路径、相对路径和 根路径 31 2.1.2 超链接的基本语法 32 2.2 锚点链接 33 2.3 图片元素 37 2.3.1 图片格式介绍 37 2.3.2 图片元素的基本用法 37 2.3.3 图片元素的常用属性 38 2.3.4 热点 39 2.4 HTML 5的视频 40 2.5 HTML 5的音频 41 2.6 其他常用元素 42 2.7 小型案例实训 44 习题 45 第3章 列表 47 3.1 无序列表 48 3.2 有序列表 49 3.3 定义列表 52 3.4 列表的嵌套 52 3.5 小型案例实训 54 习题 55 第4章 表格与框架 57 4.1 表格的组成 57 4.2 表格的属性 60 4.3 表格的行属性 62 4.4 表格的单元格设置 63 4.5 框架结构 65 4.5.1 框架概述 65 4.5.2 框架的基本结构 66 4.5.3 设置框架 66 4.6 小型案例实训 68 习题 69 第5章 HTML表单 72 5.1 表单标签form 72 5.2 input标签——文本框、密码框 73 5.3 input标签——单选按钮与复选框 74 5.4 input标签——按钮 76 5.5 input标签——图像域、隐藏域以及 文件域 78 5.6 列表、文本区 78 5.7 新的HTML 5输入控件属性 80 5.8 HTML 5新增的input元素 82 5.9 小型案例实训 85 习题 86 第6章 层叠样式表 88 6.1 层叠样式表(CSS)简介 88 6.1.1 CSS与HTML 88 6.1.2 CSS的版本 88 6.1.3 传统HTML的缺点、CSS的 优势 89 6.2 CSS的语法 90 6.2.1 基本语法规则 90 6.2.2 选择器分类 90 6.2.3 样式的引用方式 94 6.2.4 选择器的命名规则 96 6.3 CSS属性值中的单位 96 6.3.1 绝对单位 97 6.3.2 相对单位 97 6.4 常用CSS属性介绍 97 6.4.1 设置字体属性 97 6.4.2 CSS 3新增的字体属性 101 6.4.3 背景属性 101 6.4.4 区块属性 105 6.4.5 CSS 3新增的文本属性 107 6.4.6 边框属性 111 6.4.7 列表属性 113 6.4.8 方框属性 115 6.5 小型案例实训 118 习题 120 第7章 CSS属性案例应用—— 运用CSS创建导航 122 7.1 使用CSS+UL创建横向导航 122 7.2 纵向导航 125 7.3 下拉及弹出式菜单 127 7.3.1 横向下拉菜单 127 7.3.2 纵向下拉菜单 129 7.4 小型案例实训 131 习题 132 第8章 利用CSS+DIV进行网页 布局 134 8.1 网页布局概述 134 8.2 认识DIV 135 8.3 网页布局原则 136 8.4 常见的网页布局技术分析 136 8.4.1 上、中、下布局 136 8.4.2 二列固定宽度 137 8.4.3 二列宽度自适应 138 8.4.4 二列宽度自适应居中 139 8.4.5 中间三列浮动布局 140 8.4.6 UL+CSS布局 141 8.5 绝对定位与相对定位 142 8.5.1 绝对定位 142 8.5.2 相对定位 144 8.6 小型案例实训 145 习题 147 第9章 网页布局实例 149 9.1 网页布局实例——个人博客主页 149 9.2 网页布局实例——右侧浮动案例 154 9.3 网页效果欣赏 157 9.4 小型案例实训 160 习题 162 第10章 过滤、变形和动画 164 10.1 过滤 164 10.2 CSS 3 2D变形简介 168 10.3 2D变形 169 10.3.1 2D位移 169 10.3.2 2D缩放 170 10.3.3 2D倾斜 172 10.3.4 2D旋转 174 10.4 3D变形 175 10.4.1 3D位移 176 10.4.2 3D旋转 178 10.4.3 3D缩放 179 10.5 CSS 3动画使用 180 10.6 小型案例实训 183 习题 185 第11章 实战开发——电子产品购物 网站首页实现 187 11.1 页面的布局分析 187 11.2 网页top区 188 11.3 网页导航菜单(menu)区 189 11.4 主要内容(main)区 190 11.5 底端(footer)区 192 参考文献 194