HTML5基础知识、核心技术和前沿案例。刘欢（带书签的高清文字版）.pdf

《HTML5基础、核心技术与前沿案例》是一本指导初中级学习者深入理解和有效掌握HTML5核心技能的技术实用书籍。整理了大量经典的HTML5设计实战案例jquery鼠标悬停 提示，包括页面元素与布局、动画与动效、图形与图像、交互操作、页面组件、音视频、响应式设计等，精选微信小游戏、创意网站和其他全面的尖端交互应用程序。实例基本涵盖了初中级学习者在实战中可能遇到的几乎所有问题，并展示了各种流行的交互设计理念jquery鼠标悬停 提示，让读者轻松学习基础知识，有效掌握各种核心技能，快速上手前沿应用程序。使用 HTML5 开发和发现交互设计的乐趣。 Part 1 HTML5基础 第1章HTML5初步探索：制作邀请函 0101.1 准备开发 0101.1.1 设置第一个学习目标 0101.1.2 准备开发环境 0111.2 制作HTML页面 0121.2 ．1 创建第一个HTML5页面 0121.2.2 添加必要的页面元素 0141.2.3 页面中的那些隐形代码 0151.3 美化页面 0151.3.1 制作邀请函的页面背景 0151.3。 2 调整邀请函内容区位置 0181.3.3 调整邀请函文字字体和字号 0201.3.4 制作邀请函按钮 0211.3.5 创建外部CSS文件 0221.4 为页面创建交互 0241。 4.1 创建按钮的交互 0241.4.2 制作还没有结束：页面的调动 026 第二章 HTML5 初学者详解 0282.1 HTML 代码基础 0282.1.1 HTML 基础语法 0282.1.2 页面根元素 0292.1.3 文档元数据 0312.1. 4 块元素 0342.1.5 分组内容元素 0392.2 HTML 常用元素 0422.2.1 文本 0422.2.2 表单 0432.2.3 表格 0472. 2.4 WAI-ARIA 050 第三章 CSS3 初学者详解 0523.1 CSS 代码基础 0523.1.1 CSS 基本语法 0523.1. 2 继承 0543.1.3 选择器 0573.2 CSS3 通用属性 0593.2。 1 文本和字体 0593.2.2 边框和背景 0623.2.3 元素定位 0653.2.4 盒子模型 0683.2.5 列表 0713.3 CSS3 常用效果和技巧 0753.3.1 阴影效果 0753.3 .2 2D和3D效果 0773.3.3 优先级 078第4章详解初学者讲解 0804.1 代码基础 0804.1.1 如何调试？ 0804.1.2 代码注释 0814.1.3 创建一个简单的变量 0824.1.4 几个常用运算符 0834.1.5 条件语句 0854.1.6 0874 循环语句 2 高级编程 0894.2.1 数组及其操作 0894.2.2 日期和时间0914.2.3 初始函数 0924.2.4 可变函数范围 0944.2.5 简介 0954.2.6 0974.2.7 DOM 事件处理 1004.2.8 实现 HTML5 拖放 101 第 5 章移动 HTML5 开发详解 1035.1 桌面开发概述 1035.1.1 什么台式机和手机有区别吗？ 1035.1.2 响应式设计还是移动网站？ 1045.2 移动端开发技巧 1055.2.1 设置 1055.2.2 百分比布局 1065.2.3：轻松实现灵活布局 1115.2.4 媒体查询 1145.2.5 精灵图 1165.2.6 图标字体 1195.2.7 移动端交互 1215.2.8 移动端调试1225.2.9 其他移动终端技能 124 第 6 章事半功倍：使用流行的开源类库 1266.1 开源类库介绍 1266.1.1 强大的 1266.1.2 选择器 1286.1.3 属性和 DOM 操作 1306.1.4 动态效果 1326.1. 5 事件 1346.1.6 优点和缺点 1366.2 其他开源库介绍 1366.2 .1 使用和开发移动站点 1366.2.2 Zepto - 移动 1376.2.3 前端开发框架 1386.2.4 设计工具包 Flat UI 1396.2.5 浏览器检测工具1406.2.6 数据可视化工具D3 1416.2.7 使用轻松控制触摸手势 1416.2.8 前端在线编辑工具 142 第7章HTML5及外围编程语言和软件 14 37.1 HTML5与Flash 1437.1.1 HTML5与Flash的结合 1437。 1.2 利用Flash进行转换 1457.2 HTML5等周边语言及软件 1467.2.1 HTML5与应用开发 1467.2.2 HTML5与1487.2.3的结合HTML5 和 1497.2.4 HTML5 开发桌面应用程序 151 第 2 部分？ HTML5前沿经典应用 第8章 HTML5页面元素与布局 1538.1 页面元素与布局核心技巧 1538.2 HTML5布局基础知识 1538.2.1 图文混合排列与标题布局 1548.2.2 Hero Unit图形标题与文字混合排列 1568.2.3 二-列布局 1598.2.4 网格布局 1648.2.5 多列等高布局 1688.3 HTML5 高级布局 1708.3 .1 两列自适应布局 1718.3.2 三列自适应布局 1758.3.3 瀑布布局 179 第9章HTML5动画和动作 1829.1动画和动作核心技能 1829.2 CSS3 动画和动作效果 1829.2.1 按钮元素动画效果 1839.2.2 图标元素动画效果 1869.2.3 页面切换动画效果 1929.2.4 加载动画效果 1989.2.5 逐帧动画绘制效果 2049.2.6 3D翻页动画效果2089.3动画和运动效果2119.3.1粒子动画效果2119.3.2GSAP类库动画效果214第一章0 HTML5 图形和图像 21710.1 图形和图像核心技能 21710.2 CSS3 图形和图像绘制 21810.2.1 关闭按钮绘制 21810.2.2 菜单图标绘制 21910.2.3 三角形图标绘制 22110.2.4 渐变色绘制 22510.2.5 图案绘制 22710.2.6 锯齿图形渲染 22910.3 图形和图像渲染 23110.3.1 图形渲染 23110.3.2 像素控制 23510.4 SVG 图形和图像渲染 23710.4.1 SVG 图形渲染 23710.4.2 SVG 图像遮罩 242 第 11 章 HTML5 交互 24411.1 交互核心技能 24411.2 滚动交互 2441.页面固定背景 24411.2.2 选择控制 24611.2.3 部分滚动 24811.2。 4 滚动监控 25211.2.5 视差滚动 25611.2.6 滚动触发动画 26111.3 键盘和鼠标交互 26711.3.1 滑块拖动 26711.3.2 键盘操作 27111.4 移动端交互 27411. 4.1 触摸操作 27411.4.2 运动和重力感应 27611.5 其他交互操作 27911 .1 本地数据文件加载 27911.5.2 本地文件操作 28111.5.3 操作 28411.5.4 操作 287 第12章HTML5页面组件 29012.1 页面组件开发核心技巧 29012.2 图层类页面组件 29012.2.1 浮动层 29012.2.2 弹出层 29312.3 区域类页面组件 29712.3.1 标签切换 29712.3.2 折叠区域 30012.4 导航页面组件 30312.4.1 下拉菜单 30312.4.2 顶部固定菜单 30612.4.3 滑动导航 30812.5 其他页面组件 31112.5.1 时间轴 31112.5.2 图片轮播 31312.5 .3 日历组件 317 第十三章 HTML5 音视频 32213.1 音视频核心开发技巧 32213.2 音频类开发nt 32213.2.1 音频播放 32213.2。 2 麦克风操作 32713.3 视频类开发 33013.3。 1 视频播放 33013.3.2 视频背景 33113.3.3 摄像头操作 333 第14章HTML5响应式设计 33614.1 响应式设计核心技巧 33614.2 响应式设计案例 33814.2.1 响应式列表 33814. 2.2 响应式内容图片 34114.2.3 响应式背景 34314.2.4 响应式图片34614.2.5 响应式菜单 347 第 3 部分？ HTML5综合案例 第15章 HTML5微信游戏 35415. 1 制作思路 35415.1.1 微信游戏开发基础知识 35415.1.2 微信“520”小游戏策划 35515.2 基础页面开发 35615.2.1 游戏界面设计 35615.2.2 创建HTML页面 35715 2.3 创建CSS样式 35915.3 交互界面开发 36415.3.1 制作界面交互 36415.3.2 制作初始界面交互 36415.3.3 制作音乐控制器 36615.3.4 获取点阵坐标 36715 3.5 制作交互界面 36815.3.6 制作结果界面 37115.4结语 371 第16章 HTML5创意网站 37916.1 制作思路和基本页面开发 37916.1.1 网站规划和设计 37916.1.2 创建网站DOM结构 38016.2 页面美化和交互功能创建 38216.2.1 创建主页样式 38216.2.2 创建二级页面样式38516.2.3 页面切换效果 38916.3 页面细节处理 39116.3.1 产品组合内容页面39116.3.2 兼容性提示 39416.4 总结 395 后记：网页设计变化与体验 403

立即下载