HTML5+CSS3从入门到精通pdf完整扫描版
分享到:
HTML5+CSS3从入门到精通由微软办公软件专家李东博先生编著,是一本面向初学者量身打造HTML5+CSS3自学电子教程。互联网技术日益发展,之前HTML5和CSS3看起来遥不可及,现在很多公司都已经开始运用这些技术了。HTML5+CSS3奠定了打造下一代Web应用基础,这两项技术让网站更易开发,更易维护,更具有友好性。为了顺应时代,紧跟潮流的步伐。想要在互联网发光发热就要不断的学习新的知识,HTML5+CSS3是计算机从业者必学的技术之一。小编分享的这本书,HTML5+CSS3从入门到精通讲述了用HTML5+CSS3设计构建网站的必备知识,内容有:创建HTML5文档,实战HTML5表单,实战HTML5绘画,HTML5音频与视频,Web存储,离线应用,Workers多线程处理,Geolocation地理位置等技术。CSS3部分主要介绍了CSS3概述,CSS选择器,文本、字体与颜色,背景和边框,2D变形,设计动画,网页布局、用户界面简洁,CSS3的其他新特性。HTML5+CSS3从入门到精通内容涵盖了HTML5+CSS3的所有重要特性,通过大量实际案例对HTML5+CSS3的重要特性进行了详细讲解,内容全面丰富,易于理解,能够帮助读者提升实际应用技能。HTML5+CSS3从入门到精通内容翔实、结构清晰、循序渐进,基础知识与案例实战紧密结合,既可作为HTML5+CSS3初学者的入门教材,也适合作为中高级用户对新技术作进一步学习的参考用书。有需要的宝宝们欢迎来3322软件免费下载阅读。
“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。清华社“视频大讲堂”大系该大系包括多个子系列,每个子系列的图书在其同品种的图书中销售名列前茅,其中:4个品种荣获“全行业畅销品种”1个品种荣获2012年清华大学出版社“专业畅销书”一等奖。
绝大多数品种在“全国计算机零售图书排行榜”同品种排行中名列前茅
截至目前该大系累计销售超过55万册
该大系已成为近年来清华社计算机专业基础类零售图书畅销的品牌之一
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一,继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。
本书突出了以下内容:306节大型高清同步视频演示讲解,可反复观摩,让学习更为快捷、高效
220个中小典型实例,通过实例学习更深入,更有趣,更有动力
81个综合实战案例,展现工作过程,积累工作经验
11部网页开发参考手册,CSS2.0参考手册,CSS3.0参考手册,JavaScript参考手册JavaScript核心参考,jQuery1.7中文手册,jQuery1.3参考手册,jQuery1.4参考手册W3CSchool,w3c标准html5手册XHTML参考手册XMLHttp中文参考手册
83类实用网页模版,其中HTML5+CSS3网页模版32类,DIV+CSS3网页模版51类。
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一,执着于专业,精细于品质:
集基础知识、中小实例、实战案例、专业经验于一体
好学、好用、高效
1.1 HTML5概述
1.1.1 HTML5新特性
1.1.2 HTML5组织
1.1.3 HTML5构成
1.2 HTML5设计原理
1.2.1 HTML开发历程
1.2.2 HTML5开发动力
1.2.3 HTML5设计理念
1.3 编写第一个HTML5页面
1.3.1 搭建上机练习环境
1.3.2 检测浏览器是否支持
1.3.3 使用HTML5编写简单的Web页面
1.4 HTML5页面的特征
1.4.1 使用HTML5结构化元素
1.4.2 使用CSS美化HTML5文档
第2章 从HTML、XHTML到HTML5
视频讲解:2小时
2.1 HTML基础
2.1.1 HTML简介
2.1.2 HTML特性
2.1.3 HTML结构
2.1.4 HTML语法
2.1.5 HTML标签
2.1.6 HTML属性
2.2 XHTML基础
2.2.1 XHTML结构
2.2.2 XHTML语法
2.2.3 XHTML类型
2.2.4 DTD解析
2.2.5 命名空间
2.3 HTML5基础
2.3.1 HTML5语法
2.3.2 HTML5元素
2.3.3 HTML5增加及废除的属性
2.3.4 HTML5全局属性
2.3.5 HTML5其他功能
第3章 创建HTML5文档
视频讲解:1小时13分钟
3.1 认识HTML5文档结构
3.2 HTML5元素分类
3.3 构建主体内容
3.3.1 标识文章
3.3.2 给内容分段
3.3.3 设计导航信息
3.3.4 设计辅助信息
3.3.5 设计微格式
3.3.6 添加发布日期
3.4 添加语义模块
3.4.1 添加标题块
3.4.2 给标题分组
3.4.3 添加脚注块
3.4.4 添加联系信息
3.5 综合实战:使用HTML5设计博客主页
3.5.1 设计大纲
3.5.2 设计样式
第4章 实战HTML5表单
视频讲解:1小时08分钟
4.1 新增的input输入类型
4.1.1 email类型的应用
4.1.2 url类型的应用
4.1.3 number类型的应用
4.1.4 range类型的应用
4.1.5 日期检出器类型的应用
4.1.6 search类型的应用
4.1.7 tel类型的应用
4.1.8 color类型的应用
4.2 新增的input属性
4.2.1 新增的autocomplete属性
4.2.2 新增的autofocus属性
4.2.3 新增的form属性
4.2.4 新增的表单重写属性
4.2.5 新增的height与width属性
4.2.6 新增的list属性
4.2.7 新增的min、max和step属性
4.2.8 新增的multiple属性
4.2.9 新增的pattern属性
4.2.10 新增的placeholder属性
4.2.11 新增的required属性
4.3 新增的form元素
4.3.1 新增的datalist元素
4.3.2 新增的keygen元素
4.3.3 新增的output元素
4.4 新增的form属性
4.4.1 新增的autocomplete属性
4.4.2 新增的novalidate属性
第5章 实战HTML5画布
视频讲解:2小时
5.1 认识HTML5 canvas元素
5.1.1 在页面中添加canvas元素
5.1.2 Canvas如何绘制图形
5.1.3 认识Canvas坐标
5.1.4 何时不用Canvas
5.1.5 如果浏览器不支持Canvas
5.1.6 检测浏览器支持
5.2 绘制简单图形
5.2.1 绘制直线
5.2.2 绘制矩形
5.2.3 绘制圆形
5.2.4 绘制三角形
5.2.5 清空画布
5.3 绘制贝塞尔曲线
5.3.1 绘制二次方贝塞尔曲线
5.3.2 绘制三次方贝塞尔曲线
5.4 图形的变换
5.4.1 保存与恢复Canvas状态
5.4.2 移动坐标空间
5.4.3 旋转坐标空间
5.4.4 缩放图形
5.4.5 矩阵变换
5.5 图形的组合与裁切
5.5.1 图形的组合5.5.2 裁切路径
5.6 更多的颜色和样式选项
5.6.1 应用不同的线型
5.6.2 绘制线性渐变
5.6.3 绘制径向渐变
5.6.4 绘制图案
5.6.5 设置图形的透明度
5.6.6 创建阴影
5.7 绘制文字
5.7.1 绘制填充文字
5.7.2 文字相关属性
5.7.3 绘制轮廓文字
5.7.4 测量文字宽度
5.8 操作与使用图像
5.8.1 向Canvas中引入图像
5.8.2 改变图像大小
5.8.3 创建图像切片
第6章 HTML5音频与视频
视频讲解:50分钟
6.1 HTML5多媒体技术概述
6.1.1 关于编解码器
6.1.2 音频编解码器
6.1.3 视频编解码器
6.2 浏览器支持概述
6.2.1 用JavaScript检测音频格式支持情况
6.2.2 用JavaScript检测视频格式支持情况
6.3 在HTML5中播放音频
6.3.1 认识audio元素
6.3.2 播放音频
6.4 在HTML5中播放视频
6.4.1 认识video元素
6.4.2 播放视频
6.5 音频与视频相关属性、方法与事件
6.5.1 音频与视频相关属性
6.5.2 音频与视频相关方法
6.5.3 音频与视频相关事件
6.6 综合实战
6.6.1 用脚本控制音乐播放
6.6.2 查看视频帧画面
第7章 Web存储
视频讲解:1小时20分钟
7.1 认识Web Storage
7.1.1 Cookie存储机制的优缺点
7.1.2 为什么要用Web Storage
7.1.3 Web Storage的优缺点
7.1.4 浏览器支持概述
7.2 使用Web Storage
7.2.1 检查浏览器的支持性
7.2.2 设置和获取数据
7.2.3 防止数据泄露
7.2.4 Web Storage的其他用法
7.2.5 Web Storage事件监测
7.2.6 实例1:设计网页皮肤
7.2.7 实例2:跟踪localStorage数据
7.2.8 实例3:设计计数器
7.2.9 综合应用:Web应用项目实时跟踪
7.3 Web SQL数据库
7.3.1 Web SQL数据库概述
7.3.2 使用Web SQL数据库
7.3.3 实例1:创建简单的本地数据库
7.3.4 实例2:批量存储本地数据
7.3.5 综合应用:Web Storage和Web SQL混合开发
第8章 离线应用
视频讲解:23分钟
8.1 HTML5离线应用概述
8.1.1 为什么要学习HTML5离线应用
8.1.2 浏览器支持概述
8.2 HTML5离线应用详解
8.2.1 解析manifest文件
8.2.2 搭建离线应用程序
8.2.3 检查浏览器是否支持
8.2.4 离线缓存更新实现
8.2.5 JavaScript接口实现
8.2.6 离线存储事件监听
8.3 实战1:缓存首页
8.4 实战2:离线编辑内容
8.5 实战3:离线跟踪
第9章 Workers多线程处理
视频讲解:1小时01分钟
9.1 认识Web Workers
9.1.1 Web Workers概述
9.1.2 浏览器支持概述
9.1.3 熟悉Web Workers成员
9.2 使用Web Workers
9.2.1 检查浏览器支持性
9.2.2 创建Web Workers
9.2.3 与Web Workers通信
9.2.4 使用Web Workers上机练习
9.3 案例实战
9.3.1 使用多线程实现后台运算
9.3.2 在后台过滤值
9.3.3 多任务并发处理
9.3.4 在多线程之间通信
9.3.5 使用线程技术计算Fibonacci数列
9.3.6 使用多线程绘图
9.4 综合应用:模拟退火算法
9.4.1 认识模拟退火算法
9.4.2 编写应用主页面
9.4.3 编写worker.js
9.4.4 与Web Workers通信
第10章 Geolocation地理位置
10.1 位置信息概述
10.1.1 为什么要学习Geolocation
10.1.2 位置信息表示方式
10.1.3 位置信息来源
10.1.4 IP定位
10.1.5 GPS定位
10.1.6 Wi-Fi定位
10.1.7 手机定位
10.1.8 自定义定位
10.2 使用Geolocation API
10.2.1 检查浏览器支持性
10.2.2 获取当前地理位置
10.2.3 监视位置信息
10.2.4 停止获取位置信息
10.2.5 隐私保护
10.2.6 处理位置信息
10.2.7 使用position对象
10.3 案例实战
10.3.1 使用Google地图
10.3.2 跟踪行走速度
第11章 CSS3概述
视频讲解:1小时01分钟
11.1 回顾CSS
11.1.1 CSS发展简史
11.1.2 CSS 1.0和CSS 2.0概述
11.1.3 CSS与DIV标记之缘
11.1.4 CSS编码规范
11.2 了解CSS3新增特性
11.2.1 属性选择器
11.2.2 RBGA 透明度
11.2.3 多栏布局
11.2.4 多背景图片
11.2.5 字符串溢出
11.2.6 块阴影与圆角阴影
11.2.7 圆角
11.2.8 边框图片
11.2.9 形变
11.3 CSS3前景展望
11.3.1 CSS3的应用范围
11.3.2 当前支持CSS3的浏览器
11.4 案例实战:设计漂亮的表单
第12章 CSS选择器
视频讲解:34分钟
12.1 属性选择器
12.1.1 认识属性选择器
12.1.2 案例实战
12.2 结构伪类选择器
12.2.1 认识结构伪类选择器
12.2.2 案例实战
12.3 UI伪类选择器
12.3.1 认识常用UI伪类选择器
12.3.2 案例实战
12.4 其他选择器
第13章 文本、字体与颜色
视频讲解:49分钟
13.1 设计文本阴影
13.1.1 定义text-shadow属性
13.1.2 应用阴影效果
13.1.3 综合实战:设计黑客网站首页
13.2 定义文本样式
13.2.1 文本样式简介
13.2.2 溢出文本
13.2.3 文本换行
13.3 设计颜色样式
13.3.1 使用RGBA颜色值
13.3.2 使用HSL颜色值
13.3.3 使用HSLA颜色值
13.3.4 定义opacity属性
13.3.5 定义transparent颜色值
第14章 背景和边框
视频讲解:1小时09分钟
14.1 设计多色边框
14.1.1 用法详解
14.1.2 案例实战
14.2 设计边框背景
14.2.1 用法详解
14.2.2 案例实战
14.3 设计圆角
14.3.1 用法详解
14.3.2 案例实战:设计椭圆图形
14.4 设计阴影
14.4.1 用法详解
14.4.2 案例实战:设计Windows7界面效果
14.5 设计背景
14.5.1 定义背景坐标
14.5.2 定义背景裁剪区域
14.5.3 定义背景图像大小
14.5.4 定义背景图像循环方式
14.5.5 定义多背景图像
第15章 2D变形
视频讲解:31分钟
15.1 认识transform
15.2 2D变形
15.2.1 旋转动画
15.2.2 缩放动画
15.2.3 移动动画
15.2.4 倾斜动画
15.2.5 变形动画
15.2.6 案例实战:设计涂鸦墙
15.3 自定义变形
15.4 定义复杂变形
第16章 设计动画
视频讲解:1小时20分钟
16.1 平滑过渡
16.1.1 定义过渡属性
16.1.2 定义过渡时间
16.1.3 定义过渡延迟时间
16.1.4 定义过渡效果
16.1.5 案例实战:设计Mac OS导航器
16.2 3D动画
16.2.1 定义动画名称
16.2.2 定义动画时间
16.2.3 定义动画播放方式
16.2.4 定义动画延迟时间
16.2.5 定义动画播放次数
16.2.6 定义动画播放方向
16.2.7 案例实战:设计图片翻转特效
16.3 渐变效果
16.3.1 设计Webkit渐变
16.3.2 Webkit案例实战
16.3.3 设计Gecko渐变
16.3.4 Gecko案例实战
16.3.5 设计IE渐变
16.3.6 设计W3C渐变
16.4 案例综合实战
16.4.1 设计礼品盒
16.4.2 设计折叠面板
16.4.3 设计易拉罐
16.4.4 设计光盘滑动动画
16.4.5 设计下拉菜单
16.4.6 设计精致按钮
第17章 网页布局
视频讲解:40分钟
17.1 设计多列布局
17.2 设置多列显示样式
17.2.1 定义列宽
17.2.2 定义列数
17.2.3 定义列间距
17.2.4 定义列边框样式
17.2.5 定义跨列显示
17.2.6 定义列高度
17.2.7 定义打印列
17.3 设计盒布局
17.4 设置盒布局格式
17.4.1 定义自适应宽度
17.4.2 定义列显示顺序
17.4.3 定义列排列方向
17.4.4 定义模块大小自适应
17.4.5 消除空白
17.4.6 定义对齐方式
17.5 综合实战:设计多列网页
第18章 用户界面
视频讲解:35分钟
18.1 改变盒模型组成方式
18.2 调节元素尺寸
18.3 设计轮廓
18.3.1 定义轮廓线
18.3.2 定义轮廓线宽度
18.3.3 定义轮廓线样式
18.3.4 定义轮廓线颜色
18.3.5 定义轮廓线位移
18.4 设计导航
18.4.1 定义导航顺序
18.4.2 定义方向键控制顺序
18.5 添加显示内容
18.6 恢复默认样式
18.6.1 取消元素样式
18.6.2 慎用initial的情况
第19章 CSS3其他新特性
视频讲解:40分钟
19.1 溢出处理
19.2 自定义字体类型
19.2.1 使用@font-face规则
19.2.2 开放字体
19.3 定义设备类型
19.3.1 认识Media Queries模块
19.3.2 认识@media规则
19.3.3 使用@media规则
19.3.4 在网站中应用@media规则
19.4 添加语音功能
19.5 设计倒影
HTML5+CSS3奠定了打造下一代Web应用的基础,这两项技术可以让网站更易开发、更易维护、更具用户友好性。HTML5被设计为跨平台的技术,只需要一个所有主流操作系统上都有的免费现代浏览器。最新版本的Apple.Safari、Google Chrome、Mozilla Firefox、Opera以及Microsoft Internet Explorer都支持HTML5的许多特性。在iPhone、iPad及Android移动设备上预装的浏览器也都对HTML5提供了极好的支持。
本书系统地讲解了HTML5和CSS3的基础理论和实际运用技术,通过大量实例对HTML5和CSS3进行深入浅出的分析,着重讲解如何用HTML5+CSS3进行Web应用和网页布局。全书注重实际操作,使读者在学习技术的同时,掌握Web开发和设计的精髓,提高综合应用的能力。
本书特色
· 系统的基础知识
本书系统地讲解了HTML5+CSS3技术在网页设计中各种应用的知识,从为什么要用HTML5开始讲解,循序渐进,配合大量实例帮助读者奠定坚实的理论基础,做到知其所以然。
· 大量的案例实战
本书设置大量应用实例,重点强调具体技术的灵活应用,并且全书结合了作者长期的网页设计制作和教学经验,使读者真正做到学以致用。
· 深入解剖HTML5+CSS3应用开发和布局
本书用相当多的篇幅重点介绍了用HTML5+CSS3进行应用开发和布局的方法和技巧,配合经典的布局案例,帮助读者掌握HTML5+CSS3最核心的应用技术。
· 精选综合实例
本书每章都会精选多个常见Web开发和设计的综合实例,帮助读者总结前面所学知识,综合应用各种技术、方法和技巧,提高读者综合应用的能力。
本书内容
本书分为两大部分,共19章,具体结构划分如下。
第一部分:HTML5部分,包括第1章~第10章。这部分主要介绍了HTML5相关基础知识,包括HTML5概述、Web开发历史、HTML5文档结构异同与创建HTML5文档、设计HTML5表单、使用HTML5绘画、HTML5音频与视频、如何实现Web本地存储、如何实现Web离线应用、如何设计多线程应用、如何实现移动互联网中地图定位等技术。
第二部分:CSS3部分,包括第11章~第19章。这部分主要讲解了CSS3的新特性和新用法,以实现在简单的代码中能够设计更加精彩的网页效果。主要内容包括CSS3概述,CSS选择器,定义文本、字体与颜色,设计背景和边框,使用2D变形,设计动画,设计多列和流动网页布局,优化用户界面以及CSS3的其他新特性。
本书读者
· 希望系统学习网页设计、网站制作的初学者、进阶者
· 从事网页设计制作和网站建设的专业人士
· 各大中专院校相关专业的老师、学生
· 相关培训机构的学员
本书约定
本书主要面向熟悉HTML和CSS的Web开发人员。初学者也可以从本书获益,读者还应该具备基本的HTML、CSS、JavaScript知识,我们会用这些知识来创建各种应用方案。
本书中上机练习的示例要用到Firefox、Chrome和Opera浏览器,因此,为了测试所有内容,读者需要安装上述所有类型的最新版本浏览器,因为各种浏览器的实现都稍有差异。
读者还需要安装Internet.Explorer来测试自己的站点,以便确保示例的兼容性。如需针对不同版本的Internet.Explorer测试示例,可以下载IE.Tester.Windows版,因为它可同时支持IE6、IE7和IE8。对于非Windows用户,可以考虑使用VirtualBox或者VMware等虚拟机,或者使用CrossBrowserTesting 和MogoTest 等服务。
为了给读者提供更多的学习资源,同时弥补本书篇幅有限的遗憾,本书提供了很多参考链接,许多本书中无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接地址会因时间而有所变动或调整,所以在此说明,这些链接地址仅供参考,无法保证这些地址都是长期有效的。
本书所列的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作系统平台、浏览器版本等不同而引起的,在此特别说明,读者应该以实际情况为准。
为了帮助读者快速上手,在一般情况下,读者可以在程序和文档中自由使用本书中的示例代码。
编 者
9.1认识Web.Workers
Web.Workers为网页脚本提供了一种能在后台进程中运行的方法。当创建WoOer对象后,WebwbrkerS就可以通过postMessage方法向任务池发送任务请求,执行完之后再通过postMessage返回消息给创建者指定的事件处理程序,然后通过onmessage捕获返回消息,实现前后台数据的交互。
9.1.1Web.Workers概述 在Web应用程序中,Web.WoOers是一项后台处理技术。在此之前使用JavaScript创建的W曲程序中,因为所有的处理都是在单线程内执行,所以如果脚本所需运行时间太长,程序界面会长时间处于停止响应状态,甚至当等待时间超出一定的限度,浏览器会提示脚本运行时间过长需要中断正在执行的处理。
为了解决这个问题,HTML5新增了一个Web.WorkersAPI。使用这个API,用户可以很容易地创建在后台运行的线程,这个线程被称为Worker,如果将可能耗费较长时间的处理交给后台执行,则对用户在前台页面中执行的操作没有影响。 尽管Web.Workers功能强大,但也不是万能的,例如,在Web.Workers中执行的脚本不能访问该页面的window对象,因此Web.Workers不能直接访问Web页面和DOM.API,虽然Web.Workers不会导致浏览器UI停止响应,但是仍然会消耗CPU周期,导致系统反应速度变慢。
如果开发人员创建的Web应用程序需要执行一些后台数据处理,但又不希望这些数据处理任务影响Web页面本身的交互性,那么可以通过Web.Workers生成一个WoOer去执行数据处理任务。同时添加一个事件监听器进行监听,并与之进行数据交互。
Web.Workers的另一个用途是可以监听由后台服务器广播的消息,收到后台服务器的消息后,将其显示在Web页面上。这种与后台服务器对话的场景,Web.Workers可能会使用到Web.Sockets或Server—Sent事件。
Web.Workers接口可以创建真正的系统级别的进程,还可以使用XMLHttpRequest来处理I/O,无论responseXML和channel属性是否为null。使用它可以很容易设计并发操作效果,这将会很有趣。例如,在做网站下载的时候使用Worker,或者使用Worker实现处理扩展功能。
注意:后台进程(包括Web Workers进程)不能对DOM进行操作。如果希望后台程序处理的结果能够改变DOM,只能通过返回消息给创建者的回调函数进行处理。
Web.Workers能够为用户做些什么?
加载一个JavaScript文件,进行大量的复杂计算,而不挂起主进程,并通过postMessage和onMessage进行通信。
可以在WoOer中通过importScripts(url)方法加载JavaScript脚本文件。 可以使用setTimeout()、clearTimeout()、setInterval()和clearInterval()。 可以使用XMLHttpRequest进行异步请求。 可以访问navigator的部分属性。
可以使用JavaScript核心对象。
web.Workers的局限性:不能跨域加载JavaScriot。
......
ISBN:9787508647913
版次:1
商品编码:11563265
品牌:中信出版
包装:精装
开本:16开
出版时间:2016-01-01
用纸:纯质纸
正文语种:中文
1、下载并解压,得出pdf文件
2、如果打不开本文件,请务必在3322软件站选择一款阅读器下载
3、安装后,在打开解压得出的pdf文件
4、双击进行阅读
方法二:
1、在手机里下载3322软件站中的阅读器和百度网盘
2、直接将pdf传输到百度网盘
3、用阅读器打开即可阅读
HTML5+CSS3从入门到精通禁用于商业用途!如果您喜欢《HTML5+CSS3从入门到精通》,请购买正版,谢谢合作。
爱学习,请到3322软件站查找资源自行下载!
HTML5+CSS3从入门到精通编辑推荐:
适读人群 :HTML5+CSS3初学者“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。清华社“视频大讲堂”大系该大系包括多个子系列,每个子系列的图书在其同品种的图书中销售名列前茅,其中:4个品种荣获“全行业畅销品种”1个品种荣获2012年清华大学出版社“专业畅销书”一等奖。
绝大多数品种在“全国计算机零售图书排行榜”同品种排行中名列前茅
截至目前该大系累计销售超过55万册
该大系已成为近年来清华社计算机专业基础类零售图书畅销的品牌之一
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一,继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。
本书突出了以下内容:306节大型高清同步视频演示讲解,可反复观摩,让学习更为快捷、高效
220个中小典型实例,通过实例学习更深入,更有趣,更有动力
81个综合实战案例,展现工作过程,积累工作经验
11部网页开发参考手册,CSS2.0参考手册,CSS3.0参考手册,JavaScript参考手册JavaScript核心参考,jQuery1.7中文手册,jQuery1.3参考手册,jQuery1.4参考手册W3CSchool,w3c标准html5手册XHTML参考手册XMLHttp中文参考手册
83类实用网页模版,其中HTML5+CSS3网页模版32类,DIV+CSS3网页模版51类。
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一,执着于专业,精细于品质:
集基础知识、中小实例、实战案例、专业经验于一体
好学、好用、高效
HTML5+CSS3从入门到精通作者简介:
李东博,获得过微软办公软件专家、Adobe平面设计师、平面设计讲师认证,曾任山东省济南市计算机协会网络教育中心教学主任/讲师,主讲Photoshop、Illustrator、PageMaker、Acrobat、Dreamweaver、Flash、Fireworks等课程。曾在青岛银河网络教育中心主办两期Adobe平面设计培训班、在青岛倍来通电脑培训中心主讲Office办公软件及Adobe平面设计软件、担任青岛本色广告公司培训部平面设计讲师等。另外,长期在天极网、eNet、IT168、太平洋电脑网及一些电脑类报纸杂志发表新技术教程文章。HTML5+CSS3从入门到精通目录:
第1章 Web开发新时代1.1 HTML5概述
1.1.1 HTML5新特性
1.1.2 HTML5组织
1.1.3 HTML5构成
1.2 HTML5设计原理
1.2.1 HTML开发历程
1.2.2 HTML5开发动力
1.2.3 HTML5设计理念
1.3 编写第一个HTML5页面
1.3.1 搭建上机练习环境
1.3.2 检测浏览器是否支持
1.3.3 使用HTML5编写简单的Web页面
1.4 HTML5页面的特征
1.4.1 使用HTML5结构化元素
1.4.2 使用CSS美化HTML5文档
第2章 从HTML、XHTML到HTML5
视频讲解:2小时
2.1 HTML基础
2.1.1 HTML简介
2.1.2 HTML特性
2.1.3 HTML结构
2.1.4 HTML语法
2.1.5 HTML标签
2.1.6 HTML属性
2.2 XHTML基础
2.2.1 XHTML结构
2.2.2 XHTML语法
2.2.3 XHTML类型
2.2.4 DTD解析
2.2.5 命名空间
2.3 HTML5基础
2.3.1 HTML5语法
2.3.2 HTML5元素
2.3.3 HTML5增加及废除的属性
2.3.4 HTML5全局属性
2.3.5 HTML5其他功能
第3章 创建HTML5文档
视频讲解:1小时13分钟
3.1 认识HTML5文档结构
3.2 HTML5元素分类
3.3 构建主体内容
3.3.1 标识文章
3.3.2 给内容分段
3.3.3 设计导航信息
3.3.4 设计辅助信息
3.3.5 设计微格式
3.3.6 添加发布日期
3.4 添加语义模块
3.4.1 添加标题块
3.4.2 给标题分组
3.4.3 添加脚注块
3.4.4 添加联系信息
3.5 综合实战:使用HTML5设计博客主页
3.5.1 设计大纲
3.5.2 设计样式
第4章 实战HTML5表单
视频讲解:1小时08分钟
4.1 新增的input输入类型
4.1.1 email类型的应用
4.1.2 url类型的应用
4.1.3 number类型的应用
4.1.4 range类型的应用
4.1.5 日期检出器类型的应用
4.1.6 search类型的应用
4.1.7 tel类型的应用
4.1.8 color类型的应用
4.2 新增的input属性
4.2.1 新增的autocomplete属性
4.2.2 新增的autofocus属性
4.2.3 新增的form属性
4.2.4 新增的表单重写属性
4.2.5 新增的height与width属性
4.2.6 新增的list属性
4.2.7 新增的min、max和step属性
4.2.8 新增的multiple属性
4.2.9 新增的pattern属性
4.2.10 新增的placeholder属性
4.2.11 新增的required属性
4.3 新增的form元素
4.3.1 新增的datalist元素
4.3.2 新增的keygen元素
4.3.3 新增的output元素
4.4 新增的form属性
4.4.1 新增的autocomplete属性
4.4.2 新增的novalidate属性
第5章 实战HTML5画布
视频讲解:2小时
5.1 认识HTML5 canvas元素
5.1.1 在页面中添加canvas元素
5.1.2 Canvas如何绘制图形
5.1.3 认识Canvas坐标
5.1.4 何时不用Canvas
5.1.5 如果浏览器不支持Canvas
5.1.6 检测浏览器支持
5.2 绘制简单图形
5.2.1 绘制直线
5.2.2 绘制矩形
5.2.3 绘制圆形
5.2.4 绘制三角形
5.2.5 清空画布
5.3 绘制贝塞尔曲线
5.3.1 绘制二次方贝塞尔曲线
5.3.2 绘制三次方贝塞尔曲线
5.4 图形的变换
5.4.1 保存与恢复Canvas状态
5.4.2 移动坐标空间
5.4.3 旋转坐标空间
5.4.4 缩放图形
5.4.5 矩阵变换
5.5 图形的组合与裁切
5.5.1 图形的组合5.5.2 裁切路径
5.6 更多的颜色和样式选项
5.6.1 应用不同的线型
5.6.2 绘制线性渐变
5.6.3 绘制径向渐变
5.6.4 绘制图案
5.6.5 设置图形的透明度
5.6.6 创建阴影
5.7 绘制文字
5.7.1 绘制填充文字
5.7.2 文字相关属性
5.7.3 绘制轮廓文字
5.7.4 测量文字宽度
5.8 操作与使用图像
5.8.1 向Canvas中引入图像
5.8.2 改变图像大小
5.8.3 创建图像切片
第6章 HTML5音频与视频
视频讲解:50分钟
6.1 HTML5多媒体技术概述
6.1.1 关于编解码器
6.1.2 音频编解码器
6.1.3 视频编解码器
6.2 浏览器支持概述
6.2.1 用JavaScript检测音频格式支持情况
6.2.2 用JavaScript检测视频格式支持情况
6.3 在HTML5中播放音频
6.3.1 认识audio元素
6.3.2 播放音频
6.4 在HTML5中播放视频
6.4.1 认识video元素
6.4.2 播放视频
6.5 音频与视频相关属性、方法与事件
6.5.1 音频与视频相关属性
6.5.2 音频与视频相关方法
6.5.3 音频与视频相关事件
6.6 综合实战
6.6.1 用脚本控制音乐播放
6.6.2 查看视频帧画面
第7章 Web存储
视频讲解:1小时20分钟
7.1 认识Web Storage
7.1.1 Cookie存储机制的优缺点
7.1.2 为什么要用Web Storage
7.1.3 Web Storage的优缺点
7.1.4 浏览器支持概述
7.2 使用Web Storage
7.2.1 检查浏览器的支持性
7.2.2 设置和获取数据
7.2.3 防止数据泄露
7.2.4 Web Storage的其他用法
7.2.5 Web Storage事件监测
7.2.6 实例1:设计网页皮肤
7.2.7 实例2:跟踪localStorage数据
7.2.8 实例3:设计计数器
7.2.9 综合应用:Web应用项目实时跟踪
7.3 Web SQL数据库
7.3.1 Web SQL数据库概述
7.3.2 使用Web SQL数据库
7.3.3 实例1:创建简单的本地数据库
7.3.4 实例2:批量存储本地数据
7.3.5 综合应用:Web Storage和Web SQL混合开发
第8章 离线应用
视频讲解:23分钟
8.1 HTML5离线应用概述
8.1.1 为什么要学习HTML5离线应用
8.1.2 浏览器支持概述
8.2 HTML5离线应用详解
8.2.1 解析manifest文件
8.2.2 搭建离线应用程序
8.2.3 检查浏览器是否支持
8.2.4 离线缓存更新实现
8.2.5 JavaScript接口实现
8.2.6 离线存储事件监听
8.3 实战1:缓存首页
8.4 实战2:离线编辑内容
8.5 实战3:离线跟踪
第9章 Workers多线程处理
视频讲解:1小时01分钟
9.1 认识Web Workers
9.1.1 Web Workers概述
9.1.2 浏览器支持概述
9.1.3 熟悉Web Workers成员
9.2 使用Web Workers
9.2.1 检查浏览器支持性
9.2.2 创建Web Workers
9.2.3 与Web Workers通信
9.2.4 使用Web Workers上机练习
9.3 案例实战
9.3.1 使用多线程实现后台运算
9.3.2 在后台过滤值
9.3.3 多任务并发处理
9.3.4 在多线程之间通信
9.3.5 使用线程技术计算Fibonacci数列
9.3.6 使用多线程绘图
9.4 综合应用:模拟退火算法
9.4.1 认识模拟退火算法
9.4.2 编写应用主页面
9.4.3 编写worker.js
9.4.4 与Web Workers通信
第10章 Geolocation地理位置
10.1 位置信息概述
10.1.1 为什么要学习Geolocation
10.1.2 位置信息表示方式
10.1.3 位置信息来源
10.1.4 IP定位
10.1.5 GPS定位
10.1.6 Wi-Fi定位
10.1.7 手机定位
10.1.8 自定义定位
10.2 使用Geolocation API
10.2.1 检查浏览器支持性
10.2.2 获取当前地理位置
10.2.3 监视位置信息
10.2.4 停止获取位置信息
10.2.5 隐私保护
10.2.6 处理位置信息
10.2.7 使用position对象
10.3 案例实战
10.3.1 使用Google地图
10.3.2 跟踪行走速度
第11章 CSS3概述
视频讲解:1小时01分钟
11.1 回顾CSS
11.1.1 CSS发展简史
11.1.2 CSS 1.0和CSS 2.0概述
11.1.3 CSS与DIV标记之缘
11.1.4 CSS编码规范
11.2 了解CSS3新增特性
11.2.1 属性选择器
11.2.2 RBGA 透明度
11.2.3 多栏布局
11.2.4 多背景图片
11.2.5 字符串溢出
11.2.6 块阴影与圆角阴影
11.2.7 圆角
11.2.8 边框图片
11.2.9 形变
11.3 CSS3前景展望
11.3.1 CSS3的应用范围
11.3.2 当前支持CSS3的浏览器
11.4 案例实战:设计漂亮的表单
第12章 CSS选择器
视频讲解:34分钟
12.1 属性选择器
12.1.1 认识属性选择器
12.1.2 案例实战
12.2 结构伪类选择器
12.2.1 认识结构伪类选择器
12.2.2 案例实战
12.3 UI伪类选择器
12.3.1 认识常用UI伪类选择器
12.3.2 案例实战
12.4 其他选择器
第13章 文本、字体与颜色
视频讲解:49分钟
13.1 设计文本阴影
13.1.1 定义text-shadow属性
13.1.2 应用阴影效果
13.1.3 综合实战:设计黑客网站首页
13.2 定义文本样式
13.2.1 文本样式简介
13.2.2 溢出文本
13.2.3 文本换行
13.3 设计颜色样式
13.3.1 使用RGBA颜色值
13.3.2 使用HSL颜色值
13.3.3 使用HSLA颜色值
13.3.4 定义opacity属性
13.3.5 定义transparent颜色值
第14章 背景和边框
视频讲解:1小时09分钟
14.1 设计多色边框
14.1.1 用法详解
14.1.2 案例实战
14.2 设计边框背景
14.2.1 用法详解
14.2.2 案例实战
14.3 设计圆角
14.3.1 用法详解
14.3.2 案例实战:设计椭圆图形
14.4 设计阴影
14.4.1 用法详解
14.4.2 案例实战:设计Windows7界面效果
14.5 设计背景
14.5.1 定义背景坐标
14.5.2 定义背景裁剪区域
14.5.3 定义背景图像大小
14.5.4 定义背景图像循环方式
14.5.5 定义多背景图像
第15章 2D变形
视频讲解:31分钟
15.1 认识transform
15.2 2D变形
15.2.1 旋转动画
15.2.2 缩放动画
15.2.3 移动动画
15.2.4 倾斜动画
15.2.5 变形动画
15.2.6 案例实战:设计涂鸦墙
15.3 自定义变形
15.4 定义复杂变形
第16章 设计动画
视频讲解:1小时20分钟
16.1 平滑过渡
16.1.1 定义过渡属性
16.1.2 定义过渡时间
16.1.3 定义过渡延迟时间
16.1.4 定义过渡效果
16.1.5 案例实战:设计Mac OS导航器
16.2 3D动画
16.2.1 定义动画名称
16.2.2 定义动画时间
16.2.3 定义动画播放方式
16.2.4 定义动画延迟时间
16.2.5 定义动画播放次数
16.2.6 定义动画播放方向
16.2.7 案例实战:设计图片翻转特效
16.3 渐变效果
16.3.1 设计Webkit渐变
16.3.2 Webkit案例实战
16.3.3 设计Gecko渐变
16.3.4 Gecko案例实战
16.3.5 设计IE渐变
16.3.6 设计W3C渐变
16.4 案例综合实战
16.4.1 设计礼品盒
16.4.2 设计折叠面板
16.4.3 设计易拉罐
16.4.4 设计光盘滑动动画
16.4.5 设计下拉菜单
16.4.6 设计精致按钮
第17章 网页布局
视频讲解:40分钟
17.1 设计多列布局
17.2 设置多列显示样式
17.2.1 定义列宽
17.2.2 定义列数
17.2.3 定义列间距
17.2.4 定义列边框样式
17.2.5 定义跨列显示
17.2.6 定义列高度
17.2.7 定义打印列
17.3 设计盒布局
17.4 设置盒布局格式
17.4.1 定义自适应宽度
17.4.2 定义列显示顺序
17.4.3 定义列排列方向
17.4.4 定义模块大小自适应
17.4.5 消除空白
17.4.6 定义对齐方式
17.5 综合实战:设计多列网页
第18章 用户界面
视频讲解:35分钟
18.1 改变盒模型组成方式
18.2 调节元素尺寸
18.3 设计轮廓
18.3.1 定义轮廓线
18.3.2 定义轮廓线宽度
18.3.3 定义轮廓线样式
18.3.4 定义轮廓线颜色
18.3.5 定义轮廓线位移
18.4 设计导航
18.4.1 定义导航顺序
18.4.2 定义方向键控制顺序
18.5 添加显示内容
18.6 恢复默认样式
18.6.1 取消元素样式
18.6.2 慎用initial的情况
第19章 CSS3其他新特性
视频讲解:40分钟
19.1 溢出处理
19.2 自定义字体类型
19.2.1 使用@font-face规则
19.2.2 开放字体
19.3 定义设备类型
19.3.1 认识Media Queries模块
19.3.2 认识@media规则
19.3.3 使用@media规则
19.3.4 在网站中应用@media规则
19.4 添加语音功能
19.5 设计倒影
HTML5+CSS3从入门到精通前言/序言:
互联网技术日新月异。2011年以前,HTML5和CSS3看起来还遥不可及,如今很多公司都已经开始运用这些技术了,Chrome、Safari、Firefox和Opera等主流浏览器已经开始逐步实现对它们的支持。从前端开发技术看,互联网发展经历了三个阶段:第一阶段是Web1.0的以内容为主的网络,主流技术是HTML和CSS;第二阶段是Web2.0的Ajax应用,热门技术是JavaScript/DOM/异步数据请求;第三阶段是即将迎来的HTML5+CSS3技术,这两者相辅相成,使互联网又进入了一个崭新的时代。HTML5+CSS3奠定了打造下一代Web应用的基础,这两项技术可以让网站更易开发、更易维护、更具用户友好性。HTML5被设计为跨平台的技术,只需要一个所有主流操作系统上都有的免费现代浏览器。最新版本的Apple.Safari、Google Chrome、Mozilla Firefox、Opera以及Microsoft Internet Explorer都支持HTML5的许多特性。在iPhone、iPad及Android移动设备上预装的浏览器也都对HTML5提供了极好的支持。
本书系统地讲解了HTML5和CSS3的基础理论和实际运用技术,通过大量实例对HTML5和CSS3进行深入浅出的分析,着重讲解如何用HTML5+CSS3进行Web应用和网页布局。全书注重实际操作,使读者在学习技术的同时,掌握Web开发和设计的精髓,提高综合应用的能力。
本书特色
· 系统的基础知识
本书系统地讲解了HTML5+CSS3技术在网页设计中各种应用的知识,从为什么要用HTML5开始讲解,循序渐进,配合大量实例帮助读者奠定坚实的理论基础,做到知其所以然。
· 大量的案例实战
本书设置大量应用实例,重点强调具体技术的灵活应用,并且全书结合了作者长期的网页设计制作和教学经验,使读者真正做到学以致用。
· 深入解剖HTML5+CSS3应用开发和布局
本书用相当多的篇幅重点介绍了用HTML5+CSS3进行应用开发和布局的方法和技巧,配合经典的布局案例,帮助读者掌握HTML5+CSS3最核心的应用技术。
· 精选综合实例
本书每章都会精选多个常见Web开发和设计的综合实例,帮助读者总结前面所学知识,综合应用各种技术、方法和技巧,提高读者综合应用的能力。
本书内容
本书分为两大部分,共19章,具体结构划分如下。
第一部分:HTML5部分,包括第1章~第10章。这部分主要介绍了HTML5相关基础知识,包括HTML5概述、Web开发历史、HTML5文档结构异同与创建HTML5文档、设计HTML5表单、使用HTML5绘画、HTML5音频与视频、如何实现Web本地存储、如何实现Web离线应用、如何设计多线程应用、如何实现移动互联网中地图定位等技术。
第二部分:CSS3部分,包括第11章~第19章。这部分主要讲解了CSS3的新特性和新用法,以实现在简单的代码中能够设计更加精彩的网页效果。主要内容包括CSS3概述,CSS选择器,定义文本、字体与颜色,设计背景和边框,使用2D变形,设计动画,设计多列和流动网页布局,优化用户界面以及CSS3的其他新特性。
本书读者
· 希望系统学习网页设计、网站制作的初学者、进阶者
· 从事网页设计制作和网站建设的专业人士
· 各大中专院校相关专业的老师、学生
· 相关培训机构的学员
本书约定
本书主要面向熟悉HTML和CSS的Web开发人员。初学者也可以从本书获益,读者还应该具备基本的HTML、CSS、JavaScript知识,我们会用这些知识来创建各种应用方案。
本书中上机练习的示例要用到Firefox、Chrome和Opera浏览器,因此,为了测试所有内容,读者需要安装上述所有类型的最新版本浏览器,因为各种浏览器的实现都稍有差异。
读者还需要安装Internet.Explorer来测试自己的站点,以便确保示例的兼容性。如需针对不同版本的Internet.Explorer测试示例,可以下载IE.Tester.Windows版,因为它可同时支持IE6、IE7和IE8。对于非Windows用户,可以考虑使用VirtualBox或者VMware等虚拟机,或者使用CrossBrowserTesting 和MogoTest 等服务。
为了给读者提供更多的学习资源,同时弥补本书篇幅有限的遗憾,本书提供了很多参考链接,许多本书中无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接地址会因时间而有所变动或调整,所以在此说明,这些链接地址仅供参考,无法保证这些地址都是长期有效的。
本书所列的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作系统平台、浏览器版本等不同而引起的,在此特别说明,读者应该以实际情况为准。
为了帮助读者快速上手,在一般情况下,读者可以在程序和文档中自由使用本书中的示例代码。
编 者
HTML5+CSS3从入门到精通精彩书摘:
......9.1认识Web.Workers
Web.Workers为网页脚本提供了一种能在后台进程中运行的方法。当创建WoOer对象后,WebwbrkerS就可以通过postMessage方法向任务池发送任务请求,执行完之后再通过postMessage返回消息给创建者指定的事件处理程序,然后通过onmessage捕获返回消息,实现前后台数据的交互。
9.1.1Web.Workers概述 在Web应用程序中,Web.WoOers是一项后台处理技术。在此之前使用JavaScript创建的W曲程序中,因为所有的处理都是在单线程内执行,所以如果脚本所需运行时间太长,程序界面会长时间处于停止响应状态,甚至当等待时间超出一定的限度,浏览器会提示脚本运行时间过长需要中断正在执行的处理。
为了解决这个问题,HTML5新增了一个Web.WorkersAPI。使用这个API,用户可以很容易地创建在后台运行的线程,这个线程被称为Worker,如果将可能耗费较长时间的处理交给后台执行,则对用户在前台页面中执行的操作没有影响。 尽管Web.Workers功能强大,但也不是万能的,例如,在Web.Workers中执行的脚本不能访问该页面的window对象,因此Web.Workers不能直接访问Web页面和DOM.API,虽然Web.Workers不会导致浏览器UI停止响应,但是仍然会消耗CPU周期,导致系统反应速度变慢。
如果开发人员创建的Web应用程序需要执行一些后台数据处理,但又不希望这些数据处理任务影响Web页面本身的交互性,那么可以通过Web.Workers生成一个WoOer去执行数据处理任务。同时添加一个事件监听器进行监听,并与之进行数据交互。
Web.Workers的另一个用途是可以监听由后台服务器广播的消息,收到后台服务器的消息后,将其显示在Web页面上。这种与后台服务器对话的场景,Web.Workers可能会使用到Web.Sockets或Server—Sent事件。
Web.Workers接口可以创建真正的系统级别的进程,还可以使用XMLHttpRequest来处理I/O,无论responseXML和channel属性是否为null。使用它可以很容易设计并发操作效果,这将会很有趣。例如,在做网站下载的时候使用Worker,或者使用Worker实现处理扩展功能。
注意:后台进程(包括Web Workers进程)不能对DOM进行操作。如果希望后台程序处理的结果能够改变DOM,只能通过返回消息给创建者的回调函数进行处理。
Web.Workers能够为用户做些什么?
加载一个JavaScript文件,进行大量的复杂计算,而不挂起主进程,并通过postMessage和onMessage进行通信。
可以在WoOer中通过importScripts(url)方法加载JavaScript脚本文件。 可以使用setTimeout()、clearTimeout()、setInterval()和clearInterval()。 可以使用XMLHttpRequest进行异步请求。 可以访问navigator的部分属性。
可以使用JavaScript核心对象。
web.Workers的局限性:不能跨域加载JavaScriot。
......
HTML5+CSS3从入门到精通简介:
出版社: 中信出版社,中信出版集团ISBN:9787508647913
版次:1
商品编码:11563265
品牌:中信出版
包装:精装
开本:16开
出版时间:2016-01-01
用纸:纯质纸
正文语种:中文
使用说明:
方法一:1、下载并解压,得出pdf文件
2、如果打不开本文件,请务必在3322软件站选择一款阅读器下载
3、安装后,在打开解压得出的pdf文件
4、双击进行阅读
方法二:
1、在手机里下载3322软件站中的阅读器和百度网盘
2、直接将pdf传输到百度网盘
3、用阅读器打开即可阅读
免责声明:
HTML5+CSS3从入门到精通来源于网络,仅用于分享知识,学习和交流!请下载完在24小时内删除。HTML5+CSS3从入门到精通禁用于商业用途!如果您喜欢《HTML5+CSS3从入门到精通》,请购买正版,谢谢合作。
爱学习,请到3322软件站查找资源自行下载!
展开更多
HTML5+CSS3从入门到精通pdf完整扫描版下载地址
- 需先下载高速下载器:
- 专用下载:
- 其它下载: