新書推薦:
《
鸣沙丛书·鼎革:南北议和与清帝退位
》
售價:NT$
551.0
《
从康德到黑格尔的发展:兼论宗教哲学(英国观念论名著译丛)
》
售價:NT$
275.0
《
突破不可能:用特工思维提升领导力
》
售價:NT$
352.0
《
王阳明大传:知行合一的心学智慧(精装典藏版)
》
售價:NT$
1010.0
《
失衡与重塑——百年变局下的中国与世界经济
》
售價:NT$
602.0
《
不被定义的年龄:积极年龄观让我们更快乐、健康、长寿
》
售價:NT$
352.0
《
南方谈话:邓小平在1992
》
售價:NT$
367.0
《
纷纭万端 : 近代中国的思想与社会
》
售價:NT$
500.0
|
內容簡介: |
本书循序渐进地介绍了使用HTML5与CSS3创建Web应用的专业知识,共23章。第1章到第14章主要介绍了HTML5的相关基础知识,包括学习前的准备,HTML5元素、属性和格式化的应用,HTML5视频和音频的应用和控制,使用Canvas和SVG绘制图形,表单与文件API操作,拖放与桌面通知API操作,本地存储与离线应用,多线程与WebSockets编程的技术。第15章到第22章主要介绍了CSS3的特性与用法,包括CSS基础知识,CSS选择器,使用CSS插入内容,设置文本样式、图片样式、背景样式、表单样式、超链接样式和鼠标样式,以及CSS3中滤镜的使用方法等。最后一章通过两个项目案例,对本书所讲内容进行回顾和总结,以提高读者的实战技能。
|
目錄:
|
目 录前言 第1章 HTML 5 + CSS 3学习准备1.1 学习准备31.1.1 选择合适的浏览器31.1.2 选择合适的开发工具31.2 HTML 5——新一代HTML标准31.2.1 HTML 5语法41.2.2 新增与废除的元素和属性51.2.3 全局属性101.2.4 HTML 5中新增的API13测试题14本章小结14第2章 HTML元素、属性与结构2.1 HTML 元素172.1.1 HTML元素概述172.1.2 HTML元素的语法172.1.3 HTML元素的嵌套182.2 HTML 5属性192.2.1 属性的基本使用方法192.2.2 HTML 5全局属性192.3 新增的主体结构元素262.3.1 article元素262.3.2 section元素272.3.3 nav元素282.3.4 aside元素282.3.5 time元素302.4 新增的非主体结构元素312.4.1 header元素312.4.2 hgroup元素322.4.3 footer元素322.4.4 address元素332.5 HTML 5结构332.5.1 文档结构大纲332.5.2 内容区块的编排方式332.5.3 标题分级34测试题34本章小结35第3章 HTML 5音频和视频3.1 Web视频的标准与格式383.2 videoaudio元素概述383.3 检测浏览器是否支持HTML 5视频393.4 实例:在HTML 5中显示视频音频403.5 video元素与audio元素详解423.5.1 videoaudio属性423.5.2 videoaudio方法443.5.3 videoaudio事件45测试题47本章小结47第4章 HTML 5 Canvas4.1 Canvas基础入门504.1.1 什么是Canvas504.1.2 实例:在HTML 5页面中添加Canvas元素504.1.3 实例:绘制一个蓝色的矩形514.2 绘制基本线条524.2.1 实例:绘制直线524.2.2 实例:绘制二次曲线534.2.3 实例:绘制贝塞尔曲线544.2.4 实例:绘制圆弧554.3 绘制简单形状564.3.1 实例:绘制圆形564.3.2 实例:绘制三角形574.3.3 实例:绘制圆角矩形584.3.4 实例:绘制自定义图形604.4 绘制渐变614.4.1 实例:绘制线性渐变614.4.2 实例:绘制径向渐变624.5 图形组合644.5.1 实例:绘制阴影644.5.2 实例:透明效果654.6 使用图像664.6.1 实例:插入图像664.6.2 实例:平铺图像674.6.3 实例:裁剪图像684.6.4 实例:像素级操作704.7 绘制文字714.7.1 实例:控制文本的字体、大小和样式714.7.2 实例:控制文本的颜色734.7.3 实例:描绘文本的边缘744.7.4 实例:设置文本对齐方式754.8 图像数据与URL764.8.1 存储图像数据764.8.2 将彩色转为灰度774.8.3 图像数据URL784.8.4 将绘制的图形保存为图像文件794.9 用Canvas实现动画效果804.9.1 实例:清除Canvas的内容804.9.2 实例:创建动画814.9.3 动画的开始与停止834.10 实战演练83测试题88本章小结88第5章 HTML 5 SVG5.1 SVG简介915.1.1 什么是SVG915.1.2 SVG有哪些优势915.2 HTML 5中的SVG915.2.1 实例:将SVG直接嵌入HTML 5页面925.2.2 实例:绘制简单的形状935.2.3 实例:复用内容945.2.4 实例:图形阴影955.2.5 实例:图形渐变965.2.6 实例:绘制自由路径985.3 画布与SVG的比较99测试题100本章小结100第6章 Form API6.1 新增的input输入类型1036.1.1 email类型1036.1.2 url类型1046.1.3 number类型1056.1.4 range类型1056.1.5 date pickers类型1066.1.6 search类型1076.1.7 color类型1086.2 新增的表单元素1086.2.1 datalist元素1096.2.2 keygen元素1106.2.3 output元素1106.3 新增的表单属性1116.3.1 autocomplete属性1116.3.2 novalidate属性1126.4 新增的input属性1126.4.1 autocomplete属性1136.4.2 autofocus属性1136.4.3 form属性1136.4.4 表单重写属性 overrides1136.4.5 height 和 width属性1146.4.6 list属性1146.4.7 min、max 和 step属性1146.4.8 multiple属性1156.4.9 pattern属性1156.4.10 placeholder属性1156.4.11 required属性115测试题116本章小结116第7章 File API7.1 Blob对象1197.2 File对象与FileList对象1207.3 FileReader对象1217.3.1 FileReader对象的方法1217.3.2 FileReader对象的事件1227.3.3 实例:以二进制方式读取文件1227.3.4 实例:以文本方式读取文件1237.3.5 实例:以DataURL方式读取文件1247.4 FileSystem对象1267.4.1 FileSystem对象简介1267.4.2 请求文件系统1267.4.3 创建文件1297.4.4 写入文件1307.4.5 向文件中附加数据1317.4.6 复制选中的文件1327.4.7 删除文件1337.4.8 创建目录1337.4.9 读取目录内容1347.4.10 删除目录1357.4.11 复制文件或目录1367.4.12 移动文件或目录1377.4.13 filesystem:网址137测试题138本章小结138第8章 拖放API与桌面通知API8.1 拖放API1418.1.1 实现拖放的步骤1418.1.2 使用dataTransfer对象1418.1.3 设定拖放时的视觉效果1428.1.4 自定义拖放图标1428.1.5 实例:选择图形1438.2 桌面通知API(Notification API)1468.2.1 桌面通知API的必要性1468.2.2 桌面通知生成流程1468.2.3 实例:桌面通知的两种实现方法146测试题149本章小结149第9章 本地存储与离线应用9.1 认识Web Storage1529.1.1 客户端数据存储的历史与现状1529.1.2 Web Storage概述1529.1.3 示例:一个Web Storage的简单应用1539.2 使用Web Storage1559.2.1 检测浏览器支持1559.2.2 存入与读取数据1569.2.3 清除数据1579.2.4 遍历操作1579.2.5 storage事件1589.3 离线应用1589.3.1 离线应用概述1599.3.2 离线资源缓存1599.3.3 Cache Manifest的基本用法1599.3.4 分析Cache Manifest文件1609.3.5 在线状态监测1619.3.6 实例:创建离线应用161测试题164本章小结164第10章 Communication API10.1 认识Communication API16710.1.1 Communication API简介16710.1.2 Communication API运行流程16710.1.3 Communication API的基本用法16710.2 跨文档消息通信16810.2.1 源安全简介16810.2.2 postMessage API的基本用法16810.2.3 实例:使用postMessage API创建应用16910.3 XMLHttpRequest Level 217110.3.1 跨源XMLHttpRequest17110.3.2 HTTP请求时限17210.3.3 FormData对象17210.3.4 上传文件17310.3.5 接收二进制数据17410.3.6 进度信息17410.3.7 创建XMLHttpRequest应用175测试题180本章小结180第11章 Web Workers API与 Web SQL API11.1 Web Workers18311.1.1 Web Workers简介18311.1.2 Web Workers简单应用18411.1.3 Web Workers嵌套18611.2 Web SQL18911.2.1 Web SQL基本使用18911.2.2 数据库的基本应用18911.2.3 实例:创建数据库并创建数据表19311.2.4 实例:插入数据与获取数据194测试题196本章小结196第12章 WebSocket API12.1 WebSocket概述19912.2 WebSocket服务器19912.3 使用WebSocket API20012.3.1 浏览器支持情况检测20012.3.2 WebSocket API客户端的基本用法20112.4 实例:创建HTML 5 WebSocket应用程序20212.4.1 编写客户端HTML文件20212.4.2 添加服务端WebSocket代码20312.4.3 添加WebSocket客户端代码20312.4.4 最终效果205测试题205本章小结206第13章 地理位置API13.1 地理位置定位原理20913.1.1 地理位置定位的方式及流程20913.1.2 HTML 5中如何实现地理位置定位20913.2 Geolocation API介绍21013.2.1 检测浏览器支持21013.2.2 getCurrentPosition 方法21013.2.3 watchPosition方法21413.2.4 clearPosition方法21413.3 实例:在地图中显示地理位置214测试题217本章小结217第14章 History API14.1 History API概述22014.2 为什么要用History API22014.3 如何使用History API22014.4 实例:浏览历史记录22114.5 实例:添加与修改历史记录223测试题226本章小结226第15章 CSS基础知识15.1 CSS概述22915.1.1 CSS简介22915.1.2 CSS历史22915.1.3 CSS特点22915.1.4 CSS与浏览器的关系23015.1.5 CSS站点欣赏23015.2 基本CSS选择器23215.2.1 标记选择器23215.2.2 类别选择器23215.2.3 ID选择器23615.2.4 实例:应用基本选择器23715.3 复合选择器23915.3.1 “交集”选择器23915.3.2 “并集”选择器24015.3.3 后代选择器24215.3.4 实例:应用复合选择器24315.4 CSS继承特性24415.4.1 什么是继承24415.4.2 CSS属性继承24415.4.3 实例:正确使用CSS继承特性24515.5 CSS的层叠特性24615.6 CSS样式24715.6.1 行内样式24715.6.2 内部样式24815.6.3 外部样式24815.6.4 实例:CSS样式的实现方式24915.7 CSS优先级25015.7.1 ID选择器优先级高于类别选择器25015.7.2 后面的样式覆盖前面的25115.7.3 使用!important25215.7.4 指定的高于继承25315.7.5 行内样式高于内部或外部样式25415.7.6 实例:灵活运用CSS优先级25515.8 CSS盒子模型25715.8.1 盒子模型结构25715.8.2 边框(border)25815.8.3 内边距(padding)26115.8.4 外边距(margin)26215.8.5 盒子的浮动26315.8.6 盒子的定位26615.8.7 z-index空间位置26815.8.8 盒子的display属性27015.8.9 实例:用盒子模型创建网页布局271测试题274本章小结274第16章 CSS 3选择器16.1 属性选择器27716.1.1 E[att=“val”]27716.1.2 E[att^=“val”]27716.1.3 E[att$=“val”]27716.1.4 E[att*=“val”]27816.1.5 实例:文本效果27816.2 结构性伪类选择器27916.2.1 伪类选择器27916.2.2 伪元素选择器28016.2.3 root选择器28316.2.4 not选择器28416.2.5 empty选择器28516.2.6 target选择器28616.2.7 first-child选择器和last-child选择器28716.2.8 first-of-type选择器和last-of-type选择器28916.2.9 nth-child选择器和nth-last-child选择器29116.2.10 nth-of-type选择器和nth-last-of-type选择器29316.2.11 循环使用样式29416.2.12 only-child选择器和only-of-type选择器29616.2.13 实例:定位指定元素29716.3 UI元素状态伪类选择器29816.3.1 E:hover、E:active和E:focus选择器29816.3.2 E:enabled和E:disabled伪类选择器30016.3.3 E:read-only和E:read-write伪类选择器30116.3.4 E:checked、E:default和E:indeterminate伪类选择器30216.3.5 E::selection伪类选择器30416.3.6 实例:用户界面新体验30516.4 通用兄弟元素选择器 E ~ F311测试题312本章小结312第17章 使用CSS选择器插入内容17.1 插入文字31517.1.1 使用选择器插入文本31517.1.2 插入筛选内容31617.1.3 实例:CSS制作目录31717.2 插入图像32017.2.1 插入图像文件的方法32017.2.2 插入图像文件的好处32117.2.3 实例:列表图标与推荐标题32117.3 插入项目编号32217.3.1 插入连续项目编号32217.3.2 在项目编号中追加文字32317.3.3 设置编号种类32417.3.4 插入嵌套编号32517.3.5 在字符串两边添加嵌套文字编号32717.3.6 实例:导航菜单328测试题333本章小结333第18章 使用CSS设置文本样式18.1 控制文本样式33618.1.1 字体和大小33618.1.2 文本颜色和粗细33618.1.3 斜体文本33718.1.4 文本装饰33818.1.5 英文字母大小写转换33818.1.6 实例:综合应用文字样式33918.2 控制段落样式34018.2.1 段落水平对齐34018.2.2 段落垂直对齐34118.2.3 行间距和字间距34418.2.4 首字下沉34518.2.5 实例:段落排版34618.3 CSS 3中给文本添加阴影——text-shadow属性34718.3.1 text-shadow属性的使用方法34718.3.2 位移距离34818.3.3 阴影的模糊半径34918.3.4 阴影的颜色34918.3.5 指定多个阴影34918.4 CSS 3中让文本自动换行——text-break属性35018.4.1 依靠浏览器让文本自动换行35018.4.2 指定自动换行的处理方法351测试题353本章小结353第19章 使用CSS设置图片与背景样式19.1 图片样式35619.1.1 图片边框设置35619.1.2 图片位置设置35819.1.3 图片缩放设置35919.1.4 实例:图片边框按钮36019.2 图片对齐36219.2.1 水平对齐设置36219.2.2 垂直对齐设置36219.2.3 实例:排列的相册36319.3 图文混排36519.3.1 图文混排36519.3.2 设置混排间距36619.3.3 实例:看图说话36719.4 背景颜色36919.4.1 设置页面背景颜色36919.4.2 设置块背景颜色36919.5 背景图片37019.5.1 设置页面背景图片37019.5.2 重复的背景图片37019.5.3 设置背景图片的位置37119.5.4 设置背景滚动37119.5.5 背景样式的缩写方式37119.5.6 实例:创建背景皮肤372测试题373本章小结374第20章 使用CSS设置列表与表单样式20.1 列表控制37720.1.1 列表的类型及使用37720.1.2 创建垂直导航条37820.1.3 创建水平导航条37920.2 使用列表制作实用菜单38020.2.1 实例:多级列表菜单38020.2.2 实例:会伸缩的列表菜单38420.3 表单设计概述38820.3.1 表单的设计原则38820.3.2 表单应用分类38920.3.3 实例:经典表单效果39020.4 表单的设计39120.4.1 form标签39120.4.2 表单元素39120.4.3 对表单文本应用样式39520.4.4 实例:滑块复选框39520.4.5 实例:会员注册页面397测试题404本章小结404第21章 对超链接和鼠标应用样式21.1 使用CSS设置超链接40721.1.1 什么是超链接40721.1.2 关于超链接路径40721.1.3 超链接属性控制40821.1.4 图像映射40821.1.5 实例:实现多页面跳转40921.2 超链接特效41121.2.1 实例:按钮式超链接41121.2.2 实例:浮雕式超链接41221.3 鼠标特效41321.3.1 CSS控制鼠标箭头41321.3.2 实例:鼠标变化的超链接414测试题416本章小结416第22章 CSS中的滤镜22.1 Alpha滤镜41922.2 Blur滤镜42022.3 Grayscale滤镜42122.4 Sepia滤镜42322.5 Brightness滤镜42422.6 Hue-rotate滤镜42522.7 Invert滤镜42622.8 Saturate滤镜42722.9 Contrast滤镜42922.10 Drop-shadow滤镜430测试题431本章小结431第23章 项目实战案例23.1 项目实战案例一:企业门户网站43423.1.1 header元素中的内容43623.1.2 aside元素中的内容43823.1.3 section元素中的内容43923.1.4 footer元素中的内容44323.2 项目实战案例二:用户管理445
|
|