《HTML5 CSS3网页设计(全案例微课版)》是HTML5 CSS3网页设计入门教材。 《HTML5 CSS3网页设计(全案例微课版)》侧重于案例,并以微课方式来讲解网页设计的相关内容。全书分为23章,主要内容包括认识HTML5,设计网页的文本与段落,设计网页列表,网页中的图像和超链接,表格与〈div〉标记,网页中的表单,网页中的多媒体,认识CSS样式表,设计图片、链接和菜单的样式,设计表格和表单的样式,使用CSS3设计动画效果,JavaScript和jQuery,绘制图形,文件与拖放,地理位置技术,离线Web应用程序,处理线程和服务器事件,数据存储和通信技术,设计流行的响应式网页。后通过4个热点综合项目,进一步巩固读者的项目开发知识和技能。 《HTML5 CSS3网页设计(全案例微课版)》内容丰富,条理清晰,实用性强,适合高校非计算机专业及社会培训机构师生,以及自学网页设计爱好者。

第1章 认识HTML5 001 1.1 HTML的基本概念 002 1.1.1 什么是HTML 002 1.1.2 HTML的发展历程 002 1.2 HTML文件的基本结构 003 1.3 认识HTML5基本标记 003 1.3.1 文档类型说明 003 1.3.2 标记 004 1.3.3 头标记 004 1.3.4 网页的主体标记 007 1.3.5 页面注释标记 007 1.4 HTML5网页的开发环境 008 1.4.1 使用记事本手工编写HTML代码 008 1.4.2 使用WebStorm编写HTML代码 009 1.5 新手常见疑难问题 013 1.6 实战技能训练营 015 第2章 设计网页的文本与段落 016 2.1 标题 017 2.1.1 标题文字标记 017 2.1.2 标题的对齐方式 018 2.2 设置文字格式 018 2.2.1 文字的字体、字号和颜色 018 2.2.2 文字的粗体、斜体和下划线 020 2.2.3 文字的上标和下标 021 2.3 设置段落格式 021 2.3.1 段落标记 021 2.3.2 段落的换行标记 022 2.3.3 段落的原格式标记 022 2.4 网页的水平线 023 2.4.1 添加水平��� 023 2.4.2 设置水平线的宽度与高度 023 2.5 新手常见疑难问题 024 2.6 实战技能训练营 024 第3章 设计网页列表 026 3.1 无序列表 027 3.1.1 无序列表的标记 027 3.1.2 无序列表的属性 027 3.2 有序列表 028 3.2.1 有序列表的标记 028 3.2.2 有序列表的属性 029 3.3 自定义列表 029 3.4 列表的嵌套 030 3.5 新手常见疑难问题 031 3.6 实战技能训练营 031 第4章 网页中的图像和超链接 032 4.1 网页中的图像 033 4.1.1 网页支持的图片格式 033 4.1.2 图像的路径 034 4.2 在网页中插入图像 035 4.3 编辑网页中的图像 036 4.3.1 设置图像的大小和边框 036 4.3.2 设置图像的间距和对齐方式 037 4.3.3 设置图像的替换文字和提示文字 038 4.4 认识网页超链接 039 4.4.1 什么是网页超链接 039 4.4.2 超链接的URL 040 4.4.3 超链接的URL类型 040 4.5 建立网页超链接 040 4.5.1 创建超文本链接 041 4.5.2 创建图片链接 042 4.5.3 创建下载链接 042 4.5.4 使用相对路径和路径 043 4.5.5 设置以新窗口显示超链接页面 043 4.5.6 设置电子邮件链接 044 4.6 使用浮动框架iframe 045 4.7 使用书签链接制作电子书阅读网页 046 4.8 图像热点链接 048 4.9 新手常见疑难问题 050 4.10 实战技能训练营 051 第5 章 表格与 标记 052 5.1 表格的基本结构 053 5.2 创建表格 054 5.2.1 创建普通表格 054 5.2.2 创建带有标题的表格 055 5.3 编辑表格 055 5.3.1 定义表格的边框类型 055 5.3.2 定义表格的表头 056 5.3.3 设置表格背景 056 5.3.4 设置单元格的背景 057 5.3.5 合并单元格 058 5.3.6 表格的分组 060 5.3.7 设置单元格的行高与列宽 061 5.4 完整的表格标记 061 5.5 设置悬浮变色的表格 062 5.6 标记 064 5.7 标记 065 5.8 新手常见疑难问题 066 5.9 实战技能训练营 066 第6 章 网页中的表单 068 6.1 表单概述 069 6.2 输入标记 069 6.2.1 文本框 069 6.2.2 单选按钮和复选框 071 6.2.3 按钮 073 6.3 图像域和文件域 074 6.4 列表框 075 6.5 表单的**元素 076 6.5.1 url 属性 076 6.5.2 email 属性 077 6.5.3 date 和time 属性 077 6.5.4 number 属性 078 6.5.5 range 属性 079 6.5.6 required 属性 079 6.6 新手常见疑难问题 080 6.7 实战技能训练营 080 第7 章 网页中的多媒体 081 7.1 标记概述 082 7.1.1 认识 标记 082 7.1.2 标记的属性 083 7.1.3 浏览器对 标记的支持情况 083 7.2 添加音频文件 083 7.3 标记 084 7.3.1 认识 标记 085 7.3.2 标记的属性 086 7.3.3 浏览器对 标记的支持 情况 086 7.4 添加视频文件 087 7.5 新手常见疑难问题 088 7.6 实战技能训练营 089 第8 章 认识CSS 样式表 090 8.1 CSS 概述 091 8.1.1 CSS 的功能 091 8.1.2 CSS 的基础语法 091 8.2 创建和链接CSS 文件 092 8.3 CSS 选择器 093 8.3.1 标记选择器 093 8.3.2 类选择器 094 8.3.3 ID 选择器 095 8.3.4 伪类选择器 096 8.3.5 属性选择器 096 8.4 CSS 常用样式 098 8.4.1 使用字体样式 098 8.4.2 使用文本样式 101 8.4.3 使用背景样式 104 8.4.4 设计边框样式 107 8.4.5 设置列表样式 109 8.5 新手常见疑难问题 112 8.6 实战技能训练营 112 第9 章 设计图片、链接和菜单的样式 113 9.1 设计图片的样式 114 9.1.1 设置图片的大小 114 9.1.2 图片对齐 115 9.1.3 文字环绕图片 117 9.1.4 图片与文字的间距 118 9.2 为图片添加圆角边框样式 119 9.3 设计链接的样式 120 9.3.1 设置链接样式 120 9.3.2 定义下划线样式 121 9.3.3 定义链接背景图 122 9.3.4 定义链接提示信息 123 9.3.5 定义链接按钮样式 124 9.4 设计菜单的样式 125 9.4.1 制作动态导航菜单 125 9.4.2 制作多级菜单列表 127 9.5 新手常见疑难问题 129 9.6 实战技能训练营 129 第10 章 设计表格和表单的样式 131 10.1 设计表格的样式 132 10.1.1 设置表格颜色 132 10.1.2 设置表格边框 133 10.1.3 表格边框宽度 134 10.1.4 表格边框颜色 135 10.1.5 表格标题的位置 135 10.1.6 隐藏空单元格 136 10.1.7 单元格的边距 137 10.2 设计表单的样式 138 10.2.1 表单的字体样式 138 10.2.2 表单的边框样式 139 10.2.3 表单的背景样式 141 10.2.4 设计按钮样式 142 10.2.5 设计下拉菜单样式 143 10.3 新手常见疑难问题 144 10.4 实战技能训练营 144 第11 章 使用CSS3 设计动画效果 146 11.1 2D 转换动画效果 147 11.1.1 添加2D 移动效果 147 11.1.2 添加2D 旋转效果 148 11.1.3 添加2D 缩放效果 149 11.1.4 添加2D 倾斜效果 150 11.1.5 添加2D 综合变换效果 151 11.2 3D 转换动画效果 151 11.2.1 添加3D 移动效果 152 11.2.2 添加3D 旋转效果 154 11.2.3 添加3D 缩放效果 157 11.3 设计过渡动画效果 160 11.3.1 设置过渡属性 160 11.3.2 设置过渡时间 161 11.3.3 设置延迟时间 162 11.3.4 设置过渡动画类型 162 11.4 设计帧动画效果 164 11.4.1 设置关键帧 164 11.4.2 设置动画属性 166 11.5 新手常见疑难问题 168 11.6 实战技能训练营 169 第12 章 JavaScript 和jQuery 170 12.1 认识JavaScript 171 12.1.1 什么是JavaScript 171 12.1.2 在网页头部嵌入JavaScript代码 171 12.2 JavaScript 对象与函数 172 12.2.1 认识对象 172 12.2.2 认识函数 173 12.3 JavaScript 事件 174 12.3.1 事件与事件处理概述 174 12.3.2 JavaScript 常用事件 175 12.4 认识jQuery 176 12.4.1 jQuery 能做什么 176 12.4.2 jQuery 的配置 177 12.5 jQuery 选择器 177 12.5.1 jQuery 工厂函数 177 12.5.2 常见选择器 178 12.6 新手常见疑难问题 179 12.7 实战技能训练营 179 第13 章 绘制图形 181 13.1 添加canvas 182 13.2 绘制基本形状 182 13.2.1 绘制矩形 183 13.2.2 绘制圆 183 13.2.3 使用moveTo与lineTo 绘制直线 184 13.2.4 使用bezierCurveTo 绘制贝济埃曲线 185 13.3 绘制变形图形 186 13.3.1 绘制平移效果的图形 186 13.3.2 绘制缩放效果的图形 187 13.3.3 绘制旋转效果的图形 188 13.3.4 绘制组合效果的图形 188 13.4 绘制文字 190 13.5 新手常见疑难问题 191 13.6 实战技能训练营 191 第14 章 文件与拖放 193 14.1 选择文件 194 14.1.1 选择单个文件 194 14.1.2 选择多个文件 194 14.2 使用FileReader 接口读取文件 195 14.2.1 检测浏览器支持FileReader 接口否 195 14.2.2 FileReader 接口的方法 195 14.2.3 使用readAsDataURL 方法预览图片 196 14.2.4 使用readAsText 方法读取文本文件 197 14.3 使用HTML5 实现文件拖放 198 14.3.1 认识文件拖放的过程 198 14.3.2 浏览器支持情况 199 14.4 拖放图片和文字 199 14.4.1 来回拖放图片 200 14.4.2 拖放文字 201 14.5 新手常见疑难问题 203 14.6 实战技能训练营 203 第15 章 地理位置技术 205 15.1 利用Geolocation API 获取地理位置 206 15.1.1 地理定位的原理 206 15.1.2 获取定位信息的方法 206 15.1.3 常用地理定位方法 206 15.1.4 判断浏览器可否获取地理位置信息 207 15.1.5 指定纬度和经度坐标 208 15.1.6 获取当前位置的经度与纬度 209 15.1.7 处理错误和拒绝 210 15.2 浏览器对地理定位的支持情况 211 15.3 调用Google 地图 211 15.4 新手常见疑难问题 214 15.5 实战技能训练营 214 第16 章 离线Web 应用程序 215 16.1 HTML5 离线Web 应用概述 216 16.2 使用HTML5 离线Web 应用API 216 16.2.1 检查浏览器的支持情况 216 16.2.2 搭建简单的离线应用程序 216 16.2.3 支持离线行为 217 16.2.4 Manifest 文件 217 16.2.5 ApplicationCache API 218 16.3 使用HTML5 构建离线Web 应用 220 16.3.1 创建记录资源的manifest 文件 220 16.3.2 创建构成界面的HTML 和CSS 220 16.3.3 创建离线的JavaScript 221 16.3.4 检查applicationCache 的支持情况 222 16.3.5 添加Update 按钮处理函数 223 16.3.6 添加Storage 功能代码 223 16.3.7 添加离线事件处理程序 223 16.4 离线定位跟踪 224 16.5 新手常见疑难问题 228 16.6 实战技能训练营 228 第17 章 处理线程和服务器事件 230 17.1 Web Workers 231 17.1.1 Web Workers 概述 231 17.1.2 线程中常用的变量、函数与类 231 17.1.3 与线程进行数据交互 232 17.2 线程嵌套 234 17.2.1 线程嵌套 234 17.2.2 多个子线程之间的数据交互 236 17.3 服务器事件概述 237 17.4 服务器事件的实现过程 238 17.4.1 检测浏览器支持Server-Sent 事件否 238 17.4.2 使用EventSource 对象 238 17.4.3 编写服务器端代码 239 17.5 创建Web Worker 计数器 239 17.6 服务器事件实战应用 241 17.7 新手常见疑难问题 242 17.8 实战技能训练营 243 第18 章 数据存储和通信技术 244 18.1 认识Web 存储 245 18.1.1 本地存储和Cookies 的区别 245 18.1.2 Web 存储方法 245 18.2 使用HTML5 Web Storage API 245 18.2.1 测试浏览器的支持情况 245 18.2.2 使用sessionStorage 方法创建对象 246 18.2.3 使用localStorage 方法创建对象 247 18.2.4 Web Storage API 的其他操作 248 18.2.5 使用JSON 对象存取数据 249 18.3 浏览器对Web 存储的支持情况 251 18.4 跨文档消息传输 251 18.4.1 跨文档消息传输的基本知识 251 18.4.2 跨文档通信应用测试 252 18.5 WebSocket API 254 18.5.1 什么是WebSocket API 254 18.5.2 WebSocket 通信基础 254 18.5.3 服务器端使用WebSocket API 256 18.5.4 客户端使用WebSocket API 258 18.6 制作简单的Web 留言本 259 18.7 编写简单的WebSocket 服务器 261 18.8 新手常见疑难问题 265 18.9 实战技能训练营 266 第19 章 设计流行的响应式网页 267 19.1 什么是响应式网页设计 268 19.2 像素和屏幕分辨率 269 19.3 视口 269 19.3.1 视口的分类和常用属性 269 19.3.2 媒体查询 270 19.4 设计响应式网页布局 271 19.4.1 常用布局类型 271 19.4.2 布局的实现方式 271 19.4.3 响应式布局的设计与实现 273 19.5 响应式图片 273 19.5.1 使用 标记 273 19.5.2 使用CSS 图片 274 19.6 响应式视频 276 19.7 响应式导航菜单 276 19.8 响应式表格 278 19.8.1 隐藏表格中的列 278 19.8.2 滚动表格中的列 279 19.8.3 转换表格中的列 281 19.9 流行的响应式开发框架Bootstrap 283 19.10 新手常见疑难问题 284 19.11 实战技能训练营 285 第20 章 项目实训1——开发在线购物网站 286 20.1 整体布局 287 20.1.1 设计分析 287 20.1.2 排版架构 287 20.2 主要模块设计 288 20.2.1 Logo 与导航区 288 20.2.2 Banner 与资讯区 289 20.2.3 产品类别区域 290 20.2.4 页脚区域 292 第21 章 项目实训2——开发企业门户网站 293 21.1 构思布局 294 21.1.1 设计分析 294 21.1.2 排版架构 294 21.2 主要模块设计 295 21.2.1 Logo 与导航菜单 295 21.2.2 Banner 区 296 21.2.3 资讯区 297 21.2.4 版权信息 299 第22 章 项目实训3——开发连锁咖啡响应式网站 300 22.1 网站概述 301 22.1.1 网站结构 301 22.1.2 设计效果 301 22.1.3 设计准备 302 22.2 设计首页布局 303 22.3 设计可切换导航 304 22.4 主体内容 309 22.4.1 设计轮播广告区 309 22.4.2 设计产品**区 311 22.4.3 设计登录注册和Logo 312 22.4.4 设计特色展示区 313 22.4.5 设计产品生产流程区 315 22.5 设计底部隐藏导航 317 第23 章 项目实训4——开发游戏**响应式网站 319 23.1 网站概述 320 23.1.1 网站文件的结构 320 23.1.2 排版架构 320 23.1.3 设计准备 320 23.2 项目代码实现 321 23.2.1 设计游戏**网站的首页 321 23.2.2 设计游戏列表页面 331 23.2.3 设计游戏评论页面 333 23.2.4 设计游戏新闻页面 335 23.2.5 设计游戏博客页面 335 23.2.6 设计联系我们页面 338