-
内容大纲
本书是针对零基础读者编写的Web入门教材。该书侧重案例实训,并提供扫码微课来讲解当前热门的案例。
本书分为22章,内容包括认识HTML 5、设计网页的文本、设计网页列表与段落、网页中的图 像和超链接、表格与div标签、网页中的表单、网页中的多媒体、HTML5的新特征、使用CSS层叠样式表、JavaScript和jQuery、绘制图形、文件与拖放、地理定位技术、离线Web应用程序、处理线程 和服务器发送事件、数据存储和通信技术、响应式网页设计、流行的响应式开发框架Bootstrap,最后通过4个热门综合项目,让读者进一步掌握项目开发经验。
本书通过精选热门案例,让初学者快速掌握HTML5 Web开发技术。通过微信扫码看视频,可以随时在移动端学习技能对应的视频操作。本书适合读者自学,也可作为相关院校的参考教材。 -
作者介绍
-
目录
第1章 认识HTML 5
1.1 HTML的基本概念和版本
1.1.1 什么是HTML
1.1.2 HTML的版本
1.2 HTML文件的基本结构
1.3 HTML 5的基本标记
1.3.1 文档类型说明
1.3.2 html标记
1.3.3 头标记
1.3.4 主体标记
1.3.5 注释标记
1.4 HTML 5网页的开发环境
1.4.1 使用记事本手工编写HTML文件
1.4.2 使用WebStorm编写HTML文件
1.5 新手常见疑难问题
1.6 实战技能训练营
第2章 设计网页的文本
2.1 标题
2.1.1 标题文字标签
2.1.2 标题的对齐方式
2.2 设置文字格式
2.2.1 文字的字体、字号和颜色
2.2.2 文字的粗体、斜体和下划线
2.2.3 文字的上标和下标
2.3 设置段落格式
2.3.1 段落标签
2.3.2 段落的换行标签
2.3.3 段落的原格式标签
2.4 网页的水平线
2.4.1 添加水平线
2.4.2 设置水平线的宽度与高度
2.5 新手常见疑难问题
2.6 实战技能训练营
第3章 设计网页列表与段落
3.1 无序列表
3.1.1 无序列表的标签
3.1.2 无序列表的属性
3.2 有序列表
3.2.1 有序列表的标签
3.2.2 有序列表的属性
3.3 自定义列表
3.4 列表的嵌套
3.5 新手常见疑难问题
3.6 实战技能训练营
第4章 网页中的图像和超链接
4.1 网页中的图像
4.1.1 网页中支持的图片格式
4.1.2 图像中的路径
4.2 在网页中插入图像
4.3 编辑网页中的图像
4.3.1 设置图像的大小和边框
4.3.2 设置图像的间距和对齐方式
4.3.3 设置图像的替换文字和提示文字
4.4 认识网页超链接
4.4.1 什么是网页超链接
4.4.2 超链接中的URL
4.4.3 超链接的URL类型
4.5 建立网页超级链接
4.5.1 创建超文本链接
4.5.2 创建图片链接
4.5.3 创建下载链接
4.5.4 使用相对路径和绝对路径
4.5.5 设置以新窗口显示超链接页面
4.5.6 设置电子邮件链接
4.6 使用浮动框架
4.7 使用书签链接制作电子书阅读网页
4.8 图像热点链接
4.9 新手常见疑难问题
4.10 实战技能训练营
第5 章 表格与标签
5.1 表格的基本结构
5.2 创建表格
5.2.1 创建普通表格
5.2.2 创建一个带有标题的表格
5.3 编辑表格
5.3.1 定义表格的边框类型
5.3.2 定义表格的表头
5.3.3 设置表格背景
5.3.4 设置单元格的背景
5.3.5 合并单元格
5.3.6 表格的分组
5.3.7 设置单元格的行高与列宽
5.4 完整的表格标签
5.5 设置悬浮变色的表格
5.6标签
5.7 标签
5.8 新手常见疑难问题
5.9 实战技能训练营
第6 章 网页中的表单
6.1 表单概述
6.2 输入标签
6.2.1 文本框
6.2.2 单选按钮和复选框
6.2.3 按钮
6.3 图像域和文件域
6.4 列表
6.5 表单的高级元素
6.5.1 url 属性
6.5.2 email 属性
6.5.3 date 和time 属性
6.5.4 number 属性
6.5.5 range 属性
6.5.6 required 属性
6.6 新手常见疑难问题
6.7 实战技能训练营
第7 章 网页中的多媒体
7.1 audio 标签概述
7.1.1 认识audio 标签
7.1.2 audio 标签的属性
7.1.3 audio 标签对浏览器的支持情况
7.2 在网页中添加音频文件
7.3 video 标签
7.3.1 认识video 标签
7.3.2 video 标签的属性
7.3.3 浏览器对video 标签的支持情况
7.4 在网页中添加视频文件
7.5 新手常见疑难问题
7.6 实战技能训练营
第8 章 HTML 5 的新特征
8.1 新增的主体结构元素
8.1.1 section 元素
8.1.2 article 元素
8.1.3 aside 元素
8.1.4 nav 元素
8.1.5 time 元素
8.2 新增的非主体结构元素
8.2.1 header 元素
8.2.2 hgroup 元素
8.2.3 footer 元素
8.2.4 figure 元素
8.2.5 address 元素
8.3 新增其他常用元素
8.3.1 mark 元素
8.3.2 rp 元素、rt 元素与ruby 元素
8.3.3 progress 元素
8.3.4 command 元素
8.3.5 embed 元素
8.3.6 details 元素和summary 元素
8.3.7 datalist 元素
8.3.8 meter 元素
8.4 新增全局属性
8.4.1 contentEditable 属性
8.4.2 spellcheck 属性
8.4.3 tabIndex 属性
8.5 新增的其他属性
8.5.1 表单相关属性
8.5.2 链接相关属性
8.5.3 其他新增属性
8.6 HTML 5 废除的属性
8.7 新手常见疑难问题
8.8 实战技能训练营
第9 章 使用CSS 层叠样式表
9.1 CSS 概述
9.1.1 CSS 的功能
9.1.2 浏览器与CSS
9.1.3 CSS 的基础语法
9.2 在HTML 中使用CSS 的方法
9.2.1 行内样式
9.2.2 内嵌样式
9.2.3 链接样式
9.3 CSS 中的常用样式
9.3.1 使用字体样式
9.3.2 使用文本样式
9.3.3 使用背景样式
9.3.4 设计边框样式
9.3.5 设置列表样式
9.4 新手常见疑难问题
9.5 实战技能训练营
第10 章 JavaScript 和jQuery
10.1 认识JavaScript
10.1.1 什么是JavaScript
10.1.2 在HTML 网页头中嵌入JavaScript代码
10.2 JavaScript 对象与函数
10.2.1 认识对象
10.2.2 认识函数
10.3 JavaScript 事件
10.3.1 事件与事件处理概述
10.3.2 JavaScript 的常用事件
10.4 认识jQuery
10.4.1 jQuery 能做什么
10.4.2 jQuery 的配置
10.5 jQuery 选择器
10.5.1 jQuery 的工厂函数
10.5.2 常见选择器
10.6 新手常见疑难问题
10.7 实战技能训练营
第11 章 绘制图形
11.1 添加canvas 的步骤
11.2 绘制基本形状
11.2.1 绘制矩形
11.2.2 绘制圆形
11.2.3 使用moveTo 与lineTo 绘制直线
11.2.4 使用bezierCurveTo 绘制贝济埃曲线
11.3 绘制渐变图形
11.3.1 绘制线性渐变
11.3.2 绘制径向渐变
11.4 绘制变形图形
11.4.1 绘制平移效果的图形
11.4.2 绘制缩放效果的图形
11.4.3 绘制旋转效果的图形
11.4.4 绘制组合效果的图形
11.4.5 绘制带阴影的图形
11.5 使用图像
11.5.1 绘制图像
11.5.2 平铺图像
11.5.3 裁剪图像
11.6 绘制文字
11.7 图形的保存与恢复
11.7.1 保存与恢复状态
11.7.2 保存文件
11.8 新手常见疑难问题
11.9 实战技能训练营
第12 章 文件与拖放
12.1 选择文件
12.1.1 选择单个文件
12.1.2 选择多个文件
12.2 使用FileReader 接口读取文件
12.2.1 检测浏览器是否支持FileReader接口
12.2.2 FileReader 接口的方法
12.2.3 使用readAsDataURL 方法预览图片
12.2.4 使用readAsText 方法读取文本文件
12.3 使用HTML5 实现文件的拖放
12.3.1 认识文件拖放的过程
12.3.2 浏览器支持情况
12.3.3 在网页中拖放图片
12.4 在网页中来回拖放图片
12.5 在网页中拖放文字
12.6 新手常见疑难问题
12.7 实战技能训练营
第13 章 地理定位技术
13.1 Geolocation API 获取地理位置
13.1.1 地理地位的原理
13.1.2 获取定位信息的方法
13.1.3 常用地理定位方法
13.1.4 判断浏览器是否支持HTML 5 获取地理位置信息
13.1.5 指定纬度和经度坐标
13.1.6 获取当前位置的纬度与经度
13.1.7 处理错误和拒绝
13.2 目前浏览器对地理定位的支持情况
13.3 在网页中调用Google 地图
13.4 新手常见疑难问题
13.5 实战技能训练营
第14 章 离线Web 应用程序
14.1 HTML 5 离线Web 应用概述
14.2 使用HTML5 离线Web 应用API
14.2.1 检查浏览器的支持情况
14.2.2 搭建简单的离线应用程序
14.2.3 支持离线行为
14.2.4 Manifest 文件
14.2.5 ApplicationCache API
14.3 使用HTML 5 离线Web 应用构建应用
14.3.1 创建记录资源的manifest 文件
14.3.2 创建构成界面的HTML 和CSS
14.3.3 创建离线的JavaScript
14.3.4 检查applicationCache 的支持情况
14.3.5 为Update 按钮添加处理函数
14.3.6 添加Storage 功能代码
14.3.7 添加离线事件处理程序
14.4 新手常见疑难问题
14.5 实战技能训练营
第15 章 处理线程和服务器发送事件
15.1 Web Worker
15.1.1 Web Worker 概述
15.1.2 线程中常用的变量、函数与类
15.1.3 与线程进行数据的交互
15.2 线程嵌套
15.2.1 单线程嵌套
15.2.2 多个子线程中的数据交互
15.3 服务器发送事件概述
15.4 服务器发送事件的实现过程
15.4.1 检测浏览器是否支持Server-Sent事件
15.4.2 使用EventSource 对象
15.4.3 编写服务器端代码
15.5 创建Web Worker 计数器
15.6 服务器发送事件实战应用
15.7 新手常见疑难问题
15.8 实战技能训练营
第16 章 数据存储和通信技术
16.1 认识Web 存储
16.1.1 本地存储和Cookies 的区别
16.1.2 Web 存储方法
16.2 使用HTML 5 Web Storage API
16.2.1 测试浏览器的支持情况
16.2.2 使用sessionStorage 方法创建对象
16.2.3 使用localStorage 方法创建对象
16.2.4 Web Storage API 的其他操作
16.2.5 使用JSON 对象存取数据
16.3 浏览器对Web 存储的支持情况
16.4 跨文档消息传输
16.4.1 跨文档消息传输的基本知识
16.4.2 跨文档通信应用测试
16.5 WebSockets API
16.5.1 什么是WebSocket API
16.5.2 WebSockets 通信基础
16.5.3 服务器端使用WebSockets API
16.5.4 客户机端使用WebSockets API
16.6 制作简单的Web 留言本
16.7 编写简单的WebSocket 服务器
16.8 新手常见疑难问题
16.9 实战技能训练营
第17 章 响应式网页设计
17.1 响应式网页设计概述
17.2 像素和屏幕分辨率
17.3 视口
17.3.1 视口的分类和常用属性
17.3.2 媒体查询
17.4 响应式网页的布局设计
17.4.1 常用布局类型
17.4.2 布局的实现方式
17.4.3 响应式布局的设计与实现
17.5 响应式图片
17.5.1 使用同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...