新書推薦:
《
一间只属于自己的房间 女性主义先锋伍尔夫代表作 女性精神独立与经济独立的象征,做自己,比任何事都更重要
》
售價:HK$
45.8
《
泉舆日志 幻想世界宝石生物图鉴
》
售價:HK$
137.8
《
养育女孩 : 官方升级版
》
售價:HK$
51.8
《
跨界:蒂利希思想研究
》
售價:HK$
109.8
《
千万别喝南瓜汤(遵守规则绘本)
》
售價:HK$
45.9
《
大模型启示录
》
售價:HK$
115.0
《
东法西渐:19世纪前西方对中国法的记述与评价
》
售價:HK$
207.0
《
养育男孩:官方升级版
》
售價:HK$
51.8
|
編輯推薦: |
夯实HTML5、CSS3、JavaScript基础;
兼顾PC端和移动端开发;
讲解布局、动效、交互、页面组件和响应式设计等核心技术;
前沿案例涵盖初中级HTML5开发者遇到的几乎所有实战问题,并渗透各种交互设计理念;
经验总结,提炼学习内容,囊括HTML5外延知识,拓宽读者学习视野。
|
內容簡介: |
本书是一本引导初、中级学习者深入了解并有效掌握HTML5核心技巧的技术实战书籍,全书采用“基础知识+案例驱动”的双轨模式,精心安排了大量经典的HTML5设计实战案例,包括页面元素与布局、动画与动效、图形与图像、交互操作、页面组件、音频与视频、响应式设计等,并精选了微信小游戏、创意网站等综合性的前沿交互应用。实例基本涵盖了初、中级学习者在实战中几乎可能遇到的所有问题,展示了各种流行的互动设计理念,让读者能够轻松地学习基础知识,有效掌握各种核心技巧,快速上手前沿应用开发,并通过HTML5发现交互设计的乐趣。
|
關於作者: |
刘欢,交互设计师,前端工程师,HTML5技术爱好者,现居上海。曾设计开发了国内首个高校响应式设计网站,当前兴趣主要聚焦于移动Web前端开发。交互作品曾获纽约广告节铜奖、中国4A创意金印奖、第五届中国网络广告大赛银奖等,作品Watch Shanghai bloom曾参展第七届上海双年展。曾出版《Flash ActionScript 3.0 全站互动设计》、《Flash ActionScript 3.0交互设计200例》等交互类著作。
|
目錄:
|
目录
第一部分 HTML5基础
第1章 初探HTML5:制作一份邀请函010
1.1 开发前的准备工作010
1.1.1 制定首个学习目标010
1.1.2 准备开发环境011
1.2 制作HTML页面012
1.2.1 创建首个HTML5页面012
1.2.2 增加必要的页面元素014
1.2.3 页面中那些看不见的代码015
1.3 页面的美化015
1.3.1 制作邀请函的页面背景015
1.3.2 调整邀请函的内容区域位置018
1.3.3 调整邀请函的文字字体与字号020
1.3.4 制作邀请函的按钮021
1.3.5 创建一个外部CSS文件022
1.4 为页面创建交互024
1.4.1 创建按钮的JavaScript交互024
1.4.2 制作还未结束:页面的移动化026
第2章 HTML5新手详解028
2.1 HTML代码基础028
2.1.1 HTML基础语法028
2.1.2 页面根元素 029
2.1.3 文档元数据 031
2.1.4 区块元素 034
2.1.5 分组内容元素039
2.2 HTML常用元素042
2.2.1 文本042
2.2.2 表单043
2.2.3 表格047
2.2.4 WAI-ARIA 050
第3章 CSS3新手详解052
3.1 CSS代码基础052
3.1.1 CSS基础语法052
3.1.2 继承054
3.1.3 选择器057
3.2 CSS3常用属性059
3.2.1 文本和字体059
3.2.2 边框与背景062
3.2.3元素定位065
3.2.4 框模型068
3.2.5 列表071
3.3 CSS3常用效果与技巧075
3.3.1 阴影效果075
3.3.2 2D与3D效果077
3.3.3 优先级078
第4章 JavaScript新手详解080
4.1 JavaScript代码基础080
4.1.1 如何调试JavaScript?080
4.1.2 为代码添加注释081
4.1.3 创建一个简单的变量082
4.1.4 几种常用的JavaScript运算符083
4.1.5 JavaScript中的条件语句085
4.1.6 JavaScript中的循环语句087
4.2 JavaScript编程进阶089
4.2.1 数组及其操作089
4.2.2 日期和时间091
4.2.3 初涉函数092
4.2.4 函数的变量作用域094
4.2.5 Object简介095
4.2.6 JavaScript的DOM操作097
4.2.7 DOM事件处理100
4.2.8 利用JavaScript实现HTML5拖放101
第5章 移动端HTML5开发详解103
5.1 桌面端开发概述103
5.1.1 桌面端和移动端有何不同?103
5.1.2 响应式设计还是移动版网站?104
5.2 移动端开发技巧105
5.2.1 Viewport设置105
5.2.2 百分比布局106
5.2.3 Flexbox:轻松实现弹性布局111
5.2.4 Media Query114
5.2.5 雪碧图116
5.2.6 图标字体119
5.2.7 移动端交互121
5.2.8 移动端调试122
5.2.9 移动端其他技巧124
第6章 事半功倍:运用流行开源类库126
6.1 开源类库jQuery介绍126
6.1.1 强大的jQuery126
6.1.2 jQuery选择器128
6.1.3 jQuery的属性和DOM操作130
6.1.4 jQuery动态效果132
6.1.5 jQuery事件134
6.1.6 jQuery的优缺点136
6.2 其他开源类库介绍136
6.2.1 使用jQuery Mobile开发移动站点136
6.2.2 Zepto——移动端的jQuery137
6.2.3 前端开发框架BootStrap138
6.2.4 设计工具包Flat UI139
6.2.5 浏览器检测工具Modernizr140
6.2.6 数据可视化工具D3141
6.2.7 使用Hammer轻松控制触摸手势141
6.2.8 前端在线编辑工具142
第7章 HTML5与周边编程语言、软件143
7.1 HTML5与Flash143
7.1.1 HTML5与Flash的结合143
7.1.2 使用Google Swiffy进行Flash转换145
7.2 HTML5与其他周边语言和软件146
7.2.1 HTML5与应用开发146
7.2.2 HTML5与Illustrator的结合148
7.2.3 HTML5与Photoshop的结合149
7.2.4 HTML5开发桌面端应用151
第二部分?HTML5前沿经典应用篇
第8章 HTML5页面元素与布局153
8.1 页面元素与布局核心技巧153
8.2 HTML5布局基础153
8.2.1 图文混排与题图文字布局154
8.2.2 Hero Unit图标题文混排156
8.2.3 两列均分布局159
8.2.4 格子布局164
8.2.5 多列等高布局168
8.3 HTML5布局进阶170
8.3.1 两列自适应布局171
8.3.2 三列自适应布局175
8.3.3 瀑布流布局179
第9章 HTML5动画与动效182
9.1 动画与动效核心技巧182
9.2 CSS3动画与动效182
9.2.1 按钮元素动画效果183
9.2.2 图标元素动画效果186
9.2.3 页面切换动画效果192
9.2.4 加载动画效果198
9.2.5 逐帧动画效果204
9.2.6 3D翻页动画效果208
9.3 JavaScript动画与动效211
9.3.1 Canvas粒子动画效果211
9.3.2 GSAP类库动画效果214
第10章 HTML5图形与图像217
10.1 图形与图像核心技巧217
10.2 CSS3图形与图像绘制218
10.2.1 关闭按钮绘制218
10.2.2 菜单图标绘制219
10.2.3 三角图标绘制221
10.2.4 渐变色绘制225
10.2.5 Pattern图案绘制227
10.2.6 锯齿图形绘制229
10.3 Canvas图形与图像绘制231
10.3.1 Canvas图形绘制231
10.3.2 Canvas像素控制235
10.4 SVG图形与图像绘制237
10.4.1 SVG图形绘制237
10.4.2 SVG图像遮罩242
第11章 HTML5交互操作244
11.1 交互操作核心技巧244
11.2 滚动类交互244
11.2.1 页面固定背景244
11.2.2 选区控制246
11.2.3 局部滚动248
11.2.4 滚动监听252
11.2.5 视差滚动256
11.2.6 滚动触发动画261
11.3 键盘和鼠标类交互267
11.3.1 滑块拖动267
11.3.2 Canvas键盘操作271
11.4 移动端交互274
11.4.1 触摸操作274
11.4.2 运动与重力感应276
11.5 其他交互操作279
11.5.1 本地数据文件加载279
11.5.2 本地文件操作281
11.5.3 Geolocation操作284
11.5.4 localStorage操作287
第12章 HTML5页面组件290
12.1 页面组件开发核心技巧290
12.2 图层类页面组件290
12.2.1 悬浮图层290
12.2.2 弹出图层293
12.3 区域类页面组件297
12.3.1 Tab切换297
12.3.2 折叠区域300
12.4 导航类页面组件303
12.4.1 下拉菜单303
12.4.2 顶部固定菜单306
12.4.3 滑动导航308
12.5 其他页面组件311
12.5.1 时间轴311
12.5.2 图像轮播313
12.5.3 日历组件317
第13章 HTML5音频与视频322
13.1 音频、视频核心开发技巧322
13.2 音频类开发322
13.2.1 音频播放322
13.2.2 麦克风操作327
13.3 视频类开发330
13.3.1 视频播放330
13.3.2 视频背景331
13.3.3 摄像头操作333
第14章 HTML5响应式设计336
14.1 响应式设计核心技巧336
14.2 响应式设计案例338
14.2.1 响应式列表338
14.2.2 响应式内容图片341
14.2.3 响应式背景343
14.2.4 响应式图像轮播346
14.2.5 响应式菜单347
第三部分?HTML5综合案例篇
第15章 HTML5微信游戏354
15.1 制作思路354
15.1.1 微信游戏开发基础知识354
15.1.2 微信“520”小游戏策划355
15.2 基础页面的开发356
15.2.1 游戏界面设计356
15.2.2 创建HTML页面357
15.2.3 创建CSS样式359
15.3 交互界面的开发364
15.3.1 制作loading界面交互364
15.3.2 制作初始界面交互364
15.3.3 制作音乐控制器366
15.3.4 获取点阵坐标367
15.3.5 制作交互界面368
15.3.6 制作结果界面371
15.4 尾声371
第16章 HTML5创意网站379
16.1 制作思路与基础页面开发379
16.1.1 站点规划与设计379
16.1.2 创建站点DOM结构380
16.2 页面的美化和交互功能创建382
16.2.1 创建首页样式382
16.2.2 创建次级页面样式385
16.2.3 页面切换效果389
16.3 页面细节处理391
16.3.1 制作作品集内容页面391
16.3.2 兼容性提示394
16.4 小结395
后记:Web设计变迁及经验谈403
|
|