当前位置:首页 > 程序设计 >
《HTML5基础知识、核心技术与前沿案例》电子书封面

HTML5基础知识、核心技术与前沿案例

  • 发布时间:2020年09月22日 08:58:34
  • 作者:刘欢
  • 大小:87.3 MB
  • 类别:HTML5电子书
  • 格式:PDF
  • 版本:高清版
  • 评分:9.5

    HTML5基础知识、核心技术与前沿案例 PDF 高清版

      给大家带来的一篇关于HTML5相关的电子书资源,介绍了关于HTML5、基础知识、核心技术方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小87.3 MB,刘欢编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.3。

      内容介绍

      HTML5基础知识、核心技术与前沿案例》是一本引导初、中级学习者深入了解并有效掌握HTML5核心技巧的技术实战书籍,全书采用“基础知识+案例驱动”的双轨模式,精心安排了大量经典的HTML5设计实战案例,包括页面元素与布局、动画与动效、图形与图像、交互操作、页面组件、音频与视频、响应式设计等,并精选了微信小游戏、创意网站等综合性的前沿交互应用。实例基本涵盖了初、中级学习者在实战中几乎可能遇到的所有问题,展示了各种流行的互动设计理念,让读者能够轻松地学习基础知识,有效掌握各种核心技巧,快速上手前沿应用开发,并通过HTML5发现交互设计的乐趣。

      目录

      • 第一部分 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 Query 114
      • 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 强大的jQuery 126
      • 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——移动端的jQuery 137
      • 6.2.3 前端开发框架BootStrap 138
      • 6.2.4 设计工具包Flat UI 139
      • 6.2.5 浏览器检测工具Modernizr 140
      • 6.2.6 数据可视化工具D3 141
      • 6.2.7 使用Hammer轻松控制触摸手势 141
      • 6.2.8 前端在线编辑工具 142
      • 第7章 HTML5与周边编程语言、软件 143
      • 7.1 HTML5与Flash 143
      • 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

      学习笔记

      实例详解jQuery和HTML5实现WebGL高性能烟花绽放动画效果

      本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考,具体如下: 运行效果: 完整代码如下: !DOCTYPE htmlhtml class= -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippathsheadmeta charset=UTF-8meta name=viewport content= initial-scale=1.0, maximum-scale=1.0, user-scalable=nometa name=format-detection content=telephone=n……

      html5的自定义data-*属性和jquery的data()方法的使用示例

      人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的。 下面的一个代码片段是一个有效的HTML5标记: div id="awesome" data-myid="3e4ae6c4e"Some awesome d……

      以上就是本次介绍的HTML5电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:OSGi与Equinox:创建高度模块化的Java系统

      下一篇:谷歌和亚马逊如何做产品

      展开 +

      收起 -

      下载地址:百度网盘下载
      读者留言
      何哲瀚

      何哲瀚 提供上传

      资源
      47
      粉丝
      3
      喜欢
      130
      评论
      16

      Copyright 2018-2020 www.xz577.com 码农之家

      版权投诉 / 书籍推广 / 赞助:520161757@qq.com