HTML5+CSS3基础开发教程（第2版）

Name: HTML5+CSS3基础开发教程（第2版）
ISBN: 9787115460400

张珈珣 / 范立锋人民邮电出版社 · 中国2020年9月

3.0

字数: 6.6万字
章节数: 236
ISBN: 9787115460400

信息有误查询本书

内容简介

本书内容主要分为三大部分。第一部分介绍了HTML5的相关开发技术，包括HTML的发展，HTML5与之前版本的区别，HTML5的表单元素应用，HTML5的多媒体元素应用，HTML5的图像及动画应用，HTML5的元素拖曳技术，HTML5的数据存储技术，HTML5的离线应用及地理位置应用。第二部分介绍了CSS3的相关知识。第三部分为HTML5与CSS3的综合应用实例。

编辑推荐

《HTML5+CSS3基础开发教程（第2版）》是一本面向Web前端开发初学者的扎实入门指南。本书最大的价值在于其清晰的结构与实用性——它并非简单罗列语法，而是遵循'理论讲解->示例演示->动手实践'的循环，帮助读者建立从概念到代码的直观映射。人民邮电出版社的技术丛书一贯以严谨著称，本书继承了这一传统，对HTML5的语义化标签、Canvas绘图、本地存储，以及CSS3的Flexbox、Grid、动画等核心知识点进行了系统且不失深度的剖析。作者张珈珣拥有多年的教学与实践经验，其叙述平实，避免了技术书籍常见的晦涩，特别适合作为高校教材或自学者系统学习的首站。第2版相较于前版，紧跟了W3C规范的最新进展，更新了部分过时内容，并增加了对响应式设计和移动端适配的强调，实用性更强。对于希望打下坚实前端基础，理解现代Web标准而非仅仅追求框架速成的读者，本书提供了一个可靠的知识框架。

适合谁读

适合

计算机相关专业零基础学生，需要一本结构清晰的教材入门前端开发。
希望系统学习现代Web标准（HTML5/CSS3），为后续学习JavaScript或前端框架打下坚实基础的转行者。
有一定老版本HTML/CSS经验，需要更新知识体系至HTML5和CSS3的开发者。
从事网页设计或相关教学，需要一本内容准确、示例丰富的参考书的从业者。

不适合

寻求快速上手Vue、React等前端框架实战技巧的急迫型学习者。
已经熟练掌握现代前端开发全流程，希望深入探索底层原理或最新前沿技术的高级开发者。

阅读建议

建议按照章节顺序阅读，务必完成每章后的练习题，编码是学习前端的最佳途径。
阅读CSS3布局相关章节（如Flexbox和Grid）时，强烈建议在浏览器开发者工具中实时修改属性值，观察视觉效果的变化。
可以将本书与MDN Web Docs等在线文档结合使用，本书提供系统框架，MDN提供最即时的细节和示例参考。

出版社简介

人民邮电出版社中国 · 成立于 1953 年

人民邮电出版社以科技、计算机与信息通信类图书见长，并由此延伸至摄影、艺术、软件学习与励志成长等门类，形成较为多元的出版方向。库内图书既涵盖《重构与模式（修订版）》《华为交换机学习指南（第二版）》等计算机与通信技术读物，也收录《小王子（中英法彩绘典藏纪念版）》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品；《北京十年：1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。

版权信息
内容提要
前言
第1章初识HTML5
1.1 HTML发展史
1.2 为什么要学习HTML5
1.3 HTML5的开发环境
1.4 浏览器对HTML5支持性检测
小结
习题
第2章 HTML5——全新的HTML
2.1 新的语法结构
2.2 新的页面架构
2.3 元素的改变
2.3.1 新增的元素
2.3.2 停止使用的元素
2.4 属性的改变
2.4.1 新增的属性
2.4.2 停止使用的属性
2.4.3 全局属性
小结
习题
第3章 HTML5的表单
3.1 新的input输入类型及属性
3.1.1 新的input输入类型
3.1.2 新的input公用属性
3.2 表单的验证方式
3.2.1 自动验证方式
3.2.2 调用checkValidity()方法实现验证
3.2.3 自定义提示信息
3.2.4 设置不验证
3.3 上机实践——设计注册页面
3.3.1 实践目的
3.3.2 设计思路
3.3.3 实现过程
3.3.4 演示效果
小结
习题
第4章 HTML5的多媒体
4.1 HTML5的多媒体元素
4.2 多媒体元素的属性
4.2.1 autoplay属性
4.2.2 controls属性
4.2.3 error属性
4.2.4 poster属性
4.2.5 networkState属性
4.2.6 width与height属性
4.2.7 readyState属性
4.2.8 其他属性
4.3 多媒体元素的方法
4.3.1 多媒体支持性检测方法
4.3.2 多媒体播放方法
4.4 多媒体元素的事件
4.4.1 事件捕捉方法
4.4.2 支持的事件类型
4.4.3 播放事件的应用
4.5 上机实践——DIY视频播放器
4.5.1 实践目的
4.5.2 设计思路
4.5.3 实现过程
4.5.4 演示效果
小结
习题
第5章 HTML5的图像及动画
5.1 了解canvas元素
5.1.1 canvas的用法
5.1.2 一个简单的canvas画图实例
5.2 使用路径画图
5.2.1 理解canvas的坐标系
5.2.2 使用moveTo、lineTo画线
5.2.3 使用arc方法画弧
5.2.4 绘制贝塞尔图形
5.3 图形操作
5.3.1 图形样式设置
5.3.2 渐变图形
5.3.3 图形坐标变换
5.3.4 图形组合处理
5.3.5 图形阴影
5.4 图像操作
5.4.1 绘制图像
5.4.2 图像平铺
5.4.3 图像剪裁
5.4.4 像素处理
5.5 canvas其他操作
5.5.1 绘制文字
5.5.2 保存、恢复图形
5.6 制作动画
5.7 上机实践——绘制时钟
5.7.1 实践目的
5.7.2 设计思路
5.7.3 实现过程
5.7.4 演示效果
小结
习题
第6章 HTML5的元素拖曳
6.1 曾经的拖曳解决方案
6.2 HTML5中拖曳的实现方法
6.3 dataTransfer对象
6.4 文件拖曳操作
6.5 上机实践——拖曳式点菜界面
6.5.1 实践目的
6.5.2 设计思路
6.5.3 实现过程
6.5.4 演示效果
小结
习题
第7章 HTML5的数据存储
7.1 为什么需要数据存储
7.2 Web Storage
7.2.1 Web Storage与Cookie的比较
7.2.2 Web Storage的两种存储方式
7.2.3 localStorage的多数据操作
7.3 Web SQL数据库
7.3.1 创建数据库
7.3.2 Web SQL的增删改查
7.4 上机实践——注册与登录
7.4.1 实践目的
7.4.2 设计思路
7.4.3 实现过程
7.4.4 演示效果
小结
习题
第8章 HTML5离线应用及地理位置应用
8.1 离线应用
8.1.1 离线应用的工作原理
8.1.2 管理本地缓存
8.1.3 applicationCache检测及更新缓存
8.1.4 检测在线状态
8.2 地理位置应用
8.2.1 Geolocation的工作原理
8.2.2 获取当前地理位置
8.2.3 监视地理位置信息
8.2.4 停止获取当前地理位置信息
8.3 上机实践——在搜狗地图中定位
8.3.1 实践目的
8.3.2 设计思路
8.3.3 实现过程
8.3.4 演示效果
小结
习题
第9章文件系统
9.1 FileAPI用途
9.2 FileAPI数据结构及接口标准
9.3 核心代码示例
9.3.1 判断浏览器是否支持
9.3.2 获取本地文件
9.3.3 Blob对象
9.4 浏览器对File API的支持情况
小结
习题
第10章 Web Worker
10.1 Web Worker应用场景
10.2 如何使用Web Worker
10.3 核心代码示例
10.4 Web Worker访问对象的限制
10.5 Web Worker传递JSON
10.6 浏览器对Web Worker的支持情况
小结
习题
第11章 SSE和WebSoceket
11.1 关于数据推送
11.2 SSE示例
11.2.1 SSE工作原理——客户端
11.2.2 SSE工作原理——服务端
11.3 WebSocket工作原理
11.3.1 WebSocket工作原理——客户端
11.3.2 WebSocket工作原理——服务端
11.4 上机实践——使用WebSocket实现聊天室
11.4.1 实践目的
11.4.2 设计思路
11.4.3 实现过程
11.4.4 演示效果
小结
习题
第12章 CSS3入门与基础
12.1 CSS3是什么
12.2 CSS3的一个简单应用
12.3 CSS3的常用选择器
12.3.1 为什么要使用选择器
12.3.2 属性选择器
12.3.3 类选择器
12.3.4 伪类选择器
12.4 控制页面样式
12.4.1 控制圆角边框样式
12.4.2 控制背景样式
12.4.3 控制颜色样式
12.4.4 控制页面布局
12.5 上机实践——购物车结算界面
12.5.1 实践目的
12.5.2 设计思路
12.5.3 实现过程
12.5.4 显示效果
小结
习题
第13章 CSS3高级应用
13.1 在页面中插入内容
13.1.1 插入文字
13.1.2 插入图像
13.1.3 插入项目编号
13.2 文字样式控制
13.2.1 为文字增加阴影效果
13.2.2 设置单词及网址自动换行
13.2.3 使用服务器端字体
13.3 元素变形处理
13.3.1 缩放效果
13.3.2 旋转效果
13.3.3 移动效果
13.3.4 倾斜效果
13.4 样式过渡
13.5 更为复杂的样式过渡
13.6 上机实践——个性留言板
13.6.1 实践目的
13.6.2 设计思路
13.6.3 实现过程
13.6.4 显示效果
小结
习题
第14章综合案例
14.1 马里奥大逃亡游戏
14.1.1 游戏介绍
14.1.2 需求分析
14.1.3 详细设计
14.1.4 游戏效果
14.2 欧美风格企业网站
14.2.1 需求分析
14.2.2 概要设计
14.2.3 详细设计
14.2.4 网站效果
第15章移动应用前端开发
15.1 引导页的设计
15.2 登录页的设计
15.3 注册页的设计
15.4 首页的设计
15.5 我的页面设计
15.6 新房源列表页的设计
15.7 新房内容页的设计

常见问题

这本书适合完全零基础、连HTML是什么都不知道的小白吗？

非常适合。本书从最基本的网页结构、开发环境搭建讲起，循序渐进，是为零基础读者设计的入门教程。

学完这本书能达到什么水平？可以找到前端工作吗？

学完本书将扎实掌握现代HTML5/CSS3的核心知识与开发技能，能够独立制作具有交互性、适应多种设备的静态网页。这是前端工程师的必备基础，但找到工作通常还需要进一步学习JavaScript及至少一个主流框架（如Vue/React），并积累项目经验。本书为你奠定了至关重要的第一步。

第2版和第1版的主要区别是什么？

第2版主要更新在于：更全面地涵盖了CSS3的新特性（如更深入的Flexbox和Grid布局讲解），强化了移动端响应式开发的实践内容，并根据技术发展修订了部分过时的API介绍，整体上更贴合当前Web开发的实际需求。

读者评论

查询本书

本站为索引目录：「全网查询」由您发起、在您的浏览器中运行，所列入口均指向第三方站点，请自行判断可用性。

作者简介

张珈珣作者

张珈珣是中文计算机类图书作者，公开资料有限，目前可确认的作品为《HTML5+CSS3基础开发教程（第2版）》，该书归入计算机综合分类。从这一种作品来看，其写作方向集中于前端开发入门领域，围绕HTML5与CSS3两项基础技术展开，面向初学者梳理网页结构与样式的基本知识。教材类写作通常强调内容的循序渐进与可操作性，这本教程以“基础开发”为名，也体现出重基础、重实践的取向，适合作为入门阶段的系统学习材料。由于库内仅有一种作品，且作者国籍、生卒年、英文名等信息均未收录，其生平经历与创作全貌尚难完整呈现，只能依据现有书目信息作简要勾勒。

范立锋作者

范立锋是中文计算机类图书的作者，公开资料有限，目前可确认的作品为《HTML5+CSS3基础开发教程（第2版）》，该书被归入计算机综合分类。从书名与题材看，这本教程面向网页前端开发的入门读者，围绕HTML5与CSS3两项基础技术展开，属于典型的课堂教学或自学型技术用书。作者在这一领域仅有一种作品见于库内记录，尚不足以勾勒其完整写作脉络与个人背景，国籍、生卒年、学历与职业经历均未明确。就现有信息而言，可以将其定位为关注Web前端基础教学、注重技术入门讲解的编写者；读者若希望了解其风格，宜以这本教程的实际章节安排与示例设计为主要依据，而非依赖作者生平介绍。