移动商务网页设计与制作+2

内容简介

本书特点是“学以致用”，全书始终体现一个“用”字，无论是理论知识的介绍，还是实例的开发，无一例外都是从实用的角度出发，每一个实例都是择的，介绍详细。为了使读者能够通过实例程序执行后的页面效果加深对应用的理解，每一个知识点和使用案例都精心编排，简明易懂；全书由浅人深，逐步，以实例为主线，激发读者的阅读兴趣；、详细、完整地介绍HTMl5的能与新特征。

目录

第pan>章网页设计语言——HTML……………………………………………00l

;pan style="font-family:宋体">．1;HTML的个实例……………………………………………………00l

;pan style="font-family:宋体">．2;HTML语言基础…………………………………………………………002

;;;;pan style="font-family:宋体">．2．1;HTML网页文档的结构……………………………………………002

;;;;pan style="font-family:宋体">．2．2;HTMI．网页文档的编写工具………………………………………004

;pan style="font-family:宋体">．3;HTML基本标签元素……………………………………………………004

;;;;pan style="font-family:宋体">．3．1;HTML网页头部标签元素…………………………………………004

;;;;pan style="font-family:宋体">．3．2;HTML网页正文部分的标签元素…………………………………009

;;pan style="font-family:宋体">．4小结………………………………………………………………………019

;;……………………………………………………………………………019

第2章CSS………………………………………………………………………023

;2．1(3SS的基本概念…………………………………………………………023

;;2．pan>．1(；SS简介……………………………………………………………023

;;2．pan>．2;CSS的发展历史……………………………………………………024

;2．2样式表的分类……………………………………………………………025

;;2．2．pan>外部样式表…………………………………………………………025

;;2．2．2页内样式表…………………………………………………………026

;;2．2．3行内样式表…………………………………………………………026

;2．3样式表的基本知识………………………………………………………027

;;2．3．1;CSS的单位…………………………………………………………027

;;2．3．2(：SS颜色定义………………………………………………………028

;;2．3．3;CSS属……………………………………………………………028

;2．4;CSS选择器………………………………………………………………033

;;2．4．pan>通配符选择器($);;………………………………………………035

;;2．4．2元素选择器(E);;…………………………………………………036

;;2．4．3;;类选择器(．className);;…………………………………………036

;;2．4．4;id选择器(#ID)……………………………………………………037

;;2．4．5后代选择器(E;F)………………………………………………038

;;2．4．6子元素选择器(E>F)……………………………………………039

;;2．4．7相邻兄弟元素选择器(E+F)……………………………………039

;;2．4．8通用兄弟选择器(E～F)…………………………………………040

;;2．4．9群组选择器(selectorl，selector2，…，selectorN);;……………040

;2．5小结………………………………………………………………………04l

……………………………………………………………………………04pan>

第3章HTMl5基础……………………………………………………………043

;3．1;HTMl5语法的变化………………………………………………………043

;;;;3．pan>．1;HTML5语法标记……………………………………………………044

;;;;3．pan>．2;HTM[5语法中的3个要点…………………………………………045

;;;;3．pan>．3;H’I'ML5标签实例……………………………………………………046

;;3．2新增的元素和废除的元素………………………………………………047

;;;;3．2．1;;HTMIJ5新增的结构元素……………………………………………047

;;;;3．2．2新增的块级语义元素………………………………………………048

;;;;3．2．3新增的行内语义元素………………………………………………050

;;;;3．2．4新增的多媒体元素和交互元素…………………………………05pan>

;;;;3．2．5;HTML5废除的元素…………………………………………………054

;;3．3新增的属和废除的属………………………………………………055

;;3．3．pan>新增的属…………………………………………………………055

;;3．3．2废除的属…………………………………………………………057

;;3．4全局属…………………………………………………………………059

;;3．4．1;contentEditable属…………………………………………………059

;;3．4．2;hen属…………………………………………………………060

;;3．4．3;spellcheck属………………………………………………………060

;;3．4．4;tablndex属…………………………………………………………06l

;;3．4．5;designMode属……………………………………………………062

;;3．5小结………………………………………………………………………063

;;……………………………………………………………………………063

第4章：HTM【5的结构…………………………………………………………064

;;4．pan>主体结构元素……………………………………………………………064

;;;;4．pan>．1;article元素……………………………………………………………064

;;;;4．pan>．2;section元素…………………………………………………………065

;;;;4．pan>．3：nay元素………………………………………………………………066

;;;;4．pan>．4;aside元素……………………………………………………………067

;;;;4．pan>．5;time元素……………………………………………………………068

;;;;4．pan>．6;pubdate属…………………………………………………………069

;4．2非主体结构元素…………………………………………………………070

;;4．2．1;header元素…………………………………………………………070

;;4．2．2;hgroup元素…………………………………………………………07pan>

;;4．2．3;footer’元素……………………………………………………………073

;;4．2．4;ress元素…………………………………………………………074

;4．3小结………………………………………………………………………075

……………………………………………………………………………075

第5章HTML5中的表单………………………………………………………076

;5．pan>新增的表单元素与属…………………………………………………076

;;5．pan>．pan>新增的属…………………………………………………………076

;;5．pan>．2新增与改良的input元素……………………………………………083

;;5．pan>．3;output元素……………………………………………………………088

;;5．pan>．4利用新增元素制作注册表单………………………………………089

;5．2表单验证…………………………………………………………………093

;;5．2．1;;自动验证……………………………………………………………093

;;5．2．2显式验证……………………………………………………………095

;;5．2．3取消验证……………………………………………………………096

;;5．2．4;;自定义错误信息……………………………………………………097

;5．3新增的页面元素…………………………………………………………098

;;5．3．pan>新增的figure元素…………………………………………………098

;;5．3．2;data-list………………………………………………………………099

;;5．3．3;mark元素……………………………………………………………100

;;5．3．4;progress元素…………………………………………………………100

;;5．3．5;details元素…………………………………………………………100

;;5．3．6改良的ol、dl元素…………………………………………………102

;;5．3．7加以严格限制的cite元素…………………………………………103

;;5．3．8重新定义的small元素………………………………………………104

;;5．3．9;menu元素……………………………………………………………105

;5．4／lJ、I结………………………………………………………………………105

……………………………………………………………………………105

第6章HTMl5的文件与拖放…………………………………………………107

;6．pan>选择文件…………………………………………………………………107

;;6．pan>．pan>通过文件对象选择文件……………………………………………107

;;6．pan>．2使用blob接口获取文件的类型和大小……………………………109

;;6．pan>．3通过类型过滤选择文件……………………………………………110

;6．2;FileReader·接口读取文件…………………………………………………112

;;6．2．1;;通过类型过滤选择文件……………………………………………112

;;6．2．2;FileReader接口的方法………………………………………………112

;;6．2．3;;readAsI)ata[JRL方法…………………………………………………113

;;6．2．4;readAsText方法………………………………………………………115

;;6．2．5;FileReader接口中的事件……………………………………………116

;6．3拖放API…………………………………………………………………119

;;6．3．1;;实现拖放的步骤……………………………………………………119

;;6．3．2通过拖放显示欢迎信息……………………………………………120

;6．4;dataTransfer。对象…………………………………………………………122

;;6．4．1;dropEffect属………………………………………………………123

;;6．4．2;effectlAllowed属……………………………………………………123

;;6．4．3;dataTransfer的其他成员……………………………………………126

;6．5小结………………………………………………………………………127

……………………………………………………………………………127

第7章多媒体播放……………………………………………………………128

;7．1;;HTML5多媒体概述………………………………………………………128

;;7．pan>．1}tTML4中的多媒体…………………………………………………128

;;7．pan>．2;HTML5中的多媒体…………………………………………………129

;7．2多媒体元素的基本属…………………………………………………13pan>

;7．3多媒体元素的常用方法…………………………………………………134

;;;;7．3．pan>媒体播放时的方法…………………………………………………134

;;;;7．3．2;canPlayiFype(type)方法…………………………………………136

;7．4多媒体元素的重要事件…………………………………………………137

;;;;7．4．1;;事件式………………………………………………………137

;;;;7．4．2事件介绍……………………………………………………………137

;;;;7．4．3事件实例……………………………………………………………138

;;7．5小结………………………………………………………………………142

;;……………………………………………………………………………142

第8章用HTMl5绘制图形……………………………………………………143

;;8．1;canvas基础知识…………………………………………………………143

;;;;8．pan>．1;;canvas是什么………………………………………………………143

;;;;8．pan>．2在页面中放置canvas元素…………………………………………143

;;;;8．pan>．3绘制带边框的矩形…………………………………………………145

;;8．2画布中的路径设置………………………………………………………147

;;;;8．2．pan>使用arc方法绘制圆形………………………………………………147

;;;;8．2．2使用moveTo和lineTo路径绘制火柴人……………………………149

;;;;8．2．3;;贝塞尔和二次方曲线………………………………………………15l

;8．3运用样式与颜色…………………………………………………………155

;;;;8．3．1;fillStyle和strokeStyle………………………………………………155

;;;;8．3．2透明度globalAlpha…………………………………………………156

;;;;8．3．3;;线型linestyles………………………………………………………157

;8．4绘制渐变图形……………………………………………………………158

;;;;8．4．1;;线渐变……………………………………………………………158

;;;;8．4．2;;径向渐变……………………………………………………………160

;8．5绘制变形图形……………………………………………………………162

;;;;8．5．1;;坐标变换……………………………………………………………162

;;;;8．5．2矩阵变换……………………………………………………………164

;8．6给图形绘制阴影…………………………………………………………167

;8．7组合多个图形……………………………………………………………169

;8．8小结………………………………………………………………………172

……………………………………………………………………………172

第9章数据存储………………………………………………………………173

;9．1;;Web;Storage………………………………………………………………173

;;9．pan>．pan>什么是Web;Storage…………………………………………………173

;;9．pan>．2使用Web;Storage中的API…………………………………………174

;;9．pan>．3;sessionStorage和localStorage的实例………………………………175

;;9．pan>．4;Web;Storage综合例子——留言本…………………………………178

;;9．pan>．5;JsON对象的存数实例——用户信息卡……………………………180

;9．2本地数据库………………………………………………………………183

;;9．2．1;Web;SQl_．数据库简介………………………………………………183

;;;;9．2．2;;使用Web;SQI．I)atal3ase;API………………………………………184

;;;;9．2．3;;本地数据库应用实例——用户登录………………………………186

;9．3小结………………………………………………………………………190

……………………………………………………………………………19l

第10章离线Web应用………………………………………………………192

;pan style="font-family:宋体">．pan>离线Web应用概述……………………………………………………192

;;;;pan style="font-family:宋体">．pan>．1;;离线Web应用的基本知识………………………………………192

;;;;lO．pan>．2;;本地缓存和浏览器网页缓存的区别………………………………193

;pan style="font-family:宋体">．2创建HTML5离线应用…………………………………………………193

;;;;pan style="font-family:宋体">．2．pan>缓存清单(manifest);;……………………………………………193

;;;;pan style="font-family:宋体">．2．2配置IIS服务器……………………………………………………195

;;;;pan style="font-family:宋体">．2．3浏览器缓存清单……………………………………………………196

;;pan style="font-family:宋体">．3浏览器与服务器的交互过程……………………………………………196

;;pan style="font-family:宋体">．4;applicationCache对象……………………………………………………198

;;;;pan style="font-family:宋体">．4．1;;swap(：ache方法……………………………………………………198

;;;;pan style="font-family:宋体">．4．2;application(：ache对象的事件………………………………………200

;;pan style="font-family:宋体">．5小结………………………………………………………………………203

;;……………………………………………………………………………203

第1pan>章Web;worker处理线程………………………………………………205

;;pan style="font-family:宋体">．1;Web;Worker概述………………………………………………………205

;;pan style="font-family:宋体">．pan>．pan>创建和使用Web;Worker…………………………………………205

;;pan style="font-family:宋体">．pan>．2;Web;Worker应用实例——求和运算……………………………206

;pan style="font-family:宋体">．2线程嵌套…………………………………………………………………208

;;;;pan style="font-family:宋体">．2．1;;单层嵌套……………………………………………………………208

;;;;pan style="font-family:宋体">．2．2在多个子线程行数据交互……………………………………21l

;1;pan style="font-family:宋体">．3跨文档消息通信…………………………………………………………215

;;;;pan style="font-family:宋体">．3．pan>使用postMessageAPI………………………………………………215

;;;;pan style="font-family:宋体">．3．2跨文档消息传输…………………………………………………216

;;pan style="font-family:宋体">．4小结………………………………………………………………………219

;;……………………………………………………………………………219

第12章获取地理位置信息……………………………………………………22l

;;pan style="font-family:宋体">．1;;Geolocation;API．概述……………………………………………………22pan>

;;;;pan style="font-family:宋体">．pan>．1;getCurrentPosition…………………………………………………22pan>

;;;;pan style="font-family:宋体">．pan>．2持续监视当前地理位置信息………………………………………223

;;;;pan style="font-family:宋体">．pan>．3;;停止获取当前用户的地理位置信息………………………………224

;;pan style="font-family:宋体">．2;position对象……………………………………………………………224

;;pan style="font-family:宋体">．3在Google地图上显示“我在这里”;;…………………………………226

;;pan style="font-family:宋体">．4小结………………………………………………………………………230

;;……………………………………………………………………………230

参考文献……………………………………………………………………………232