| 书名： | HTML5+CSS3+JavaScript从入门到精通（微视频精编版）（软件开发微视频讲堂） |
| 出版社： | 清华大学出版社 |
| 出版日期 | 2020 |
| ISBN号： | 9787302536109 |
| |
| 《HTML5+CSS3+JavaScript从入门到精通（微视频精编版）》内容浅显易懂，实例丰富，详细介绍了HTML5+CSS3+JavaScript开发需要掌握的各类实战知识。全书分为两册：核心技术分册和强化训练分册。核心技术分册共17章，包括HTML基础、文本、图像和超链接、CSS3概述、CSS3高级应用、表格与<div>标签、列表、表单、多媒体、HTML5新特性、JavaScript基础、绘制图形、文件与拖放、JavaScript对象编程、响应式网页设计、响应式组件、课程设计—游戏公园等内容。通过学习，读者可快速开发一些中小型应用程序。强化训练分册共15章，通过大量源于实际生活的趣味案例，强化上机实践，拓展和提升软件开发中对实际问题的分析与解决能力。 |
| |
| 明日科技，是一个拥有软件开发和项目实施方面的资深专家和学习型技术团队，利用积累的专业知识和经验，已开发出版了“软件开发视频大讲堂”“软件开发实战1200例”“软件开发实战宝典”“软件项目开发全程实录”等系列丛书，是国内畅销的编程图书品牌。 |
| |
| “软件开发微视频讲堂”丛书是清华社重点计算机系列品牌之一，是明日科技着力打造的技术入门+实战精通类软件开发图书。 |
| |
| 第1篇 基础篇 第1章 HTML基础 2 视频讲解：58分钟 1.1 HTML概述 3 1.1.1 什么是HTML 3 1.1.2 HTML的发展历程 3 1.2 HTML文件的基本结构 3 1.2.1 HTML的基本结构 4 1.2.2 HTML的基本标签 5 1.3 编写第一个HTML文件 9 1.3.1 HTML文件的编写方法 9 1.3.2 手工编写页面 9 1.3.3 使用可视化软件WebStorm制作页面 10 1.4 小结 16 1.5 实战 17 1.5.1 实战一：设置背景颜色 17 1.5.2 实战二：设置链接颜色 17 第2章 文本 18 视频讲解：1小时14分钟 2.1 标题 19 2.1.1 标题标签 19 2.1.2 标题的对齐方式 21 2.2 文字 23 2.2.1 文字的斜体、下画线、删除线 23 2.2.2 文字的上标与下标 24 2.2.3 特殊文字符号 25 2.3 段落 27 2.3.1 段落标签 27 2.3.2 段落的换行标签 28 2.3.3 段落的原格式标签 29 2.4 水平线 31 2.4.1 水平线标签 31 2.4.2 水平线标签的宽度 32 2.5 小结 33 2.6 实战 34 2.6.1 实战一：实现一则天气预报 34 2.6.2 实战二：实现一则唐诗 34 2.6.3 实战三：实现商品打折清单 34 2.6.4 实战四：实现一个人物字符画 34 第3章 图像和超链接 35 视频讲解：39分钟 3.1 添加图像 36 3.1.1 图像的基本格式 36 3.1.2 添加图像 36 3.2 设置图像属性 38 3.2.1 图像大小与边框 38 3.2.2 图像间距与对齐方式 39 3.2.3 替换文本与提示文字 41 3.3 链接标签 42 3.3.1 文本链接 42 3.3.2 书签链接 44 3.4 图像的超链接 45 3.4.1 图像的基本链接 45 3.4.2 图像热区链接 47 3.5 小结 49 3.6 实战 50 3.6.1 实战一：显示图书封面 50 3.6.2 实战二：制作商品评价页面 50 3.6.3 实战三：制作抽奖页面 50 第4章 CSS3概述 51 视频讲解：1小时6分钟 4.1 CSS3概述 52 4.1.1 CSS的发展史 52 4.1.2 一个简单的CSS示例 52 4.2 CSS3中的选择器 55 4.2.1 属性选择器 56 4.2.2 类和ID选择器 58 4.2.3 伪类和伪元素选择器 60 4.2.4 其他选择器 63 4.3 常用属性 65 4.3.1 文本相关属性 66 4.3.2 背景相关属性 69 4.3.3 列表相关属性 71 4.4 小结 73 4.5 实战 73 4.5.1 实战一：制作登录注册页面 73 4.5.2 实战二：制作网页版生日贺卡 74 4.5.3 实战三：实现个人主页 74 第5章 CSS3高级应用 75 视频讲解：1小时3分钟 5.1 框模型 76 5.1.1 外边距margin 76 5.1.2 内边距padding 79 5.1.3 边框border 81 5.2 布局常用属性 85 5.2.1 浮动 85 5.2.2 定位相关属性 87 5.3 动画与特效 88 5.3.1 变换（transform） 88 5.3.2 过渡（transition） 90 5.3.3 动画（animation） 92 5.4 小结 96 5.5 实战 96 5.5.1 实战一：设置手机筛选页面 96 5.5.2 实战二：制作横向导航 97 5.5.3 实战三：制作图片轮播 97 第6章 表格与<div>标签 98 视频讲解：1小时12分钟 6.1 简单表格 99 6.1.1 简单表格的制作 99 6.1.2 表头的设置 101 6.2 表格的高级应用 103 6.2.1 表格的样式 103 6.2.2 表格的合并 105 6.2.3 表格的分组 107 6.3 <div>标签 109 6.3.1 <div>标签的介绍 109 6.3.2 <div>标签的应用 110 6.4 <span>标签 112 6.4.1 <span>标签的介绍 112 6.4.2 <span>标签的应用 113 6.5 小结 114 6.6 实战 114 6.6.1 实战一：制作每日工作计划表 114 6.6.2 实战二：实现网页版工作总结 114 6.6.3 实战三：制作一则公司公告 114 第7章 列表 115 视频讲解：11分钟 7.1 列表的标签 116 7.2 无序列表 116 7.2.1 无序列表标签 116 7.2.2 无序列表属性 117 7.3 有序列表 119 7.3.1 有序列表标签 119 7.3.2 有序列表属性 120 7.4 列表的嵌套 122 7.4.1 定义列表的嵌套 122 7.4.2 无序列表和有序列表的嵌套 124 7.5 小结 125 7.6 实战 126 7.6.1 实战一：制作网站购买提示内容 126 7.6.2 实战二：制作QQ联系人列表 126 7.6.3 实战三：制作商品列表内容 126 第8章 表单 127 视频讲解：42分钟 8.1 表单概述 128 8.1.1 概述 128 8.1.2 表单标签<form> 128 8.2 输入标签 131 8.2.1 文本框 131 8.2.2 单选框和多选框 133 8.2.3 按钮 135 8.2.4 文件域和图像域 137 8.3 文本域和列表 139 8.3.1 文本域 139 8.3.2 列表/菜单 140 8.4 小结 142 8.5 实战 143 8.5.1 实战一：制作QQ登录页面 143 8.5.2 实战二：制作象棋游戏注册页面 143 8.5.3 实战三：制作个人档案 143 第9章 多媒体 144 视频讲解：1小时5分钟 9.1 HTML5多媒体的简述 145 9.1.1 HTML4中多媒体的应用 145 9.1.2 HTML5页面中的多媒体 145 9.2 多媒体元素基本属性 146 9.3 多媒体元素常用方法 150 9.3.1 多媒体播放时的方法 150 9.3.2 canPlayType(type)方法 153 9.4 多媒体元素重要事件 153 9.4.1 事件处理方式 153 9.4.2 事件介绍 154 9.4.3 事件实例 155 9.5 小结 157 9.6 实战 157 9.6.1 实战一：制作音乐小球 157 9.6.2 实战二：加载一段视频文件 157 9.6.3 实战三：制作一段音频文件 157 第10章 HTML5新特性 158 视频讲解：57分钟 10.1 谁在开发HTML5 159 10.2 HTML5的新特性 159 10.3 HTML5和HTML4的区别 161 10.3.1 HTML5的语法变化 161 10.3.2 HTML5中的标记方法 161 10.3.3 HTML5语法中需要掌握的几个要点 162 10.4 新增和废除的元素 164 10.4.1 新增的结构元素 164 10.4.2 新增的块级（block）的语义元素 167 10.4.3 新增的行内（inline）的语义元素 169 10.4.4 新增的嵌入多媒体元素与交互性元素 171 10.4.5 新增的input元素的类型 172 10.4.6 废除的元素 172 10.5 新增的属性和废除的属性 173 10.5.1 新增的属性 173 10.5.2 废除的属性 175 10.6 小结 176 10.7 实战 177 实战一：制作一个图像链接 177 第11章 JavaScript基础 178 视频讲解：2小时13分钟 11.1 JavaScript概述 179 11.1.1 JavaScript的发展史 179 11.1.2 JavaScript在HTML中的使用 180 11.2 JavaScript语言基础 183 11.2.1 数据类型 183 11.2.2 运算符与表达式 186 11.2.3 流程控制 190 11.3 JavaScript对象编程 193 11.3.1 Window窗口对象 193 11.3.2 Document文档对象 195 11.4 JavaScript事件处理 198 11.4.1 鼠标键盘事件 198 11.4.2 页面事件 201 11.5 小结 203 11.6 实战 203 11.6.1 实战一：制作九九乘法表 203 11.6.2 实战二：制作手机抽奖页面 203 11.6.3 实战三：制作购物车结算页面 203 第2篇 提 高 篇 第12章 绘制图形 206 视频讲解：1小时15分钟 12.1 认识HTML5中的画布Canvas 207 12.1.1 Canvas概述 207 12.1.2 使用Canvas绘制矩形 207 12.2 绘制基本图形 209 12.2.1 绘制直线 209 12.2.2 绘制曲线 212 12.2.3 绘制圆形 214 12.3 绘制变形图形 216 12.3.1 绘制平移效果的图形 216 12.3.2 绘制缩放效果的图形 217 12.3.3 绘制旋转效果的图形 219 12.4 绘制文字 220 12.4.1 绘制轮廓文字 220 12.4.2 绘制填充文字 221 12.4.3 文字相关属性 222 12.5 小结 224 12.6 实战 224 12.6.1 实战一：Canvas绘制移动的正方形 224 12.6.2 实战二：制作游戏弹幕效果 224 12.6.3 实战三：实现计时器 224 第13章 文件与拖放 225 视频讲解：37分钟 13.1 选择文件 226 13.1.1 通过file对象选择文件 226 13.1.2 使用Blob接口获取文件的类型与大小 227 13.2 读取文件 228 13.2.1 FileReader接口的方法以及事件 228 13.2.2 使用readAsDataURL方法预览图片 229 13.2.3 使用readAsText方法读取文本文件 231 13.3 拖放文件 233 13.3.1 拖放页面元素 233 13.3.2 DataTransfer对象的属性与方法 234 13.3.3 使用effectAllowed和dropEffect属性设置拖放效果 235 13.4 小结 236 13.5 实战 237 13.5.1 实战一：实现编辑照片墙中上传图片的功能 237 13.5.2 实战二：查看网页源码 237 13.5.3 实战三：预览文件功能 237 第14章 JavaScript对象编程 238 视频讲解：1小时2分钟 14.1 Window窗口对象 239 14.1.1 Window对象 239 14.1.2 对话框（Dialog） 241 14.1.3 窗口对象常用操作 244 14.2 Document文档对象 247 14.2.1 文档对象概述 247 14.2.2 文档对象的常用属性、方法与事件 248 14.2.3 Document对象的应用 250 14.3 JavaScript与表单操作 255 14.3.1 在JavaScript中访问表单 255 14.3.2 在JavaScript中访问表单域 256 14.3.3 表单的验证 256 14.4 DOM对象 258 14.4.1 DOM概述 258 14.4.2 DOM对象节点属性 260 14.4.3 节点的几种操作 261 14.4.4 获取文档中的指定元素 262 14.4.5 与DHTML相对应的DOM 264 14.5 小结 265 14.6 实战 266 实战一：在页面的指定位置显示当前日期 266 第15章 响应式网页设计 267 视频讲解：38分钟 15.1 概述 268 15.1.1 响应式网页设计的概念 268 15.1.2 响应式网页设计的优缺点和技术原理 268 15.2 像素和屏幕分辨率 269 15.2.1 像素和屏幕分辨率 269 15.2.2 设备像素和CSS像素 270 15.3 视口 271 15.3.1 视口 271 15.3.2 视口常用属性 272 15.3.3 媒体查询 273 15.4 响应式网页的布局设计 274 15.4.1 常用布局类型 274 15.4.2 布局的实现方式 275 15.4.3 响应式布局的设计与实现 276 15.5 小结 278 15.6 实战 278 实战一：实现主页响应式实现 278 第16章 响应式组件 279 视频讲解：1小时14分钟 16.1 响应式图片 280 16.1.1 方法1：使用<picture>标签 280 16.1.2 方法2：使用CSS图片 281 16.2 响应式视频 284 16.2.1 方法1：使用<meta>标签 284 16.2.2 方法2：使用HTML5手机播放器 285 16.3 响应式导航菜单 288 16.3.1 方法1：CSS3响应式菜单 288 16.3.2 方法2：JavaScript响应式菜单 290 16.4 响应式表格 293 16.4.1 方法1：隐藏表格中的列 293 16.4.2 方法2：滚动表格中的列 295 16.4.3 方法3：转换表格中的列 296 16.5 小结 298 16.6 实战 298 实战一：实现一个响应式菜单 298 第3篇 项目篇 第17章 课程设计：游戏公园 300 视频讲解：1小时5分钟 17.1 课程设计目的 301 17.2 游戏公园网站概述 301 17.2.1 网站特点 302 17.2.2 功能结构 303 17.3 主页的设计与实现 303 17.3.1 主页的设计 303 17.3.2 顶部区和底部区功能的实现 304 17.3.3 推荐游戏功能的实现 306 17.3.4 最新游戏功能的实现 307 17.4 博客列表的设计与实现 309 17.4.1 博客列表的设计 309 17.4.2 博客列表的实现 310 17.5 博客详情的设计与实现 311 17.5.1 博客详情的设计 311 17.5.2 博客详情的实现 312 17.6 关于我们的设计与实现 313 17.6.1 关于我们的设计 313 17.6.2 关于我们的实现 314 17.7 小结 316 强化训练分册目录 第1章 HTML基础 1 应用技能拓展学习 1 1．WebStorm常用快捷键 1 2．HTML注释快捷键（WebStorm编辑器） 1 3．谷歌浏览器中的开发者工具 2 实战技能强化训练 4 训练一：基本功强化训练 4 1．输出雷军的名言 4 2．输出中英文版的“时间不等人” 5 3．输出俞敏洪老师的图书信息 5 4．输出绕口令 5 5．输出跨年演讲主题 5 训练二：实战能力强化训练 6 6．输出淘宝网底部菜单 6 7．输出腾讯免费直播课公告 6 8．输出明日学院简介 7 9．输出新浪官网底部版权信息 7 第2章 文本 9 应用技能拓展学习 9 1．<article>标签 9 2．<section>标签 9 3．特殊符号“ ” 11 实战技能强化训练 12 训练一：基本功强化训练 12 1．输出每日励志名言 12 2．输出影片基本信息 12 3．输出马云语录 12 4．输出明日学院官方网站地址 12 5．输出2018年世界杯分组情况 13 6．输出彩色数字 13 7．输出微信支付凭证 14 8．输出2018年天猫双十一总成交额 14 9．输出超市购物小票 14 10．输出商品标价签 15 训练二：实战能力强化训练 15 11．居中排版节日板报 15 12．居中排版唐诗 16 13．天气预报消息发布 16 14．打折商品清单 16 15．输出方程2X+X2=16 16 16．输出方程8Y1-X3=20 17 17．绘制情人节字符画 17 18．给自己画个字符画像 17 19．完成一则通告内容 17 20．使用水平线标签实现菜谱列表 18 第3章 图像和超链接 19 应用技能拓展学习 19 1．SVG图像 19 2．AlloyImage图像处理库 20 实战技能强化训练 21 训练一：基本功强化训练 21 1．制作购物网站的“促销活动”页面 21 2．使用图像标签在页面中显示图书封面 22 3．制作手机商城的商品展示页面 22 4．制作图书导航页面 23 5．展示玫瑰的生长过程 24 6．布局电脑配件页面 25 7．为图书添加替换文本和提示文字 25 8．制作商品评价页面，提示文字为商品信息 26 9．使用链接制作网站的导航菜单 26 10．“展开全文”页面链接效果 27 训练二：实战能力强化训练 27 11．仿淘宝放大镜效果 27 12．SVG实现图片模糊效果 28 13．SVG实现点赞特效 28 14．应用AlloyImage对图像进行灰度处理 28 15．应用AlloyImage对图像进行反色处理 29 第4章 CSS3概述 30 应用技能拓展学习 30 1．Velocity.js框架 30 2．活用position属性 31 实战技能强化训练 31 训练一：基本功强化训练 31 1．制作一个简单的注册/登录页面 31 2．制作网页版个人简历 31 3．制作网页版生日贺卡 32 4．制作网页版宣传海报 32 5．制作购物商城的商品展示页面 33 6．制作手机介绍页面 34 7．制作个人空间主页 34 8．实现页面横幅广告效果 35 9．制作购物商城的“热销爆款”页面 35 10．制作购物商城的“精品手机”页面 36 11．制作网站登录页面 36 12．制作手机展示页面 37 13．华为手机详情页面 37 14．手机产品参数页面 38 训练二：实战能力强化训练 39 15．图片跑马灯效果 39 16．相册内图片单击轮换效果 40 17．图形加载动画 40 18．制作方块填充的进度条 40 第5章 CSS3高级应用 41 应用技能拓展学习 41 1．伪类选择器的应用 41 2．弹性布局（flexbox）的使用 42 实战技能强化训练 44 训练一：基本功强化训练 44 1．制作手机商城的“精品配件”页面 44 2．制作开心消消乐网站的“最新活动”页面 45 3．制作小米Max 2手机宣传页面 45 4．实现手机分类筛选页面 45 5．制作新增收货地址页面 46 6．制作商品详情页的产品规格部分 46 7．制作手机商城中“主题购”页面 47 8．制作一个简单的横向导航栏 47 9．制作含二级菜单的横向导航栏 48 10．制作含二级菜单的侧边导航栏 48 11．旋转风车效果 49 12．自动拼图动画效果 49 13．鼠标光标滑过时的平移特效 50 14．鼠标悬停时展开和放大相册 50 15．旅游网站图片轮播效果 51 16．广告页面文字滚动显示效果 51 训练二：实战能力强化训练 52 17．实现凸显图片效果 52 18．实现文字水波纹效果 52 19．实现邮件订阅中心页面 53 20．制作红包兑换页面 53 21．制作360每日趣闻页面 53 22．实现跳动文字效果 54 第6章 表格与<div>标签 55 应用技能拓展学习 55 1．表格中的结构标签 55 2．伪元素选择器的巧用 57 实战技能强化训练 57 训练一：基本功强化训练 57 1．表格实现键盘快捷键介绍页面 57 2．表格实现12306公告页面 58 3．CSS实现唯美主题背景 58 4．表格实现KTV价格表 58 5．实现电子版违章罚单 59 6．实现ATM机银行凭证 59 7．实现健身房课程表 59 8．制作电子邀请函 60 9．DIV实现岗位招聘页面 60 10．表格实现手机版天气预报 61 11．表格实现商品列表 61 12．表格实现51购商城首页商品信息 62 13．制作移动端王者荣耀官网页面 62 14．制作美团外卖页面 63 15．表格实现科学计算器 64 16．表格实现日历页面 64 17．DIV实现优惠券领取页面 64 18．微信朋友圈动态效果 65 训练二：实战能力强化训练 65 19．图文显示课程列表页面 65 20．使用表格布局女装页面 65 21．美食制作热门推荐列表 66 22．表格实现游戏博客页面 67 第7章 列表 68 应用技能拓展学习 68 1．CSS3中的列表属性 68 2．列表的嵌套 68 实战技能强化训练 70 训练一：基本功强化训练 70 1．手机详情页面信息 70 2．CSS制作精美书签 71 3．餐厅菜单页面 71 4．支付宝话费充值页面 72 5．看图猜成语页面 72 6．修改列表项标志 72 7．QQ联系人列表 73 8．商品热销排行榜 73 9．票据报销网络填单 73 10．仿手机联系人页面 73 训练二：实战能力强化训练 74 11．分类导航页面 74 12．列表实现汽车网站导航菜单 74 13．红包领取记录 75 14．驾考宝典答题页面 75 15．教师节节日贺卡 76 16．限时抢购页面 76 17．手机商城“热卖推荐”页面 76 18．开发类网站的二级导航菜单 77 19．轮播介绍手机的儿童模式 77 20．时间轴显示各月份最适合的景点 78 第8章 表单 79 应用技能拓展学习 79 1．HTML5新增的input标签的属性 79 实战技能强化训练 81 训练一：基本功强化训练 81 1．QQ注册页面 81 2．电子发票开具页面 81 3．中奖信息填写页面 81 4．简约登录页面 82 5．“爱家”在线租房申请页面 82 6．商品评价时限制输入的长度 83 7．玩转漂流瓶 83 8．在线留言页面 83 9．包含第三方登录接口的会员登录页面 84 10．文本框不为空验证 84 训练二：实战能力强化训练 85 11．手机端购票页面 85 12．个人档案页面 85 13．百货超市满意度调查表 86 14．QQ空间留言板 86 15．大连一日游预定报名页面 87 16．bug意见反馈页面 88 第9章 多媒体 89 应用技能拓展学习 89 1．Audio标签与Video标签的使用 89 2．Audio对象和Video对象的属性 89 3．Audio对象和Video对象方法 90 实战技能强化训练 92 训练一：基本功强化训练 92 1．网页中添加视频 92 2．实现直播页面 92 3．设置视频控制栏的显示与隐藏 93 4．添加背景音乐 93 5．动态设置视频大小与播放状态 94 6．自定义视频工具栏 94 7．音乐循环播放 95 8．HTML5手机视频播放器 95 9．实现音乐、歌词同步 96 10．为视频添加弹幕 96 训练二：实战能力强化训练 96 11．为视频添加字幕 96 12．实现PC端音乐播放器 97 13．模拟游戏音效 97 14．仿酷狗音乐播放器 98 第10章 HTML5新特性 99 应用技能拓展学习 99 1．HTML5中新增的结构元素与语义化元素 99 2．HTML5中新增的input元素类型 101 实战技能强化训练 101 训练一：基本功强化训练 101 1．会说话的汤姆猫 101 2．文字边缘镂空动画 101 3．恐龙爬坡动画 102 4．悬挂的日历 102 5．气温变化图 103 6．网购商城商品跳转页面 103 训练二：实战能力强化训练 104 7．商品订购信息 104 8．实现个人博客主页 104 9．将图片裁切为不规则图形 105 第11章 JavaScript基础 106 应用技能拓展学习 106 1．函数的定义和调用 106 2．for语句 108 3．数组简介 108 4．toFixed()方法 111 5．Math对象简介 111 6．Number()函数 112 7．eval()函数 113 8．parseInt()函数 113 9．Date对象 114 10．setTimeout()方法 115 11．事件对象简介 115 12．为元素绑定事件 117 13．DOM简介 117 14．style对象简介 121 15．图像对象简介 125 16．offsetLeft、offsetTop、offsetWidth、offsetHeight 属性 127 17．scrollLeft、scrollTop属性 127 18．直接创建自定义对象的方法 127 实战技能强化训练 128 训练一：基本功强化训练 128 1．输出自动柜员机客户凭条 128 2．输出《九阳神功》口诀 128 3．计算存款本息合计 128 4．计算身体质量指数 129 5．查看你是什么星座 129 6．输出由“*”组成的空心菱形 130 7．商品抢购倒计时 130 8．播放歌曲权限设置 130 9．计算从出生到现在度过的时间 131 10．输出2018年内地电影票房排行榜 131 训练二：实战能力强化训练 131 11．灯泡点亮与熄灭 131 12．抽屉风格的滑出菜单 132 13．切换表情图片 132 14．为图片添加和移除模糊效果 132 15．简单计算器 133 16．随意摆放的照片墙 133 17．模拟画图软件调整图片大小 133 18．图片放大镜效果 134 19．显示选择的酒店类型 134 20．切换商品类别选项卡 135 21．验证用户登录信息是否为空 135 22．横向导航菜单 136 第12章 绘制图形 137 应用技能拓展学习 137 1．sin()方法和cos()方法 137 2．状态的保存和恢复 138 3．onwheel事件 138 4．zoom属性 139 5．createPattern()方法 139 6．绘制阴影 140 7．clearRect()方法 141 8．Date对象中的几个方法 141 9．数组的push()方法 143 10．在canvas中应用layerX和layerY属性 143 11．min()方法 144 12．random()方法 144 13．requestAnimationFrame()方法 144 实战技能强化训练 145 训练一：基本功强化训练 145 1．绘制火柴人 145 2．绘制红心 145 3．绘制简易房屋 145 4．在图片上输出文字 146 5．绘制向日葵 146 6．在画布中显示图片 146 7．通过鼠标滚轮放大和缩小图片 146 8．制作图像平铺效果 147 9．制作文字阴影效果 147 训练二：实战能力强化训练 147 10．绘制别墅与树木 147 11．制作桌面时钟 147 12．小车的移动和停止 148 13．图像放大镜 148 14．制作简易写字板 149 15．图片渐隐渐现效果 149 16．图像局部放大效果 149 17．下雪动画效果 150 18．地球绕太阳公转效果 150 第13章 文件与拖放 151 应用技能拓展学习 151 1．Math对象的两个方法 151 2．正则表达式简介 152 3．naturalWidth和naturalHeight属性 153 4．substr()方法 153 5．canvas元素的toBlob()方法 154 6．URL.createObjectURL()方法 154 7．URL.revokeObjectURL()方法 154 8．createElement()方法 155 9．appendChild()方法 155 实战技能强化训练 156 训练一：基本功强化训练 156 1．显示上传文件名 156 2．单图缩略图预览 157 3．单图预览并输出文件信息 157 4．编辑照片墙 158 5．文本的上传预览 159 6．应用事件属性拖放图片到指定区域 160 7．应用事件监听器帮小鸟回家 161 8．将文件拖动到指定区域预览 161 训练二：实战能力强化训练 162 9．将商品拖至购物车 162 10．随意拖动广告图 162 11．下载canvas图像 163 12．预览多个上传文件信息 163 13．图片在两个容器内随意拖动 164 14．将图片拖放到回收站 164 第14章 JavaScript对象编程 165 应用技能拓展学习 165 1．setInterval()方法和clearInterval()方法 165 2．classList属性 166 3．style对象的几个属性 168 4．按钮的disabled属性 171 5．下拉菜单的selectedIndex属性 172 6．clientHeight属性 172 7．setAttribute()和getAttribute()方法 172 8．数组的splice()方法 173 9．globalCompositeOperation属性 174 实战技能强化训练 175 训练一：基本功强化训练 175 1．删除订单信息 175 2．奥运知识问答 175 3．单击火箭图片返回顶部 176 4．切换注册按钮的状态 176 5．在列表中选择头像 177 6．使用进度条模拟安装过程 177 7．实现秒表计时功能 177 8．输入取票码取票 178 9．获取验证码倒计时 178 10．更换页面主题 179 训练二：实战能力强化训练 179 11．实现图片轮播功能 179 12．柱形图显示投票结果 179 13．红心按钮点赞动画特效 180 14．开心小农场 180 15．幸运大抽奖 181 16．模拟刮刮卡刮奖特效 181 17．歌曲置顶和删除 182 18．模拟老虎机滚动抽奖效果 182 19．幕帘动画效果 182 20．模拟微信弹出菜单 183 21．模拟微信输入支付密码 184 22．实现电影海报轮播 184 第15章 响应式网页设计 186 应用技能拓展学习 186 1．媒体查询的使用 186 2．响应式插件之栅格系统 187 实战技能强化训练 188 训练一：基本功强化训练 188 1．开心消消乐“最新活动”页面 188 2．浏览器缩小时，隐藏成绩表中的列 188 3．翻转并滚动显示招聘表 189 4．CSS实现响应式导航栏 190 5．实现课程推荐列表页面 190 训练二：实战能力强化训练 191 6．360趣玩页面 191 7．响应式游戏活动介绍页面 191 8．响应式游戏列表页面 192 9．女装专场活动页面 192 10．Bootstrap实现图片轮播 193 答案提示 194 |
| |
| 通过网站获取资讯及进行学习、娱乐、消费，已经成为人们生活和工作中不可或缺的一部分。随着技术的发展，网站内容越来越丰富 ，网页页面越来越美观，页面与用户的交互性也越来越强。HTML5、CSS3和JavaScript的出现，使得网页设计从外观上更炫，技术上更 简单。因此，HTML5+CSS3+JavaScript这一开发组合受到广大程序员的青睐，成为网页开发人员使用的主流编程语言。 HTML5新特性、JavaScript基础等内容，使读者快速掌握开发基本内容，为以后编程奠定坚实的基础。 开发一些中小型应用程序。 书中按照“需求分析→系统设计→主页实现→博客列表实现→博客详情实现→关于我们”的流程进行介绍，带领读者亲身体验开发项 目的全过程。 常用组件的功能实现，最后学习开发一个完整项目。讲解过程步骤详尽，版式新颖，使读者在阅读时一目了然，从而快速掌握书中内 容。 的模式，透彻详尽地讲述了实际开发中所需的各类知识。另外，为了便于读者阅读程序代码，快速学习编程技能，书中几乎每行代码 都提供了注释。 引导初学者入门，使其感受编程的快乐和成就感，进一步增强学习的信心。 生活的真实案例。应用编程思想来解决这些生活中的难题，不但能锻炼动手能力，还可以快速提升实战技巧。如果在实现过程中遇到 问题，可以从资源包中获取相应实战的源码进行解读。 相关知识点及概念，更快地掌握个别技术的应用技巧。在强化训练分册中，更设置了“①②③④⑤⑥”栏目，读者每亲手完成一次实 战练习，即可涂上一个序号。通过反复实践，可真正实现强化训练和提升。 可以帮助读者快速提升编程水平和解决实际问题的能力。 为软件开发工程师打下坚实基础。对于数学逻辑能力和英语基础较为薄弱的读者，或者想了解个人数学逻辑思维能力和编程英语基础 的用户，本书提供了数学及逻辑思维能力测试和编程英语能力测试以供练习和测试。面试资源库提供了大量国内外软件企业的常见面 试真题，同时还提供了程序员职业规划、程序员面试技巧、虚拟面试系统等精彩内容，是程序员求职面试的绝佳指南。 员；程序测试及维护人员；参加实习的“菜鸟”程序员。 的各类学习资源，读者可登录清华大学出版社网站，在对应图书页面下获取其下载方式。也可扫描图书封底的“文泉云盘”二维码， 获取其下载方式。为了方便解决本书疑难问题，读者朋友可加我们的企QQ，也可以登录网站留言，我们将竭诚为您服务。 编写的教材非常注重选取软件开发中的必需、常用内容，同时也很注重内容的易学、方便性以及相关知识的拓展性，深受读者喜爱。 其教材多次荣获“全行业优秀畅销品种”“中国大学出版社优秀畅销书”等奖项，多个品种长期位居同类图书销售排行榜的前列。 您购买本书，希望本书能成为您编程路上的领航者。 |
清华大学出版社官方旗舰店
非常抱歉，您前期未参加预订活动，
无法支付尾款哦！
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/bHHv-LrKC_hJr-p1x7SZyg.jpg_400w_400h_4e)
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/bHHv-LrKC_hJr-p1x7SZyg.jpg_60w_60h_4e)
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/C6hvaJN9X_mJJvWj9il3ZQ.jpg_60w_60h_4e)
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/maa1N4MKO3SJbOr0gbVyBw.jpg_60w_60h_4e)
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/riFYxAgUy9j8e2RB9mSWoQ.jpg_60w_60h_4e)
![[正版] HTML5+CSS3+JavaScript从入门到精通微视频精编版 明日科技 清华大学出版社 web网页开发书](http://imgservice.suning.cn/uimg1/b2c/image/Nm9YC5YSCPbZUO-22_DpZg.jpg_60w_60h_4e)
