HTML5+CSS3+JavaScript从入门到精通（微视频精编版）

核心技术分册目录
第1篇　基础篇
第1章　HTML基础
视频讲解：58分钟
1.1 HTML概述
1.1.1 什么是HTML
1.1.2 HTML的发展历程
1.2 HTML文件的基本结构
1.2.1 HTML的基本结构
1.2.2 HTML的基本标签
1.3 编写第一个HTML文件
1.3.1 HTML文件的编写方法
1.3.2 手工编写页面
1.3.3 使用可视化软件WebStorm制作页面
1.4 小结
1.5 实战
1.5.1 实战一：设置背景颜色
1.5.2 实战二：设置链接颜色
第2章　文本
视频讲解：1小时14分钟
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 实战
2.6.1 实战一：实现一则天气预报
2.6.2 实战二：实现一则唐诗
2.6.3 实战三：实现商品打折清单
2.6.4 实战四：实现一个人物字符画
第3章　图像和超链接
视频讲解：39分钟
3.1 添加图像
3.1.1 图像的基本格式
3.1.2 添加图像
3.2 设置图像属性
3.2.1 图像大小与边框
3.2.2 图像间距与对齐方式
3.2.3 替换文本与提示文字
3.3 链接标签
3.3.1 文本链接
3.3.2 书签链接
3.4 图像的超链接
3.4.1 图像的基本链接
3.4.2 图像热区链接
3.5 小结
3.6 实战
3.6.1 实战一：显示图书封面
3.6.2 实战二：制作商品评价页面
3.6.3 实战三：制作抽奖页面
第4章　CSS3概述
视频讲解：1小时6分钟
4.1 CSS3概述
4.1.1 CSS的发展史
4.1.2 一个简单的CSS示例
4.2 CSS3中的选择器
4.2.1 属性选择器
4.2.2 类和ID选择器
4.2.3 伪类和伪元素选择器
4.2.4 其他选择器
4.3 常用属性
4.3.1 文本相关属性
4.3.2 背景相关属性
4.3.3 列表相关属性
4.4 小结
4.5 实战
4.5.1 实战一：制作登录注册页面
4.5.2 实战二：制作网页版生日贺卡
4.5.3 实战三：实现个人主页
第5章　CSS3高级应用
视频讲解：1小时3分钟
5.1 框模型
5.1.1 外边距margin
5.1.2 内边距padding
5.1.3 边框border
5.2 布局常用属性
5.2.1 浮动
5.2.2 定位相关属性
5.3 动画与特效
5.3.1 变换（transform）
5.3.2 过渡（transition）
5.3.3 动画（animation）
5.4 小结
5.5 实战
5.5.1 实战一：设置手机筛选页面
5.5.2 实战二：制作横向导航
5.5.3 实战三：制作图片轮播
第6章　表格与标签
视频讲解：1小时12分钟
6.1 简单表格
6.1.1 简单表格的制作
6.1.2 表头的设置
6.2 表格的高级应用
6.2.1 表格的样式
6.2.2 表格的合并
6.2.3 表格的分组
6.3 标签
6.3.1 标签的介绍
6.3.2 标签的应用
6.4 标签
6.4.1 标签的介绍
6.4.2 标签的应用
6.5 小结
6.6 实战
6.6.1 实战一：制作每日工作计划表
6.6.2 实战二：实现网页版工作总结
6.6.3 实战三：制作一则公司公告
第7章　列表
视频讲解：11分钟
7.1 列表的标签
7.2 无序列表
7.2.1 无序列表标签
7.2.2 无序列表属性
7.3 有序列表
7.3.1 有序列表标签
7.3.2 有序列表属性
7.4 列表的嵌套
7.4.1 定义列表的嵌套
7.4.2 无序列表和有序列表的嵌套
7.5 小结
7.6 实战
7.6.1 实战一：制作网站购买提示内容
7.6.2 实战二：制作QQ联系人列表
7.6.3 实战三：制作商品列表内容
第8章　表单
视频讲解：42分钟
8.1 表单概述
8.1.1 概述
8.1.2 表单标签
8.2 输入标签
8.2.1 文本框
8.2.2 单选框和多选框
8.2.3 按钮
8.2.4 文件域和图像域
8.3 文本域和列表
8.3.1 文本域
8.3.2 列表/菜单
8.4 小结
8.5 实战
8.5.1 实战一：制作QQ登录页面
8.5.2 实战二：制作象棋游戏注册页面
8.5.3 实战三：制作个人档案
第9章　多媒体
视频讲解：1小时5分钟
9.1 HTML5多媒体的简述
9.1.1 HTML4中多媒体的应用
9.1.2 HTML5页面中的多媒体
9.2 多媒体元素基本属性
9.3 多媒体元素常用方法
9.3.1 多媒体播放时的方法
9.3.2 canPlayType(type)方法
9.4 多媒体元素重要事件
9.4.1 事件处理方式
9.4.2 事件介绍
9.4.3 事件实例
9.5 小结
9.6 实战
9.6.1 实战一：制作音乐小球
9.6.2 实战二：加载一段视频文件
9.6.3 实战三：制作一段音频文件
第10章　HTML5新特性
视频讲解：57分钟
10.1 谁在开发HTML5
10.2 HTML5的新特性
10.3 HTML5和HTML4的区别
10.3.1 HTML5的语法变化
10.3.2 HTML5中的标记方法
10.3.3 HTML5语法中需要掌握的几个要点
10.4 新增和废除的元素
10.4.1 新增的结构元素
10.4.2 新增的块级（block）的语义元素
10.4.3 新增的行内（inline）的语义元素
10.4.4 新增的嵌入多媒体元素与交互性元素
10.4.5 新增的input元素的类型
10.4.6 废除的元素
10.5 新增的属性和废除的属性
10.5.1 新增的属性
10.5.2 废除的属性
10.6 小结
10.7 实战
实战一：制作一个图像链接
第11章　JavaScript基础
视频讲解：2小时13分钟
11.1 JavaScript概述
11.1.1 JavaScript的发展史
11.1.2 JavaScript在HTML中的使用
11.2 JavaScript语言基础
11.2.1 数据类型
11.2.2 运算符与表达式
11.2.3 流程控制
11.3 JavaScript对象编程
11.3.1 Window窗口对象
11.3.2 Document文档对象
11.4 JavaScript事件处理
11.4.1 鼠标键盘事件
11.4.2 页面事件
11.5 小结
11.6 实战
11.6.1 实战一：制作九九乘法表
11.6.2 实战二：制作手机抽奖页面
11.6.3 实战三：制作购物车结算页面
第2篇　提 高 篇
第12章　绘制图形
视频讲解：1小时15分钟
12.1 认识HTML5中的画布Canvas
12.1.1 Canvas概述
12.1.2 使用Canvas绘制矩形
12.2 绘制基本图形
12.2.1 绘制直线
12.2.2 绘制曲线
12.2.3 绘制圆形
12.3 绘制变形图形
12.3.1 绘制平移效果的图形
12.3.2 绘制缩放效果的图形
12.3.3 绘制旋转效果的图形
12.4 绘制文字
12.4.1 绘制轮廓文字
12.4.2 绘制填充文字
12.4.3 文字相关属性
12.5 小结
12.6 实战
12.6.1 实战一：Canvas绘制移动的正方形
12.6.2 实战二：制作游戏弹幕效果
12.6.3 实战三：实现计时器
第13章　文件与拖放
视频讲解：37分钟
13.1 选择文件
13.1.1 通过file对象选择文件
13.1.2 使用Blob接口获取文件的类型与大小
13.2 读取文件
13.2.1 FileReader接口的方法以及事件
13.2.2 使用readAsDataURL方法预览图片
13.2.3 使用readAsText方法读取文本文件
13.3 拖放文件
13.3.1 拖放页面元素
13.3.2 DataTransfer对象的属性与方法
13.3.3 使用effectAllowed和dropEffect属性设置拖放效果
13.4 小结
13.5 实战
13.5.1 实战一：实现编辑照片墙中上传图片的功能
13.5.2 实战二：查看网页源码
13.5.3 实战三：预览文件功能
第14章　JavaScript对象编程
视频讲解：1小时2分钟
14.1 Window窗口对象
14.1.1 Window对象
14.1.2 对话框（Dialog）
14.1.3 窗口对象常用操作
14.2 Document文档对象
14.2.1 文档对象概述
14.2.2 文档对象的常用属性、方法与事件
14.2.3 Document对象的应用
14.3 JavaScript与表单操作
14.3.1 在JavaScript中访问表单
14.3.2 在JavaScript中访问表单域
14.3.3 表单的验证
14.4 DOM对象
14.4.1 DOM概述
14.4.2 DOM对象节点属性
14.4.3 节点的几种操作
14.4.4 获取文档中的指定元素
14.4.5 与DHTML相对应的DOM
14.5 小结
14.6 实战
实战一：在页面的指定位置显示当前日期
第15章　响应式网页设计
视频讲解：38分钟
15.1 概述
15.1.1 响应式网页设计的概念
15.1.2 响应式网页设计的优缺点和技术原理
15.2 像素和屏幕分辨率
15.2.1 像素和屏幕分辨率
15.2.2 设备像素和CSS像素
15.3 视口
15.3.1 视口
15.3.2 视口常用属性
15.3.3 媒体查询
15.4 响应式网页的布局设计
15.4.1 常用布局类型
15.4.2 布局的实现方式
15.4.3 响应式布局的设计与实现
15.5 小结
15.6 实战
实战一：实现主页响应式实现
第16章　响应式组件
视频讲解：1小时14分钟
16.1 响应式图片
16.1.1 方法1：使用标签
16.1.2 方法2：使用CSS图片
16.2 响应式视频
16.2.1 方法1：使用标签
16.2.2 方法2：使用HTML5手机播放器
16.3 响应式导航菜单
16.3.1 方法1：CSS3响应式菜单
16.3.2 方法2：JavaScript响应式菜单
16.4 响应式表格
16.4.1 方法1：隐藏表格中的列
16.4.2 方法2：滚动表格中的列
16.4.3 方法3：转换表格中的列
16.5 小结
16.6 实战
实战一：实现一个响应式菜单
第3篇　项目篇
第17章　课程设计：游戏公园
视频讲解：1小时5分钟
17.1 课程设计目的
17.2 游戏公园网站概述
17.2.1 网站特点
17.2.2 功能结构
17.3 主页的设计与实现
17.3.1 主页的设计
17.3.2 顶部区和底部区功能的实现
17.3.3 推荐游戏功能的实现
17.3.4 最新游戏功能的实现
17.4 博客列表的设计与实现
17.4.1 博客列表的设计
17.4.2 博客列表的实现
17.5 博客详情的设计与实现
17.5.1 博客详情的设计
17.5.2 博客详情的实现
17.6 关于我们的设计与实现
17.6.1 关于我们的设计
17.6.2 关于我们的实现
17.7 小结
强化训练分册目录
第1章　HTML基础
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第2章　文本
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第3章　图像和超链接
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第4章　CSS3概述
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第5章　CSS3高级应用
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第6章　表格与标签
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第7章　列表
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第8章　表单
应用技能拓展学习
1．HTML5新增的input标签的属性
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第9章　多媒体
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第10章　HTML5新特性
应用技能拓展学习
1．HTML5中新增的结构元素与语义化元素
2．HTML5中新增的input元素类型
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第11章　JavaScript基础
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第12章　绘制图形
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第13章　文件与拖放
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第14章　JavaScript对象编程
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
第15章　响应式网页设计
应用技能拓展学习
实战技能强化训练
训练一：基本功强化训练
训练二：实战能力强化训练
查看全部↓ 前言/序言 前 言
通过网站获取资讯及进行学习、娱乐、消费，已经成为人们生活和工作中不可或缺的一部分。随着技术的发展，网站内容越来越丰富，网页页面越来越美观，页面与用户的交互性也越来越强。HTML5、CSS3和JavaScript的出现，使得网页设计从外观上更炫，技术上更简单。因此，HTML5+CSS3+JavaScript这一开发组合受到广大程序员的青睐，成为网页开发人员使用的主流编程语言。
本书内容
本书分为两册：核心技术分册和强化训练分册。
核心技术分册共17章，提供了从入门到编程高手所必需的HTML5、CSS3和JavaScript各类核心知识。
第1篇：基础篇。本篇介绍了HTML基础、文本、图像和超链接、CSS3概述、CSS3高级应用、表格与标签、列表、表单、多媒体、HTML5新特性、JavaScript基础等内容，使读者快速掌握开发基本内容，为以后编程奠定坚实的基础。 第2篇：提高篇。本篇介绍了绘制图形、文件与拖放、JavaScript对象编程、响应式网页设计、响应式组件等内容。学习完本篇，能够开发一些中小型应用程序。
第3篇：项目篇。本篇通过制作一个“游戏公园”主题的网站，运用软件工程的设计思想，让读者学习如何进行软件项目的实践开发。书中按照“需求分析→系统设计→主页实现→博客列表实现→博客详情实现→关于我们”的流程进行介绍，带领读者亲身体验开发项目的全过程。
强化训练分册共15章，通过250个来源于实际生活的趣味案例，强化上机实战，拓展和提升读者对实际问题的分析与解决能力。
本书特点
深入浅出，循序渐进。本书以初、中级程序员为对象，先从语言基础学起（HTML基础、CSS基础和JavaScript基础），再学习网站制作常用组件的功能实现，最后学习开发一个完整项目。讲解过程步骤详尽，版式新颖，使读者在阅读时一目了然，从而快速掌握书中内容。
实例典型，轻松易学。通过例子学习是最好的学习方式，本书通过“一个知识点、一个例子、一个结果、一段评析、一个综合应用”的模式，透彻详尽地讲述了实际开发中所需的各类知识。另外，为了便于读者阅读程序代码，快速学习编程技能，书中几乎每行代码都提供了注释。
微课视频，可听可看。为便于读者直观感受程序开发的全过程，书中大部分章节都配备了教学微视频。这些微课可听、可看，能快速引导初学者入门，使其感受编程的快乐和成就感，进一步增强学习的信心。
强化训练，实战提升。软件开发学习，实战才是硬道理。核心技术分册中提供了40个实战练习，强化训练分册中更是给出了250个源自生活的真实案例。应用编程思想来解决这些生活中的难题，不但能锻炼动手能力，还可以快速提升实战技巧。如果在实现过程中遇到问题，可以从资源包中获取相应实战的源码进行解读。
精彩栏目，贴心提醒。本书根据需要在各章安排了很多“注意”“说明”“技巧”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，更快地掌握个别技术的应用技巧。在强化训练分册中，更设置了“①②③④⑤⑥”栏目，读者每亲手完成一次实战练习，即可涂上一个序号。通过反复实践，可真正实现强化训练和提升。
本书资源
为帮助读者学习，本书配备了长达17个小时（共162集）的微课视频讲解。除此以外，还为读者提供了“Java Web开发资源库”系统，可以帮助读者快速提升编程水平和解决实际问题的能力。
在学习本书的过程中，可以配合技术资源库和实例资源库的相应内容，全面提升个人综合编程技能和解决实际开发问题的能力，为成为软件开发工程师打下坚实基础。对于数学逻辑能力和英语基础较为薄弱的读者，或者想了解个人数学逻辑思维能力和编程英语基础的用户，本书提供了数学及逻辑思维能力测试和编程英语能力测试以供练习和测试。面试资源库提供了大量国内外软件企业的常见面试真题，同时还提供了程序员职业规划、程序员面试技巧、虚拟面试系统等精彩内容，是程序员求职面试的绝佳指南。
读者对象
初学编程的自学者；编程爱好者；大中专院校的老师和学生；相关培训机构的老师和学员；做毕业设计的学生；初、中级程序开发人员；程序测试及维护人员；参加实习的“菜鸟”程序员。
读者服务
学习本书时，请先扫描封底的权限二维码（需要刮开涂层）获取学习权限，然后即可免费学习书中的所有线上线下资源。本书所附赠的各类学习资源，读者可登录清华大学出版社网站，在对应图书页面下获取其下载方式。也可扫描图书封底的“文泉云盘”二维码，获取其下载方式。为了方便解决本书疑难问题，读者朋友可加我们的企QQ，也可以登录网站留言，我们将竭诚为您服务。
致读者
本书由明日科技软件开发团队组织编写。明日科技是一家专业从事软件开发、教育培训以及软件开发教育资源整合的高科技公司，其编写的教材非常注重选取软件开发中的必需、常用内容，同时也很注重内容的易学、方便性以及相关知识的拓展性，深受读者喜爱。其教材多次荣获“全行业优秀畅销品种”“中国大学出版社优秀畅销书”等奖项，多个品种长期位居同类图书销售排行榜的前列。
在编写本书的过程中，我们始终本着科学、严谨的态度，力求精益求精，但错误、疏漏之处在所难免，敬请广大读者批评指正。感谢您购买本书，希望本书能成为您编程路上的领航者。
“零门槛”编程，一切皆有可能。
祝读书快乐！
编 者
查看全部↓
"})