HTML5+CSS3+JavaScript 从入门到精通:微视频精编版(核心技术分册)

本书浅显易懂,实例丰富,详细介绍了 HTML5+CSS3+JavaScript 开发需要掌握的各类实战知识。全书分为两册:核心技术分册和强化训练分册。核心技术分册共 17 章,包括 HTML 基础、文本、图像和超链接CSS3 概述、CSS3 高级应用、表格与 标签、列表、表单、多媒体、HTML5 新特性、JavaScript 基础、绘制图形、文件与拖放、JavaScript 对象编程、响应式网页设计、响应式组件、课程设计一游戏公园等内容。通过学习,读者可快速开发出一些中小型应用程序。强化训练分册共 18 章,通过大量源于实际生活的趣味案例,强化上机实践,拓展和提升软件开发中对实际问题的分析与解决能力。 本书除纸质内容外,配书资源包中还给出了海量开发资源库,主要内容如下.口 视频讲解:总时长 17 小时,共 162 集 口 技术资源库: 800 页技术参考文档 口 实例资源库: 400 个实用范例 口 测试题库系统: 138 道能力测试题目 口 面试资源库:369 个企业面试真题 本书可作为软件开发入门者的自学用书或高等院校相关专业的教学参考书,也可供开发人员查阅、参考使用。 2 (p1): 第1篇 基础篇 2 (p1-1): 第1章 HTML基础 3 (p1-1-1): 1.1 HTML概述 3 (p1-1-1-1): 1.1.1 什么是HTML 3 (p1-1-1-2): 1.1.2 HTML的发展历程 3 (p1-1-2): 1.2 HTML文件的基本结构 4 (p1-1-2-1): 1.2.1 HTML的基本结构 5 (p1-1-2-2): 1.2.2 HTML的基本标签 9 (p1-1-3): 1.3 编写第一个HTML文件 9 (p1-1-3-1): 1.3.1 HTML文件的编写方法 9 (p1-1-3-2): 1.3.2 手工编写页面 10 (p1-1-3-3): 1.3.3 使用可视化软件WebStorm制作页面 16 (p1-1-4): 1.4 小结 17 (p1-1-5): 1.5 实战 17 (p1-1-5-1): 1.5.1 实战一:设置背景颜色 17 (p1-1-5-2): 1.5.2 实战二:设置链接颜色 18 (p1-2): 第2章 文本 19 (p1-2-1): 2.1 标题 19 (p1-2-1-1): 2.1.1 标题标签 21 (p1-2-1-2): 2.1.2 标题的对齐方式 23 (p1-2-2): 2.2 文字 23 (p1-2-2-1): 2.2.1 文字的斜体、下画线、删除线 24 (p1-2-2-2): 2.2.2 文字的上标与下标 25 (p1-2-2-3): 2.2.3 特殊文字符号 27 (p1-2-3): 2.3 段落 27 (p1-2-3-1): 2.3.1 段落标签 28 (p1-2-3-2): 2.3.2 段落的换行标签 29 (p1-2-3-3): 2.3.3 段落的原格式标签 31 (p1-2-4): 2.4 水平线 31 (p1-2-4-1): 2.4.1 水平线标签 32 (p1-2-4-2): 2.4.2 水平线标签的宽度 33 (p1-2-5): 2.5 小结 34 (p1-2-6): 2.6 实战 34 (p1-2-6-1): 2.6.1 实战一:实现一则天气预报 34 (p1-2-6-2): 2.6.2 实战二:实现一则唐诗 34 (p1-2-6-3): 2.6.3 实战三:实现商品打折清单 34 (p1-2-6-4): 2.6.4 实战四:实现一个人物字符画 35 (p1-3): 第3章 图像和超链接 36 (p1-3-1): 3.1 添加图像 36 (p1-3-1-1): 3.1.1 图像的基本格式 36 (p1-3-1-2): 3.1.2 添加图像 38 (p1-3-2): 3.2 设置图像属性 38 (p1-3-2-1): 3.2.1 图像大小与边框 39 (p1-3-2-2): 3.2.2 图像间距与对齐方式 41 (p1-3-2-3): 3.2.3 替换文本与提示文字 42 (p1-3-3): 3.3 链接标签 42 (p1-3-3-1): 3.3.1 文本链接 44 (p1-3-3-2): 3.3.2 书签链接 45 (p1-3-4): 3.4 图像的超链接 45 (p1-3-4-1): 3.4.1 图像的基本链接 47 (p1-3-4-2): 3.4.2 图像热区链接 49 (p1-3-5): 3.5 小结 50 (p1-3-6): 3.6 实战 50 (p1-3-6-1): 3.6.1 实战一:显示图书封面 50 (p1-3-6-2): 3.6.2 实战二:制作商品评价页面 50 (p1-3-6-3): 3.6.3 实战三:制作抽奖页面 51 (p1-4): 第4章 CSS3概述 52 (p1-4-1): 4.1 CSS3概述 52 (p1-4-1-1): 4.1.1 CSS的发展史 52 (p1-4-1-2): 4.1.2 一个简单的CSS示例 55 (p1-4-2): 4.2 CSS3中的选择器 56 (p1-4-2-1): 4.2.1 属性选择器 58 (p1-4-2-2): 4.2.2 类和ID选择器 60 (p1-4-2-3): 4.2.3 伪类和伪元素选择器 63 (p1-4-2-4): 4.2.4 其他选择器 65 (p1-4-3): 4.3 常用属性 66 (p1-4-3-1): 4.3.1 文本相关属性 69 (p1-4-3-2): 4.3.2 背景相关属性 71 (p1-4-3-3): 4.3.3 列表相关属性 73 (p1-4-4): 4.4 小结 73 (p1-4-5): 4.5 实战 73 (p1-4-5-1): 4.5.1 实战一:制作登录注册页面 74 (p1-4-5-2): 4.5.2 实战二:制作网页版生日贺卡 74 (p1-4-5-3): 4.5.3 实战三:实现个人主页 75 (p1-5): 第5章 CSS3高级应用 76 (p1-5-1): 5.1 框模型 76 (p1-5-1-1): 5.1.1 外边距margin 79 (p1-5-1-2): 5.1.2 内边距padding 81 (p1-5-1-3): 5.1.3 边框border 85 (p1-5-2): 5.2 布局常用属性 85 (p1-5-2-1): 5.2.1 浮动 87 (p1-5-2-2): 5.2.2 定位相关属性 88 (p1-5-3): 5.3 动画与特效 88 (p1-5-3-1): 5.3.1 变换(transform) 90 (p1-5-3-2): 5.3.2 过渡(transition) 92 (p1-5-3-3): 5.3.3 动画(animation) 96 (p1-5-4): 5.4 小结 96 (p1-5-5): 5.5 实战 96 (p1-5-5-1): 5.5.1 实战一:设置手机筛选页面 97 (p1-5-5-2): 5.5.2 实战二:制作横向导航 97 (p1-5-5-3): 5.5.3 实战三:制作图片轮播 98 (p1-6): 第6章 表格与标签 99 (p1-6-1): 6.1 简单表格 99 (p1-6-1-1): 6.1.1 简单表格的制作 101 (p1-6-1-2): 6.1.2 表头的设置 103 (p1-6-2): 6.2 表格的高级应用 103 (p1-6-2-1): 6.2.1 表格的样式 105 (p1-6-2-2): 6.2.2 表格的合并 107 (p1-6-2-3): 6.2.3 表格的分组 109 (p1-6-3): 6.3 标签 109 (p1-6-3-1): 6.3.1 标签的介绍 110 (p1-6-3-2): 6.3.2 标签的应用 112 (p1-6-4): 6.4 标签 112 (p1-6-4-1): 6.4.1 标签的介绍 113 (p1-6-4-2): 6.4.2 标签的应用 114 (p1-6-5): 6.5 小结 114 (p1-6-6): 6.6 实战 114 (p1-6-6-1): 6.6.1 实战一:制作每日工作计划表 114 (p1-6-6-2): 6.6.2 实战二:实现网页版工作总结 114 (p1-6-6-3): 6.6.3 实战三:制作一则公司公告 115 (p1-7): 第7章 列表 116 (p1-7-1): 7.1 列表的标签 116 (p1-7-2): 7.2 无序列表 116 (p1-7-2-1): 7.2.1 无序列表标签 117 (p1-7-2-2): 7.2.2 无序列表属性 119 (p1-7-3): 7.3 有序列表 119 (p1-7-3-1): 7.3.1 有序列表标签 120 (p1-7-3-2): 7.3.2 有序列表属性 122 (p1-7-4): 7.4 列表的嵌套 122 (p1-7-4-1): 7.4.1 定义列表的嵌套 124 (p1-7-4-2): 7.4.2 无序列表和有序列表的嵌套 125 (p1-7-5): 7.5 小结 126 (p1-7-6): 7.6 实战 126 (p1-7-6-1): 7.6.1 实战一:制作网站购买提示内容 126 (p1-7-6-2): 7.6.2 实战二:制作QQ联系人列表 126 (p1-7-6-3): 7.6.3 实战三:制作商品列表内容 127 (p1-8): 第8章 表单 128 (p1-8-1): 8.1 表单概述 128 (p1-8-1-1): 8.1.1 概述 128 (p1-8-1-2): 8.1.2 表单标签 131 (p1-8-2): 8.2 输入标签 131 (p1-8-2-1): 8.2.1 文本框 133 (p1-8-2-2): 8.2.2 单选框和多选框 135 (p1-8-2-3): 8.2.3 按钮 137 (p1-8-2-4): 8.2.4 文件域和图像域 139 (p1-8-3): 8.3 文本域和列表 139 (p1-8-3-1): 8.3.1 文本域 140 (p1-8-3-2): 8.3.2 列表/菜单 142 (p1-8-4): 8.4 小结 143 (p1-8-5): 8.5 实战 143 (p1-8-5-1): 8.5.1 实战一:制作QQ登录页面 143 (p1-8-5-2): 8.5.2 实战二:制作象棋游戏注册页面 143 (p1-8-5-3): 8.5.3 实战三:制作个人档案 144 (p1-9): 第9章 多媒体 145 (p1-9-1): 9.1 HTML5多媒体的简述 145 (p1-9-1-1): 9.1.1 HTML4中多媒体的应用 145 (p1-9-1-2): 9.1.2 HTML5页面中的多媒体 146 (p1-9-2): 9.2 多媒体元素基本属性 150 (p1-9-3): 9.3 多媒体元素常用方法 150 (p1-9-3-1): 9.3.1 多媒体播放时的方法 153 (p1-9-3-2): 9.3.2 canPlayType(type)方法 153 (p1-9-4): 9.4 多媒体元素重要事件 153 (p1-9-4-1): 9.4.1 事件处理方式 154 (p1-9-4-2): 9.4.2 事件介绍 155 (p1-9-4-3): 9.4.3 事件实例 157 (p1-9-5): 9.5 小结 157 (p1-9-6): 9.6 实战 157 (p1-9-6-1): 9.6.1 实战一:制作音乐小球 157 (p1-9-6-2): 9.6.2 实战二:加载一段视频文件 157 (p1-9-6-3): 9.6.3 实战三:制作一段音频文件 158 (p1-10): 第10章 HTML5新特性 159 (p1-10-1): 10.1 谁在开发HTML5 159 (p1-10-2): 10.2 HTML5的新特性 161 (p1-10-3): 10.3 HTML5和HTML4的区别 161 (p1-10-3-1): 10.3.1 HTML5的语法变化 161 (p1-10-3-2): 10.3.2 HTML5中的标记方法 162 (p1-10-3-3): 10.3.3 HTML5语法中需要掌握的几个要点 164 (p1-10-4): 10.4 新增和废除的元素 164 (p1-10-4-1): 10.4.1 新增的结构元素 167 (p1-10-4-2): 10.4.2 新增的块级(block)的语义元素 169 (p1-10-4-3): 10.4.3 新增的行内(inline)的语义元素 171 (p1-10-4-4): 10.4.4 新增的嵌入多媒体元素与交互性元素 172 (p1-10-4-5): 10.4.5 新增的input元素的类型 172 (p1-10-4-6): 10.4.6 废除的元素 173 (p1-10-5): 10.5 新增的属性和废除的属性 173 (p1-10-5-1): 10.5.1 新增的属性 175 (p1-10-5-2): 10.5.2 废除的属性 176 (p1-10-6): 10.6 小结 177 (p1-10-7): 10.7 实战 177 (p1-10-7-1): 实战一:制作一个图像链接 178 (p1-11): 第11章 JavaScript基础 179 (p1-11-1): 11.1 JavaScript概述 179 (p1-11-1-1): 11.1.1 JavaScript的发展史 180 (p1-11-1-2): 11.1.2 JavaScript在HTML中的使用 183 (p1-11-2): 11.2 JavaScript语言基础 183 (p1-11-2-1): 11.2.1 数据类型 186 (p1-11-2-2): 11.2.2 运算符与表达式 190 (p1-11-2-3): 11.2.3 流程控制 193 (p1-11-3): 11.3 JavaScript对象编程 193 (p1-11-3-1): 11.3.1 Window窗口对象 195 (p1-11-3-2): 11.3.2 Document文档对象 198 (p1-11-4): 11.4 JavaScript事件处理 198 (p1-11-4-1): 11.4.1 鼠标键盘事件 201 (p1-11-4-2): 11.4.2 页面事件 203 (p1-11-5): 11.5 小结 203 (p1-11-6): 11.6 实战 203 (p1-11-6-1): 11.6.1 实战一:制作九九乘法表 203 (p1-11-6-2): 11.6.2 实战二:制作手机抽奖页面 203 (p1-11-6-3): 11.6.3 实战三:制作购物车结算页面 206 (p2): 第2篇 提高篇 206 (p2-1): 第12章 绘制图形 207 (p2-1-1): 12.1 认识HTML5中的画布Canvas 207 (p2-1-1-1): 12.1.1 Canvas概述 207 (p2-1-1-2): 12.1.2 使用Canvas绘制矩形 209 (p2-1-2): 12.2 绘制基本图形 209 (p2-1-2-1): 12.2.1 绘制直线 212 (p2-1-2-2): 12.2.2 绘制曲线 214 (p2-1-2-3): 12.2.3 绘制圆形 216 (p2-1-3): 12.3 绘制变形图形 216 (p2-1-3-1): 12.3.1 绘制平移效果的图形 217 (p2-1-3-2): 12.3.2 绘制缩放效果的图形 219 (p2-1-3-3): 12.3.3 绘制旋转效果的图形 220 (p2-1-4): 12.4 绘制文字 220 (p2-1-4-1): 12.4.1 绘制轮廓文字 221 (p2-1-4-2): 12.4.2 绘制填充文字 222 (p2-1-4-3): 12.4.3 文字相关属性 224 (p2-1-5): 12.5 小结 224 (p2-1-6): 12.6 实战 224 (p2-1-6-1): 12.6.1 实战一:Canvas绘制移动的正方形 224 (p2-1-6-2): 12.6.2 实战二:制作游戏弹幕效果 224 (p2-1-6-3): 12.6.3 实战三:实现计时器 225 (p2-2): 第13章 文件与拖放 226 (p2-2-1): 13.1 选择文件 226 (p2-2-1-1): 13.1.1 通过file对象选择文件 227 (p2-2-1-2): 13.1.2 使用Blob接口获取文件的类型与大小 228 (p2-2-2): 13.2 读取文件 228 (p2-2-2-1): 13.2.1 FileReader接口的方法以及事件 229 (p2-2-2-2): 13.2.2 使用readAsDataURL方法预览图片 231 (p2-2-2-3): 13.2.3 使用readAsText方法读取文本文件 233 (p2-2-3): 13.3 拖放文件 233 (p2-2-3-1): 13.3.1 拖放页面元素 234 (p2-2-3-2): 13.3.2 DataTransfer对象的属性与方法 235 (p2-2-3-3): 13.3.3 使用effectAllowed和dropEffect属性设置拖放效果 236 (p2-2-4): 13.4 小结 237 (p2-2-5): 13.5 实战 237 (p2-2-5-1): 13.5.1 实战一:实现编辑照片墙中上传图片的功能 237 (p2-2-5-2): 13.5.2 实战二:查看网页源码 237 (p2-2-5-3): 13.5.3 实战三:预览文件功能 238 (p2-3): 第14章 JavaScript对象编程 239 (p2-3-1): 14.1 Window窗口对象 239 (p2-3-1-1): 14.1.1 Window对象 241 (p2-3-1-2): 14.1.2 对话框(Dialog) 244 (p2-3-1-3): 14.1.3 窗口对象常用操作 247 (p2-3-2): 14.2 Document文档对象 247 (p2-3-2-1): 14.2.1 文档对象概述 248 (p2-3-2-2): 14.2.2 文档对象的常用属性、方法与事件 250 (p2-3-2-3): 14.2.3 Document对象的应用 255 (p2-3-3): 14.3 JavaScript与表单操作 255 (p2-3-3-1): 14.3.1 在JavaScript中访问表单 256 (p2-3-3-2): 14.3.2 在JavaScript中访问表单域 256 (p2-3-3-3): 14.3.3 表单的验证 258 (p2-3-4): 14.4 DOM对象 258 (p2-3-4-1): 14.4.1 DOM概述 260 (p2-3-4-2): 14.4.2 DOM对象节点属性 261 (p2-3-4-3): 14.4.3 节点的几种操作 262 (p2-3-4-4): 14.4.4 获取文档中的指定元素 264 (p2-3-4-5): 14.4.5 与DHTML相对应的DOM 265 (p2-3-5): 14.5 小结 266 (p2-3-6): 14.6 实战 266 (p2-3-6-1): 实战一:在页面的指定位置显示当前日期 267 (p2-4): 第15章 响应式网页设计 268 (p2-4-1): 15.1 概述 268 (p2-4-1-1): 15.1.1 响应式网页设计的概念 268 (p2-4-1-2): 15.1.2 响应式网页设计的优缺点和技术原理 269 (p2-4-2): 15.2 像素和屏幕分辨率 269 (p2-4-2-1): 15.2.1 像素和屏幕分辨率 270 (p2-4-2-2): 15.2.2 设备像素和CSS像素 271 (p2-4-3): 15.3 视口 271 (p2-4-3-1): 15.3.1 视口 272 (p2-4-3-2): 15.3.2 视口常用属性 273 (p2-4-3-3): 15.3.3 媒体查询 274 (p2-4-4): 15.4 响应式网页的布局设计 274 (p2-4-4-1): 15.4.1 常用布局类型 275 (p2-4-4-2): 15.4.2 布局的实现方式 276 (p2-4-4-3): 15.4.3 响应式布局的设计与实现 278 (p2-4-5): 15.5 小结 278 (p2-4-6): 15.6 实战 278 (p2-4-6-1): 实战一:实现主页响应式实现 279 (p2-5): 第16章 响应式组件 280 (p2-5-1): 16.1 响应式图片 280 (p2-5-1-1): 16.1.1 方法1:使用标签 281 (p2-5-1-2): 16.1.2 方法2:使用CSS图片 284 (p2-5-2): 16.2 响应式视频 284 (p2-5-2-1): 16.2.1 方法1:使用标签 285 (p2-5-2-2): 16.2.2 方法2:使用HTML5手机播放器 288 (p2-5-3): 16.3 响应式导航菜单 288 (p2-5-3-1): 16.3.1 方法1:CSS3响应式菜单 290 (p2-5-3-2): 16.3.2 方法2:JavaScript响应式菜单 293 (p2-5-4): 16.4 响应式表格 293 (p2-5-4-1): 16.4.1 方法1:隐藏表格中的列 295 (p2-5-4-2): 16.4.2 方法2:滚动表格中的列 296 (p2-5-4-3): 16.4.3 方法3:转换表格中的列 298 (p2-5-5): 16.5 小结 298 (p2-5-6): 16.6 实战 298 (p2-5-6-1): 实战一:实现一个响应式菜单 300 (p3): 第3篇 项目篇 300 (p3-1): 第17章 课程设计——游戏公园 301 (p3-1-1): 17.1 课程设计目的 301 (p3-1-2): 17.2 游戏公园网站概述 302 (p3-1-2-1): 17.2.1 网站特点 303 (p3-1-2-2): 17.2.2 功能结构 303 (p3-1-3): 17.3 主页的设计与实现 303 (p3-1-3-1): 17.3.1 主页的设计 304 (p3-1-3-2): 17.3.2 顶部区和底部区功能的实现 306 (p3-1-3-3): 17.3.3 推荐游戏功能的实现 307 (p3-1-3-4): 17.3.4 最新游戏功能的实现 309 (p3-1-4): 17.4 博客列表的设计与实现 309 (p3-1-4-1): 17.4.1 博客列表的设计 310 (p3-1-4-2): 17.4.2 博客列表的实现 311 (p3-1-5): 17.5 博客详情的设计与实现 311 (p3-1-5-1): 17.5.1 博客详情的设计 312 (p3-1-5-2): 17.5.2 博客详情的实现 313 (p3-1-6): 17.6 关于我们的设计与实现 313 (p3-1-6-1): 17.6.1 关于我们的设计 314 (p3-1-6-2): 17.6.2 关于我们的实现 316 (p3-1-7): 17.7 小结 《HTML5 CSS3 从入门到精通(微视频精编版)》内容浅显易懂,实例丰富,详细介绍了HTML5 CSS3 开发需要掌握的各类实战知识。全书分为两册:核心技术分册和强化训练分册。核心技术分册共17章,包括HTML基础、文本、图像和超链接、CSS3概述、CSS3高级应用、表格与标签、列表、表单、多媒体、HTML5新特性、基础、绘制图形、文件与拖放、对象编程、响应式网页设计、响应式组件、课程设计—游戏公园等内容。通过学习,读者可快速开发一些中小型应用程序。强化训练分册共15章,通过大量源于实际生活的趣味案例,强化上机实践,拓展和提升软件开发中对实际问题的分析与解决能力。