目 录 前言 第一篇 基础知识篇 第1章 网页设计技术基础1 1.1 认识网页和网站1 1.1.1 网页1 1.1.2 网站2 1.1.3 网站制作流程3 1.1.4 网页设计流程3 1.1.5 发布站点4 1.2 Web标准布局介绍4 1.2.1 当前的Web开发标准4 1.2.2 为什么使用Web标准5 1.2.3 CSS布局标准6 1.3 常用的网页制作工具7 1.3.1 Dreamweaver简介7 1.3.2 安装Dreamweaver9 1.4 HTML 5的新功能13 1.5 初次体验HTML 5的魅力13 第二篇 核心技术篇 第2章 HTML 5的整体架构15 2.1 设置网页头部元素15 2.1.1 设置文档类型15 2.1.2 设置所有链接规定默认地址或默认目标17 2.1.3 链接标签17 2.1.4 设置有关页面的元信息19 2.1.5 定义客户端脚本20 2.1.6 定义HTML文档的样式信息21 2.1.7 设置页面标题22 2.2 设置页面正文23 2.3 注释是一种说明25 2.4 和页面结构相关的新元素25 2.4.1 定义区段的标签26 2.4.2 定义独立内容的标签26 2.4.3 定义导航链接标签27 2.4.4 定义其所处内容之外的内容27 2.4.5 定义页脚内容的标签28 第3章 体验基本元素29 3.1 在页面中输出一段文字29 3.2 对页面进行分栏设计30 3.3 使用
标记元素实现交互32 3.3.1 常用属性33 3.3.2 实现下拉弹出效果34 3.4 使用标记元素实现交互36 3.5 使用标记元素37 3.5.1 属性介绍37 3.5.2 实现右键菜单功能39 3.6 使用标记元素41 3.7 使用标记元素44 3.8 使用标记元素46 3.9 使用树节点标记元素49 3.9.1 元素49 3.9.2 元素49 3.9.3 元素49 3.10 使用分组标记元素51 3.10.1 元素51 3.10.2 元素52 3.11 使用文本层次语义标记53 3.11.1 元素53 3.11.2 元素54 3.11.3 元素54 3.12 使用图片标记元素55 3.13 使用框架标记元素57 3.14 使用标记元素58 第4章 使用表单元素60 4.1 表单元素的类型60 4.1.1 email类型60 4.1.2 url类型62 4.1.3 number类型64 4.1.4 range类型65 4.1.5 Date Pickers(数据检出器)68 4.1.6 search类型70 4.2 表单元素中的属性72 4.2.1 记住表单中的数据72 4.2.2 验证表单中输入的数据是否合法74 4.2.3 在文本框中显示提示信息75 4.2.4 验证文本框中的内容是否为空77 4.2.5 开启表单的自动完成功能78 4.2.6 重写表单中的某些属性79 4.2.7 自动设置表单中传递数字81 4.2.8 在表单中选择多个上传文件82 4.3 新的表单元素83 4.3.1 在表单中自动提示输入文本83 4.3.2 一个简单的乘法计算器85 4.3.3 在网页中生成一个密钥86 第5章 音频和视频应用详解88 5.1 处理视频88 5.1.1 使用标记88 5.1.2 标记的属性89 5.2 处理音频93 5.2.1 标记93 5.2.2 标记的属性94 5.3 高级应用97 5.3.1 为播放的视频准备一幅素材图片97 5.3.2 显示加载视频的状态100 5.3.3 出错时在播放屏幕中显示出错信息101 5.3.4 检测浏览器是否支持这个媒体类型103 5.3.5 显示视频的播放状态105 5.3.6 显示播放视频的时间信息107 第6章 绘图应用详解110 6.1 使用标记110 6.2 HTML DOM Canvas对象111 6.3 HTML 5绘图实践113 6.3.1 在指定位置绘制指定角度的相交线113 6.3.2 绘制一个圆114 6.3.3 在画布中显示一幅指定的图片115 6.3.4 绘制一个指定大小的正方形116 6.3.5 绘制一个带边框的矩形118 6.3.6 绘制一个渐变图形119 6.3.7 绘制不同的圆形121 6.3.8 绘制一个渐变圆形125 6.3.9 移动、缩放和旋转网页中的正方形127 6.3.10 使用组合的方式显示图形129 6.3.11 使用不同的方式平铺指定的图像131 6.3.12 切割指定的图像133 6.3.13 绘制文字135 6.3.14 制作一个简单的动画137 第三篇 技术提高篇 第7章 数据存储应用详解140 7.1 Web存储140 7.1.1 什么是Web存储140 7.1.2 Web存储的影响140 7.2 HTML 5中的两种存储方法141 7.2.1 使用localStorage方法141 7.2.2 使用sessionStorage方法142 7.3 数据存储对象143 7.3.1 使用sessionStorage对象143 7.3.2 使用localStorage对象148 7.3.3 使用localStorage对象中的clear()方法151 7.3.4 使用localStorage对象中的属性153 7.4 WebDB存储方式156 7.4.1 WebDB存储基础156 7.4.2 执行事务操作158 7.4.3 调用执行SQL语句159 7.5 实现一个日记式事务提醒系统162 7.6 使用sessionStorage来实现客户端的session功能166 第8章 使用Web Sockets API180 8.1 安装jWebSocket服务器180 8.2 实现跨文档传输数据181 8.3 使用WebSocket传送数据185 8.3.1 使用Web Sockets API的方法185 8.3.2 实战演练186 8.4 处理JSON对象188 8.5 jWebSocket框架191 8.5.1 使用jWebSocketTest框架进行通信192 8.5.2 使用jWebSocketTest开发一个聊天系统196 第9章 使用Geolocation API204 9.1 Geolocation API介绍204 9.1.1 对浏览器的支持情况204 9.1.2 使用API205 9.2 获取当前地理位置206 9.3 使用getCurrentPosition()方法209 9.4 在网页中使用地图211 9.4.1 在网页中调用地图212 9.4.2 在地图中显示当前的位置214 9.4.3 在网页中居中显示定位地图216 9.4.4 利用百度地图实现定位处理219 9.5 在弹出框中显示定位信息221 第10章 使用Web Workers API224 10.1 Web Workers API基础224 10.1.1 使用HTML5 Web Workers API224 10.1.2 需要使用.js文件225 10.1.3 与Web Worker进行双向通信225 10.2 Worker线程处理227 10.2.1 使用Worker处理线程228 10.2.2 使用线程传递JSON对象231 10.2.3 使用线程嵌套交互数据233 10.2.4 通过JSON发送消息236 10.3 执行大计算量任务238 10.4 在后台运行耗时较长的运算245 第11章 在Android手机中使用HTML 5249 11.1 搭建开发环境249 11.1.1 搭建Android开发环境249 11.1.2 搭建网页运行环境251 11.2 先看一段代码254 11.2.1 实现主页254 11.2.2 编写CSS文件255 11.2.3 实现页面自动缩放258 11.3 添加An