新書推薦:
《
绝美的奥伦堡蕾丝披肩编织
》
售價:HK$
177.0
《
狂飙年代:18世纪俄国的新文化和旧文化(第二卷)
》
售價:HK$
177.0
《
万有引力书系 纳粹亿万富翁 德国财富家族的黑暗历史
》
售價:HK$
109.8
《
中国常见植物野外识别手册:青海册
》
售價:HK$
76.2
《
三星堆对话古遗址(从三星堆出发,横跨黄河流域,长江流域,对话11处古遗址,探源多元一体的中华文明)
》
售價:HK$
87.4
《
迷人的化学(迷人的科学丛书)
》
售價:HK$
143.4
《
宋代冠服图志(详尽展示宋代各类冠服 精美插图 考据严谨 细节丰富)
》
售價:HK$
87.4
《
形似神异:什么是中日传统政治文化的结构性差异
》
售價:HK$
55.8
|
編輯推薦: |
“软件开发微视频讲堂”丛书是清华社重点计算机系列品牌之一,是明日科技着力打造的技术入门 实战精通类软件开发图书。
《HTML5 CSS3 JavaScript从入门到精通(微视频精编版)》分为两册:核心技术分册,系统介绍HTML5 CSS3 JavaScript中的初/中级核心开发知识;强化训练分册,通过250个实用、有趣、接地气的案例,强化上机实践,在实战中拓展和提升读者应用编程思维解决实际问题的能力。
一本饶有趣味的技术图书。
技术书也可以很有趣。本书涵盖知识点讲解 微课学习 实战案例 强化训练等学习环节,循序渐进,符合认知规律。尤其是书中的案例,简直就是你我身边司空见惯的问题大汇集,发现“编辑即世界,世界皆可编程”。带着编程思想来看世界,编程变得更简单,世界变得更有趣。
层层实战,在实战中练就硬功。
本书更重视实战,全书通过162集微课视频 98个应用实例 40个实战练习 250个强化训练案例,边学边练,在练中悟,通过层层实战,将核心技术知识掰开、揉碎、消化掉,在反复实践中练就一身硬功。
超值、海量、不一般的开发资源库拓展和支持。
学会书中的内容,对于软件开发就够了
|
內容簡介: |
《HTML5+CSS3+JavaScript从入门到精通(微视频精编版)》内容浅显易懂,实例丰富,详细介绍了HTML5+CSS3+JavaScript开发需要掌握的各类实战知识。全书分为两册:核心技术分册和强化训练分册。核心技术分册共17章,包括HTML基础、文本、图像和超链接、CSS3概述、CSS3高级应用、表格与标签、列表、表单、多媒体、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章 表格与标签 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 标签 109
6.3.1 标签的介绍 109
6.3.2 标签的应用 110
6.4 标签 112
6.4.1 标签的介绍 112
6.4.2 标签的应用 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 表单标签 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:使用标签 280
16.1.2 方法2:使用CSS图片 281
16.2 响应式视频 284
16.2.1 方法1:使用标签 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.标签 9
2.标签 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章 表格与标签 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.实现健身房课程表
|
|