本书从初学者的角度,以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML5与CSS3进行网页设计与制作的各方面内容和技巧。 全书共12章:第1~4章主要讲解了HTML5与CSS3的基础知识,包括Web的基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML图文标签、CSS基础选择器等内容;第5~8章分别讲解了盒子模型、列表和超链接、表格和表单、DIV CSS布局,这些内容是网页制作的核心;第9~11章分别讲解了HTML5和CSS3的新特性,包括多媒体嵌入、过渡、变形、动画、绘图、数据存储原理,这些内容可以帮助读者掌握HTML5和CSS3的新特性;第12章为实战项目,带领初学者开发一个包含首页和多个子页面的中型网站,以进一步巩固所学知识。 本书附带丰富的配套资源,并提供了答疑服务,希望全方位帮助读者掌握所学知识。 本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为前端与移动开发的培训教材,还可供网站开发人员参考。

第 1章 HTML5 CSS3网页设计概述 001 1.1 网页概述 001 1.1.1 认识网页 001 1.1.2 网页名词解释 002 1.1.3 Web标准 003 1.2 网页制作技术入门 005 1.2.1 HTML 005 1.2.2 CSS 006 1.2.3 JavaScript 006 1.2.4 网页的展示平台——浏览器 007 1.3 Dreamweaver工具的使用 010 1.3.1 认识Dreamweaver界面 010 1.3.2 Dreamweaver初始化设置 014 1.3.3 Dreamweaver的基本操作 016 1.4 阶段案例——创建第 一个网页 018 1.5 本章小结 020 1.6 课后练习题 020 第 2章 初识HTML5 021 2.1 HTML5的优势 021 2.2 HTML5全新的结构 022 2.3 标签概述 023 2.3.1 标签的分类 023 2.3.2 标签的关系 024 2.3.3 标签属性 025 2.3.4 HTML5文档头部相关标签 025 2.4 文本控制标签 027 2.4.1 页面格式化标签 027 2.4.2 文本样式标签 031 2.4.3 文本格式化标签 032 2.4.4 文本语义标签 033 2.4.5 特殊字符标签 034 2.5 图像标签 035 2.5.1 常见的图像格式 035 2.5.2 图像标签 036 2.5.3 相对路径和**路径 039 2.6 阶段案例——制作图文混排新闻 040 2.6.1 分析新闻���块效果图 040 2.6.2 搭建新闻模块结构 040 2.6.3 控制新闻模块图像 041 2.6.4 控制新闻模块文本 041 2.7 本章小结 042 2.8 课后练习题 042 第3章 初识CSS3 043 3.1 结构与表现分离 043 3.2 CSS3的优势 044 3.3 CSS核心基础 044 3.3.1 CSS样式规则 044 3.3.2 引入CSS样式表 045 3.3.3 CSS基础选择器 049 3.4 设置文本样式 052 3.4.1 CSS字体样式属性 052 3.4.2 CSS文本外观属性 055 3.5 **特性 064 3.5.1 CSS复合选择器 064 3.5.2 CSS的层叠性和继承性 066 3.5.3 CSS的优先级 068 3.6 阶段案例——制作活动通知页面 070 3.6.1 分析活动通知页面效果图 071 3.6.2 搭建活动通知页面结构 071 3.6.3 定义活动通知页面样式 072 3.7 本章小结 073 3.8 课后练习题 073 第4章 CSS3选择器 074 4.1 属性选择器 074 4.1.1 E[att^=value]属性选择器 074 4.1.2 E[att$=value]属性选择器 075 4.1.3 E[att*=value]属性选择器 076 4.2 关系选择器 077 4.2.1 子元素选择器 077 4.2.2 兄弟选择器( 、~) 078 4.3 结构化伪类选择器 080 4.3.1 :root选择器 080 4.3.2 :not选择器 081 4.3.3 :only-child选择器 081 4.3.4 :first-child和:last-child选择器 082 4.3.5 :nth-child(n)和:nth-last-child(n)选择器 083 4.3.6 :nth-of-type(n)和:nth-last-of- type(n)选择器 084 4.3.7 :empty选择器 085 4.4 伪元素选择器 086 4.4.1 :before伪元素选择器 086 4.4.2 :after伪元素选择器 087 4.5 阶段案例——制作招聘页面 088 4.5.1 分析招聘页面效果图 089 4.5.2 搭建招聘页面结构 089 4.5.3 定义招聘页面样式 090 4.6 本章小结 090 4.7 课后练习题 090 第5章 盒子模型 091 5.1 认识盒子模型 091 5.2 盒子模型的相关属性 092 5.2.1 边框属性 092 5.2.2 内边距属性 098 5.2.3 外边距属性 099 5.2.4 背景属性 101 5.2.5 盒子的宽与高 105 5.3 CSS3新增盒子模型属性 106 5.3.1 颜色透明度 106 5.3.2 圆角 107 5.3.3 图片边框 109 5.3.4 阴影 111 5.3.5 渐变 112 5.3.6 多背景图像 116 5.3.7 修剪背景图像 117 5.4 元素的类型和转换 118 5.4.1 元素的类型 118 5.4.2 和标签 120 5.4.3 元素类型的转换 122 5.5 块元素垂直外边距的合并 124 5.5.1 相邻块元素垂直外边距的合并 124 5.5.2 嵌套块元素垂直外边距的合并 125 5.6 阶段案例——制作音乐排行榜 126 5.6.1 分析音乐排行榜效果图 126 5.6.2 制作音乐排行榜页面结构 127 5.6.3 定义音乐排行榜CSS样式 127 5.7 本章小结 129 5.8 课后练习题 129 第6章 列表和超链接 130 6.1 列表标签 130 6.1.1 无序列表 130 6.1.2 有序列表 131 6.1.3 定义列表 133 6.1.4 列表的嵌套应用 134 6.2 CSS控制列表样式 135 6.2.1 list-style-type属性 135 6.2.2 list-style-image属性 136 6.2.3 list-style-position属性 137 6.2.4 list-style属性 138 6.3 超链接 139 6.3.1 创建超链接 139 6.3.2 锚点链接 141 6.4 链接伪类控制超链接 142 6.5 阶段案例——制作新闻列表 144 6.5.1 分析新闻列表效果图 144 6.5.2 制作新闻列表页面结构 145 6.5.3 定义新闻列表CSS样式 145 6.6 本章小结 146 6.7 课后练习题 146 第7章 表格和表单 147 7.1 表格 147 7.1.1 创建表格 147 7.1.2 标签的属性 1497.1.3 标签的属性 1537.1.4 标签的属性 154 7.1.5 标签及其属性 156 7.1.6 表格的结构 156 7.2 CSS控制表格样式 158 7.2.1 CSS控制表格边框 158 7.2.2 CSS控制单元格边距 160 7.2.3 CSS控制单元格的宽和高 161 7.3 表单 162 7.3.1 表单的构成 162 7.3.2 创建表单 163 7.4 表单控件 164 7.4.1 input控件 164 7.4.2 textarea控件 167 7.4.3 select控件 169 7.5 HTML5表单新属性 172 7.5.1 全新的form属性 172 7.5.2 全新的表单控件 172 7.5.3 全新的input控件类型 173 7.5.4 全新的input属性 177 7.6 CSS控制表单样式 183 7.7 阶段案例——制作表单注册页面 185 7.7.1 分析表单注册页面效果图 186 7.7.2 搭建表单注册页面结构 187 7.7.3 定义表单注册页面CSS样式 188 7.8 本章小结 190 7.9 课后练习题 190 第8章 DIV CSS布局 191 8.1 布局概述 191 8.2 布局常用属性 193 8.2.1 标签的浮动属性 193 8.2.2 标签的定位属性 199 8.3 布局的其他属性 203 8.3.1 overflow属性 204 8.3.2 z-index属性 206 8.4 布局类型 206 8.4.1 单列布局 206 8.4.2 两列布局 207 8.4.3 三列布局 209 8.4.4 全新的HTML5结构元素 212 8.4.5 网页模块命名规范 215 8.5 阶段案例——制作通栏banner 216 8.5.1 分析通栏banner效果图 216 8.5.2 制作通栏banner页面结构 217 8.5.3 定义通栏banner CSS样式 218 8.6 本章小结 220 8.7 课后练习题 220 第9章 多媒体嵌入 221 9.1 视频/音频嵌入技术概述 221 9.2 视频文件和音频文件的格式 223 9.3 嵌入视频和音频 223 9.3.1 在HTML5中嵌入视频 223 9.3.2 在HTML5中嵌入音频 225 9.3.3 视频和音频文件的兼容性问题 226 9.3.4 调用网络音频视频文件 227 9.4 CSS控制视频的宽和高 229 9.5 阶段案例——制作音乐播放界面 231 9.5.1 分析音乐播放界面效果图 231 9.5.2 制作音乐播放界面结构 232 9.5.3 定义音乐播放界面CSS样式 232 9.6 本章小结 234 9.7 课后练习题 234 第 10章 过渡、变形和动画 235 10.1 过渡 235 10.1.1 transition-property属性 235 10.1.2 transition-duration属性 237 10.1.3 transition-timing-function 属性 237 10.1.4 transition-delay属性 238 10.1.5 transition属性 239 10.2 变形 239 10.2.1 认识transform属性 239 10.2.2 2D变形 240 10.2.3 3D变形 244 10.3 动画 248 10.3.1 @keyframes规则 249 10.3.2 animation-name属性 249 10.3.3 animation-duration属性 250 10.3.4 animation-timing-function属性 250 10.3.5 animation-delay属性 251 10.3.6 animation-iteration-count属性 251 10.3.7 animation-direction属性 251 10.3.8 animation属性 252 10.4 阶段案例——制作表情图片 253 10.4.1 分析表情图片效果图 253 10.4.2 制作表情图片页面结构 254 10.4.3 定义表情图片CSS样式 254 10.5 本章小结 256 10.6 课后练习题 256 第 11章 绘图和数据存储原理 257 11.1 简单的JavaScript 257 11.1.1 JavaScript的引入 258 11.1.2 变量 259 11.1.3 document对象 260 11.2 HTML5画布 261 11.2.1 认识画布 261 11.2.2 使用画布 262 11.2.3 绘制线 262 11.2.4 线的样式 264 11.2.5 线的路径 264 11.2.6 填充路径 266 11.2.7 绘制圆 266 11.3 HTML5数据存储基础 267 11.3.1 原始存储方式——Cookie 267 11.3.2 HTML5全新的存储技术——Web Storage 268 11.4 阶段案例——绘制火柴人 269 11.4.1 分析火柴人效果图 269 11.4.2 搭建火柴人结构 270 11.4.3 绘制火柴人图形 270 11.5 本章小结 271 11.6 课后练习题 271 第 12章 实战开发——制作企业网站页面 272 12.1 网站设计规划 272 12.1.1 确定网站主题 272 12.1.2 规划网站结构 273 12.1.3 收集素材 273 12.1.4 设计网页效果图 274 12.2 使用Dreamweaver工具建立站点 275 12.3 切图 276 12.4 搭建首页 277 12.4.1 效果图分析 277 12.4.2 首页制作 278 12.5 制作模板 286 12.5.1 建立模板的步骤 286 12.5.2 引用模板 289 12.6 使用模板搭建网页 289 12.6.1 搭建注册页 289 12.6.2 搭建个人**页面 292 12.6.3 搭建视频播放页 294 12.7 本章小结 298 12.8 课后练习题 298