目 录
第1篇 HTML 5网页开发
第1章 HTML 5快速入门 3
1.1 HTML 5简介 4
1.1.1 HTML 5简介 4
1.1.2 HTML 5文件的基本结构 5
1.2 HTML 5文件的编写方法 5
1.2.1 案例1——手工编写HTML 5 5
1.2.2 案例2——使用HTML编辑器 6
1.3 使用浏览器查看HTML 5文件 10
1.3.1 各大浏览器与HTML 5的兼容 10
1.3.2 案例3——查看页面效果 11
1.3.3 案例4——查看源文件 11<div class="Section0"> <p>目 录</p> <p>第1篇 HTML 5网页开发</p> <p> </p> <p>第1章 HTML 5快速入门 3</p> <p>1.1 HTML 5简介 4</p> <p>1.1.1 HTML 5简介 4</p> <p>1.1.2 HTML 5文件的基本结构 5</p> <p>1.2 HTML 5文件的编写方法 5</p> <p>1.2.1 案例1——手工编写HTML 5 5</p> <p>1.2.2 案例2——使用HTML编辑器 6</p> <p>1.3 使用浏览器查看HTML 5文件 10</p> <p>1.3.1 各大浏览器与HTML 5的兼容 10</p> <p>1.3.2 案例3——查看页面效果 11</p> <p>1.3.3 案例4——查看源文件 11</p> <p>1.4 高手甜点 12</p> <p>1.5 跟我练练手 12</p> <p>第2章 HTML 5网页文档结构 13</p> <p>2.1 Web标准 14</p> <p>2.1.1 Web标准概述 14</p> <p>2.1.2 Web标准规定的内容 14</p> <p>2.2 HTML 5文档的基本结构 15</p> <p>2.2.1 HTML 5结构 16</p> <p>2.2.2 文档类型说明 16</p> <p>2.2.3 HTML 5标记html 17</p> <p>2.2.4 头标记head 17</p> <p>2.2.5 网页的主体标记body 20</p> <p>2.2.6 页面注释标记<!-- --> 20</p> <p>2.3 综合案例——符合W3C标准的</p> <p>HTML 5网页 21</p> <p>2.4 高手甜点 22</p> <p>2.5 跟我练练手 22</p> <p>第3章 HTML 5网页中的文本和图像 23</p> <p>3.1 在网页中添加文��� 24</p> <p>3.1.1 案例1——普通文本的添加 24</p> <p>3.1.2 案例2——特殊字符文本的</p> <p>添加 24</p> <p>3.1.3 案例3——使用HTML 5标记</p> <p>添加特殊文本 26</p> <p>3.2 文本排版 28</p> <p>3.2.1 案例4——换行标记<br> 28</p> <p>3.2.2 案例5——段落标记p 29</p> <p>3.2.3 案例6——标题标记h1~h6 29</p> <p>3.3 文字列表 30</p> <p>3.3.1 案例7——建立无序列表ul 31</p> <p>3.3.2 案例8——建立有序列表ol 32</p> <p>3.3.3 案例9——建立不同类型的</p> <p>无序列表 33</p> <p>3.3.4 案例10——建立不同类型的</p> <p>有序列表 34</p> <p>3.3.5 案例11——建立嵌套列表 35</p> <p>3.3.6 案例12——自定义列表 36</p> <p>3.4 网页中的图像 37</p> <p>3.4.1 案例13——在网页中插入</p> <p>图像 37</p> <p>3.4.2 案例14——设置图像的宽度</p> <p>和高度 39</p> <p>3.4.3 案例15——设置图像的提示</p> <p>文字 39</p> <p>3.4.4 案例16——将图片设置为网页</p> <p>背景 40</p> <p>3.4.5 案例17——排列图像 41</p> <p>3.5 综合案例1——图文并茂的房屋装饰</p> <p>装修网页 42</p> <p>3.6 综合案例2——在线购物网站产品展示</p> <p>效果 43</p> <p>3.7 高手甜点 44</p> <p>3.8 跟我练练手 44</p> <p>第4章 用HTML 5建立超链接 45</p> <p>4.1 网页超链接的概念 46</p> <p>4.1.1 什么是网页超链接 46</p> <p>4.1.2 超链接中的URL 46</p> <p>4.1.3 超链接的URL类型 47</p> <p>4.2 建立网页超链接 47</p> <p>4.2.1 案例1——创建超文本链接 47</p> <p>4.2.2 案例2——创建图片链接 49</p> <p>4.2.3 案例3——创建下载链接 50</p> <p>4.2.4 案例4——使用相对URL和</p> <p>**URL 51</p> <p>4.2.5 案例5——设置以新窗口显示</p> <p>超链接页面 52</p> <p>4.2.6 案例6——设置电子邮件链接 53</p> <p>4.3 案例7——浮动框架iframe 54</p> <p>4.4 案例8——**定位热点区域 55</p> <p>4.5 综合案例——使用锚链接制作电子书</p> <p>阅读网页 59</p> <p>4.6 高手甜点 61</p> <p>4.7 跟我练练手 62</p> <p>第5章 用HTML 5创建表格和表单 63</p> <p>5.1 表格的基本结构 64</p> <p>5.2 使用HTML 5创建表格 65</p> <p>5.2.1 案例1——创建普通表格 65</p> <p>5.2.2 案例2——创建一个带有标题的</p> <p>表格 67</p> <p>5.2.3 案例3——定义表格的边框</p> <p>类型 67</p> <p>5.2.4 案例4——定义表格的表头 68</p> <p>5.2.5 案例5——设置表格背景 69</p> <p>5.2.6 案例6——设置单元格背景 71</p> <p>5.2.7 案例7——合并单元格 72</p> <p>5.2.8 案例8——排列单元格中的</p> <p>内容 76</p> <p>5.2.9 案例9——设置单元格的行高</p> <p>与列宽 77</p> <p>5.3 案例10——创建完整的表格 78</p> <p>5.4 案例11——认识表单 79</p> <p>5.5 表单基本元素的使用 80</p> <p>5.5.1 案例12——单行文本输入框</p> <p>text 80</p> <p>5.5.2 案例13——多行文本输入框</p> <p>textarea 81</p> <p>5.5.3 案例14——密码输入框</p> <p>password 82</p> <p>5.5.4 案例15——单选按钮radio 83</p> <p>5.5.5 案例16——复选框checkbox 83</p> <p>5.5.6 案例17——下拉列表框select 84</p> <p>5.5.7 案例18——普通按钮button 85</p> <p>5.5.8 案例19——提交按钮submit 86</p> <p>5.5.9 案例20——重置按钮reset 87</p> <p>5.6 表单**元素的使用 88</p> <p>5.6.1 案例21——url属性的应用 88</p> <p>5.6.2 案例22——email属性的应用 89</p> <p>5.6.3 案例23——date和time属性的</p> <p>应用 90</p> <p>5.6.4 案例24——number属性的</p> <p>应用 91</p> <p>5.6.5 案例25——range属性的应用 91</p> <p>5.6.6 案例26——required属性的</p> <p>应用 92</p> <p>5.7 综合案例1——创建用户反馈表单 93</p> <p>5.8 综合案例2——制作商品报价表 94</p> <p>5.9 高手甜点 97</p> <p>5.10 跟我练练手 98</p> <p>第6章 HTML 5中的多媒体 99</p> <p>6.1 网页音频标记audio 100</p> <p>6.1.1 audio标记概述 100</p> <p>6.1.2 audio标记的属性 100</p> <p>6.1.3 音频解码器 101</p> <p>6.1.4 浏览器对audio标记的支持</p> <p>情况 101</p> <p>6.2 网页视频标记video 101</p> <p>6.2.1 video标记概述 101</p> <p>6.2.2 video标记的属性 101</p> <p>6.2.3 视频解码器 102</p> <p>6.2.4 浏览器对video标记的支持</p> <p>情况 102</p> <p>6.3 添加网页音频文件 103</p> <p>6.3.1 案例1——设置背景音乐 103</p> <p>6.3.2 案例2——设置音乐循环</p> <p>播放 103</p> <p>6.4 添加网页视频文件 104</p> <p>6.4.1 案例3——为网页添加视频</p> <p>文件 104</p> <p>6.4.2 案例4——设置自动运行 105</p> <p>6.4.3 案例5——设置视频文件的</p> <p>循环播放 106</p> <p>6.4.4 案例6——设置视频窗口的高度</p> <p>与宽度 106</p> <p>6.5 添加网页滚动文字 107</p> <p>6.5.1 案例7——滚动文字标记 107</p> <p>6.5.2 案例8——滚动方向属性 108</p> <p>6.5.3 案例9——滚动方式属性 109</p> <p>6.5.4 案例10——滚动速度属性 110</p> <p>6.5.5 案例11——滚动延迟属性 110</p> <p>6.5.6 案例12——滚动循环属性 111</p> <p>6.5.7 案例13——滚动范围属性 112</p> <p>6.5.8 案例14——滚动背景颜色</p> <p>属性 113</p> <p>6.5.9 案例15——滚动空间属性 113</p> <p>6.6 高手甜点 114</p> <p>6.7 跟我练练手 115</p> <p>第7章 使用HTML 5绘制图形 117</p> <p>7.1 什么是canvas 118</p> <p>7.2 绘制基本形状 118</p> <p>7.2.1 案例1——绘制矩形 119</p> <p>7.2.2 案例2——绘制圆形 120</p> <p>7.2.3 案例3——使用moveTo与</p> <p>lineTo绘制直线 121</p> <p>7.2.4 案例4——使用bezierCurveTo</p> <p>绘制贝塞尔曲线 122</p> <p>7.3 绘制渐变图形 124</p> <p>7.3.1 案例5——绘制线性渐变 124</p> <p>7.3.2 案例6——绘制径向渐变 126</p> <p>7.4 绘制变形图形 127</p> <p>7.4.1 案例7——变换原点坐标 127</p> <p>7.4.2 案例8——图形缩放 128</p> <p>7.4.3 案例9——旋转图形 129</p> <p>7.5 绘制其他样式的图形 130</p> <p>7.5.1 案例10——图形组合 130</p> <p>7.5.2 案例11——绘制带阴影的</p> <p>图形 132</p> <p>7.5.3 案例12——绘制文字 133</p> <p>7.6 使用图像 135</p> <p>7.6.1 案例13——绘制图像 135</p> <p>7.6.2 案例14——图像平铺 136</p> <p>7.6.3 案例15——图像裁剪 137</p> <p>7.6.4 案例16——像素处理 139</p> <p>7.7 图形的保存与恢复 141</p> <p>7.7.1 案例17——保存与恢复状态 141</p> <p>7.7.2 案例18——保存文件 142</p> <p>7.8 综合案例1——绘制火柴棒人物 143</p> <p>7.9 综合案例2——绘制商标 146</p> <p>7.10 高手甜点 148</p> <p>7.11 跟我练练手 148</p> <p>第8章 获取地理位置 149</p> <p>8.1 Geolocation API获取地理位置 150</p> <p>8.1.1 地理定位的原理 150</p> <p>8.1.2 获取定位信息的方法 150</p> <p>8.1.3 常用地理定位方法 150</p> <p>8.1.4 案例1——判断浏览器是否</p> <p>支持HTML 5获取地理位置</p> <p>信息 151</p> <p>8.1.5 案例2——指定纬度和经度</p> <p>坐标 152</p> <p>8.1.6 案例3——获取当前位置的经度</p> <p>与纬度 153</p> <p>8.2 浏览器对地理定位的支持情况 155</p> <p>8.3 综合案例——在网页中调用Google</p> <p>地图 155</p> <p>8.4 高手甜点 158</p> <p>8.5 跟我练练手 158</p> <p>第9章 Web通信新技术 159</p> <p>9.1 跨文档消息传输 160</p> <p>9.1.1 跨文档消息传输的基本知识 160</p> <p>9.1.2 案例1——跨文档通信应用</p> <p>测试 160</p> <p>9.2 WebSocket API概述 162</p> <p>9.2.1 什么是WebSocket API 162</p> <p>9.2.2 WebSocket通信基础 163</p> <p>9.2.3 案例2——服务器端使用</p> <p>WebSocket API 165</p> <p>9.2.4 案例3——客户机端使用</p> <p>WebSocket API 168</p> <p>9.3 综合案例——编写简单的WebSocket</p> <p>服务器 168</p> <p>9.4 高手甜点 172</p> <p>9.5 跟我练练手 172</p> <p>第10章 构建离线的Web应用 173</p> <p>10.1 HTML 5离线Web应用概述 174</p> <p>10.2 使用HTML 5离线Web应用API 174</p> <p> </p> <p>10.2.1 案例1——检查浏览器的支持</p> <p> 情况 174</p> <p>10.2.2 案例2——搭建简单的离线</p> <p> 应用程序 175</p> <p>10.2.3 案例3——支持离线行为 175</p> <p>10.2.4 案例4——Manifest文件 176</p> <p>10.2.5 案例5——Application Cache </p> <p> API 177</p> <p>10.3 使用HTML 5离线Web应用构建</p> <p> 应用 178</p> <p>10.3.1 案例6——创建记录资源的</p> <p> manifest文件 178</p> <p>10.3.2 案例7——创建构成界面的</p> <p> HTML和CSS 179</p> <p>10.3.3 案例8——创建离线的</p> <p> JavaScript 179</p> <p>10.3.4 案例9——检查applicationCache</p> <p> 的支持情况 181</p> <p>10.3.5 案例10——为Update按钮添加</p> <p> 处理函数 181</p> <p>10.3.6 案例11——添加storage功能</p> <p> 代码 182</p> <p>10.3.7 案例12——添加离线事件处理</p> <p> 程序 182</p> <p>10.4 高手甜点 183</p> <p>10.5 跟我练练手 183</p> <p> </p> <p> </p> <p>第2篇 CSS 3美化网页</p> <p> </p> <p>第11章 CSS 3概述与基本语法 187</p> <p>11.1 CSS 3概述 188</p> <p>11.1.1 CSS 3功能 188</p> <p>11.1.2 浏览器与CSS 3 188</p> <p>11.1.3 CSS 3基础语法 189</p> <p>11.1.4 CSS 3常用单位 189</p> <p>11.2 编辑和浏览CSS 3 194</p> <p>11.2.1 案例1——手工编写CSS 3 194</p> <p>11.2.2 案例2——Dreamweaver</p> <p> 编写CSS 194</p> <p>11.3 在HTML 5中使用CSS 3的方法 196</p> <p>11.3.1 案例3——行内样式 196</p> <p>11.3.2 案例4——内嵌样式 197</p> <p>11.3.3 案例5——链接样式 198</p> <p>11.3.4 案例6——导入样式 199</p> <p>11.3.5 案例7——优先级问题 201</p> <p>11.4 CSS 3的常用选择器 203</p> <p>11.4.1 案例8——标签选择器 203</p> <p>11.4.2 案例9——类选择器 204</p> <p>11.4.3 案例10——ID选择器 205</p> <p>11.4.4 案例11——全局选择器 206</p> <p>11.4.5 案例12——组合选择器 207</p> <p>11.4.6 案例13——继承选择器 208</p> <p>11.4.7 案例14——伪类选择器 209</p> <p>11.5 选择器声明 210</p> <p>11.5.1 案例15——集体声明 210</p> <p>11.5.2 案例16——多重嵌套声明 210</p> <p>11.6 综合实例1——制作炫彩网站</p> <p> LOGO 211</p> <p>11.7 综合案例2——制作学生信息</p> <p> 统计表 214</p> <p>11.8 高手甜点 216</p> <p>11.9 跟我练练手 216</p> <p>第12章 使用CSS 3美化网页字体</p> <p> 与段落 217</p> <p>12.1 美化网页文字 218</p> <p>12.1.1 案例1——设置文字的字体 218</p> <p>12.1.2 案例2——设置文字的字号 219</p> <p>12.1.3 案例3——设置字体风格 220</p> <p>12.1.4 案例4——设置加粗字体 221</p> <p>12.1.5 案例5——将小写字母转为</p> <p> 大写字母 222</p> <p>12.1.6 案例6——设置字体的复合</p> <p> 属性 223</p> <p>12.1.7 案例7——设置字体颜色 224</p> <p>12.2 设置文本的**样式 225</p> <p>12.2.1 案例8——设置文本阴影</p> <p> 效果 225</p> <p>12.2.2 案例9——设置文本溢出</p> <p> 效果 226</p> <p>12.2.3 案例10——设置文本的控制</p> <p> 换行 228</p> <p>12.2.4 案例11——保持字体尺寸</p> <p> 不变 229</p> <p>12.3 美化网页中的段落 230</p> <p>12.3.1 案例12——设置单词之间的</p> <p> 间隔 230</p> <p>12.3.2 案例13——设置字符之间的</p> <p> 间隔 231</p> <p>12.3.3 案例14——设置文字的修饰</p> <p> 效果 232</p> <p>12.3.4 案例15——设置垂直对齐</p> <p> 方式 233</p> <p>12.3.5 案例16——转换文本的</p> <p> 大小写 234</p> <p>12.3.6 案例17——设置文本的水平</p> <p> 对齐方式 235</p> <p>12.3.7 案例18——设置文本的缩进</p> <p> 效果 237</p> <p>12.3.8 案例19——设置文本的</p> <p> 行高 238</p> <p>12.3.9 案例20——文本的空白</p> <p> 处理 239</p> <p>12.3.10 案例21——文本的反排 241</p> <p>12.4 综合案例1——设置网页标题 242</p> <p>12.5 综合案例2——制作新闻页面 243</p> <p>12.6 高手甜点 245</p> <p>12.7 跟我练练手 245</p> <p>第13章 使用CSS 3美化表格和表单</p> <p> 样式 247</p> <p>13.1 美化表格样式 248</p> <p>13.1.1 案例1——设置表格边框</p> <p> 样式 248</p> <p>13.1.2 案例2——设置表格边框</p> <p> 宽度 250</p> <p>13.1.3 案例3——设置表格边框</p> <p> 颜色 251</p> <p>13.2 美化表单样式 252</p> <p>13.2.1 案例4——美化��单中的</p> <p> 元素 253</p> <p>13.2.2 案例5——美化提交按钮 254</p> <p>13.2.3 案例6——美化下拉菜单 255</p> <p>13.3 综合案例1——制作用户登录页面 257</p> <p>13.4 综合案例2——制作用户注册页面 259</p> <p>13.5 高手甜点 261</p> <p>13.6 跟我练练手 262</p> <p>第14章 美化图片、背景和边框 263</p> <p>14.1 图片缩放 264</p> <p>14.1.1 案例1——使用max-width</p> <p> 和max-height缩放图片 264</p> <p>14.1.2 案例2——使用width和height</p> <p> 缩放图片 265</p> <p>14.2 设置图片的对齐方式 265</p> <p>14.2.1 案例3——设置图片横向</p> <p> 对齐 266</p> <p>14.2.2 案例4——设置图片纵向</p> <p> 对齐 266</p> <p>14.3 图文混排 268</p> <p>14.3.1 案例5——设置文字环绕</p> <p> 效果 268</p> <p> </p> <p>14.3.2 案例6——设置图片与文字的</p> <p> 间距 270</p> <p>14.4 使用CSS 3美化背景 271</p> <p>14.4.1 案例7——设置背景颜色 271</p> <p>14.4.2 案例8——设置背景图片 272</p> <p>14.5 使用CSS 3美化边框 273</p> <p>14.5.1 案例9——设置边框样式 273</p> <p>14.5.2 案例10——设置边框颜色 274</p> <p>14.5.3 案例11——设置边框线宽 275</p> <p>14.6 设置边框圆角效果 276</p> <p>14.6.1 案例12——设置圆角边框 276</p> <p>14.6.2 案例13——绘制4个不同圆角</p> <p> 边框 277</p> <p>14.7 综合案例1——制作图文混排网页 279</p> <p>14.8 综合案例2——制作公司主页 280</p> <p>14.9 高手甜点 284</p> <p>14.10 跟我练练手 284</p> <p> </p> <p> </p> <p>第3篇 jQuery Mobile移动技术</p> <p> </p> <p>第15章 JavaScript和jQuery 285</p> <p>15.1 认识JavaScript 286</p> <p>15.1.1 什么是JavaScript 286</p> <p>15.1.2 案例1——在HTML网页头中</p> <p> 嵌入JavaScript代码 286</p> <p>15.2 JavaScript对象与函数 287</p> <p>15.2.1 认识对象 287</p> <p>15.2.2 案例2——认识函数 288</p> <p>15.3 JavaScript事件 291</p> <p>15.3.1 事件与事件处理概述 291</p> <p>15.3.2 案例3——JavaScript的常用</p> <p> 事件 291</p> <p>15.4 认识jQuery 293</p> <p>15.4.1 jQuery能做什么 293</p> <p>15.4.2 案例4——jQuery的配置 293</p> <p>15.5 jQuery选择器 294</p> <p>15.5.1 案例5——jQuery的工厂</p> <p> 函数 294</p> <p>15.5.2 案例6——常见选择器 295</p> <p>15.6 高手甜点 297</p> <p>15.7 跟我练练手 297</p> <p>第16章 HTML 5、CSS 3 和JavaScript </p> <p> 的综合应用 299</p> <p>16.1 综合案例1——打字效果的文字 300</p> <p>16.2 综合案例2——文字升降** 302</p> <p>16.3 综合案例3——跑马灯效果 303</p> <p>16.4 综合案例4——左右移动的图片 305</p> <p>16.5 综合案例5——向上滚动菜单 307</p> <p>16.6 综合案例6——跟随鼠标指针移动的</p> <p> 图片 309</p> <p>16.7 综合案例7——树形菜单 310</p> <p>16.8 综合案例8——颜色选择器 315</p> <p>16.9 高手甜点 317</p> <p>16.10 跟我练练手 318</p> <p> </p> <p>第17章 熟悉jQuery Mobile 319</p> <p>17.1 认识jQuery Mobile 320</p> <p>17.2 跨平台移动设备网页jQuery Mobile 320</p> <p>17.2.1 案例1——移动设备模拟器 320</p> <p>17.2.2 案例2——jQuery Mobile的</p> <p> 安装 322</p> <p>17.2.3 案例3——jQuery Mobile网页</p> <p> 的架构 324</p> <p>17.3 案例4——创建多页面的jQuery </p> <p> Mobile网页 325</p> <p>17.4 案例5——将页面作为对话框使用 326</p> <p>17.5 案例6——绚丽多彩的页面切换</p> <p> 效果 328</p> <p>17.6 高手甜点 330</p> <p>17.7 跟我练练手 330</p> <p>第18章 jQuery Mobile UI组件 331</p> <p>18.1 套用UI组件 332</p> <p>18.1.1 表单组件 332</p> <p>18.1.2 按钮和组按钮 341</p> <p>18.1.3 按钮图标 343</p> <p>18.1.4 弹窗 345</p> <p>18.2 列表 346</p> <p>18.2.1 列表视图 346</p> <p>18.2.2 列表内容 349</p> <p>18.2.3 列表过滤 351</p> <p>18.3 面板和可折叠块 352</p> <p>18.3.1 面板 352</p> <p>18.3.2 可折叠块 354</p> <p>18.4 导航条 356</p> <p>18.5 jQuery Mobile主题 359</p> <p>18.6 高手甜点 362</p> <p>18.7 跟我练练手 362</p> <p>第19章 jQuery Mobile事件 363</p> <p>19.1 页面事件 364</p> <p>19.1.1 初始化事件 364</p> <p>19.1.2 外部页面加载事件 366</p> <p>19.1.3 页面过渡事件 368</p> <p>19.2 触摸事件 370</p> <p>19.2.1 点击事件 370</p> <p>19.2.2 滑动事件 373</p> <p>19.3 滚屏事件 374</p> <p>19.4 定位事件 377</p> <p>19.5 高手甜点 379</p> <p>19.6 跟我练练手 380</p> <p>第20章 数据存储和读取技术 381</p> <p>20.1 认识Web存储 382</p> <p>20.1.1 本地存储和cookies的区别 382</p> <p>20.1.2 Web存储方法 382</p> <p>20.2 使用HTML 5 Web Storage API</p> <p> 技术 382</p> <p>20.2.1 案例1——测试浏览器的支持</p> <p> 情况 383</p> <p>20.2.2 案例2——使用sessionStorage</p> <p> 方法创建对象 383</p> <p>20.2.3 案例3——使用localStorage</p> <p> 方法创建对象 385</p> <p>20.2.4 案例4——Web Storage API的</p> <p> 其他操作 387</p> <p>20.2.5 案例5——使用JSON对象</p> <p> 存取数据 387</p> <p>20.3 在本地建立数据库 390</p> <p>20.3.1 Web SQL Database概述 390</p> <p>20.3.2 数据库的基本操作 390</p> <p>20.3.3 数据表的基本操作 392</p> <p>20.3.4 数据的基本操作 393</p> <p>20.4 制作简单的Web留言本 395</p> <p>20.5 Web SQL Database的综合应用</p> <p> 技术 397</p> <p>20.6 高手甜点 400</p> <p>20.7 跟我练练手 400</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>第4篇 移动网站和APP开发实战</p> <p> </p> <p>第21章 插件的使用与开发 401</p> <p>21.1 初始插件 402</p> <p>21.1.1 什么是插件 402</p> <p>21.1.2 案例1——如何使用插件 402</p> <p>21.2 流行的插件 403</p> <p>21.2.1 案例2——jQueryUI插件 404</p> <p>21.2.2 案例3——Form插件 405</p> <p>21.2.3 案例4——提示信息插件 406</p> <p>21.2.4 案例5——jcarousel插件 407</p> <p>21.3 自定义的插件 407</p> <p>21.3.1 插件的工作原理 408</p> <p>21.3.2 案例6——自定义一个简单的</p> <p> 插件 408</p> <p>21.4 综合案例——创建拖曳购物车</p> <p> 效果 411</p> <p>21.5 高手甜点 413</p> <p>21.6 跟我练练手 413</p> <p>第22章 将移动网站封装成APP 415</p> <p>22.1 下载与安装Apache Cordova 416</p> <p>22.1.1 案例1——配置Android开发</p> <p> 环境 416</p> <p>22.1.2 案例2——通过npm安装Apache </p> <p> Cordova 421</p> <p>22.1.3 案例3——设置Android</p> <p> 模拟器 422</p> <p>22.2 综合案例——将网页转换为Android </p> <p> APP 424</p> <p>22.3 高手甜点 427</p> <p>22.4 跟我练练手 428</p> <p>第23章 家庭记账本APP实战 429</p> <p>23.1 记账本的需求分析 430</p> <p>23.2 数据库分析 430</p> <p>23.2.1 分析数据库 430</p> <p>23.2.2 创建数据库 430</p> <p>23.3 记账本的代码实现 431</p> <p>23.3.1 设计首页 431</p> <p>23.3.2 新增记账页面 431</p> <p>23.3.3 记账列表页面 433</p> <p>23.3.4 记账详情页面 434</p> <p>23.3.5 删除记账 435</p> <p>第24章 连锁酒店订购系统实战 441</p> <p>24.1 连锁酒店订购的需求分析 442</p> <p>24.2 网站的结构 442</p> <p>24.3 连锁酒店系统的代码实现 443</p> <p>24.3.1 设计首页 443</p> <p>23.3.2 订购页面 444</p> <p>23.3.3 连锁分店页面 449</p> <p>23.3.4 查看订单页面 451</p> <p>23.3.5 酒店介绍页面 452</p> <h1 align="center"></h1> </div>显示全部信息前 言前 言
“网站开发案例课堂”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书,由刘玉红策划,千谷网络科技实训**的**讲师编著,整套书涵盖网站开发、数据库设计等方面。整套书具有以下特点。
前沿科技
无论是网站建设、数据库设计还是HTML 5、CSS 3,我们都精选较为前沿或者用户群*大的领域推进,帮助大家认识和了解*新动态。
权威的作者团队
组织****实验室和**应用专家联手编著该套图书,融合丰富的教学经验与**的管理理念。
学习型案例设计
以技术的实际应用过程为主线,全程采用图解和同步多媒体结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度,提**习效率。<p>前 言</p> <p> “网站开发案例课堂”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书,由刘玉红策划,千谷网络科技实训**的**讲师编著,整套书涵盖网站开发、数据库设计等方面。整套书具有以下特点。</p> <p>前沿科技</p> <p> 无论是网站建设、数据库设计还是HTML 5、CSS 3,我们都精选较为前沿或者用户群*大的领域推进,帮助大家认识和了解*新动态。</p> <p>权威的作者团队</p> <p> 组织****实验室和**应用专家联手编著该套图书,融合丰富的教学经验与**的管理理念。</p> <p>学习型案例设计</p> <p> 以技术的实际应用过程为主线,全程采用图解和同步多媒体结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度,提**习效率。</p> <p>为什么要写这样一本书</p> <p> 原生应用程序APP的开发费用比较高,用时比较长,jQuery Mobile函数库的出现则很好地解决了这一问题,将HTML 5新技术和jQuery Mobile搭配使用,开发出的网站和普通APP没有区别,受到了广大客户的欢迎。目前学习和关注APP移动网站开发的人越来越多,而很多初学者都苦于找不到一本通俗易懂、容易入门和案例实用的参考书。通过本书的案例实训,可以很快地上手流行的工具,提高职业化能力,从而帮助解决公司与学生的双重需求问题。</p> <p>本书特色</p> <p>零基础、入门级的讲解</p> <p> 无论您是否从事计算机相关行业,无论您是否接触过APP和移动网站,都能从本书中找到*佳起点。</p> <p>超多、实用、专业的范例和项目</p> <p> 本书在编排上紧密结合深入学习APP和移动网站技术的先后过程,从HTML 5的基本概念开始,带大家逐步深入地学习各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者读起来简明轻松,操作起来有章可循。</p> <p> </p> <p>随时检测自己的学习成果</p> <p> 每章首页中,均提供了学习目标,以指导读者**学习及学后检查。</p> <p> 大部分章*后的“跟我练练手”板块,均根据本章内容精选而成,读者可以随时检测自己的学习成果和实战能力,做到融会贯通。</p> <p>细致入微、贴心提示</p> <p> 本书在讲解过程中,在各章中使用了“注意”“提示”“技巧”等小栏目,使读者在学习过程中更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。</p> <p>专业创作团队和技术支持</p> <p> 本书由千谷网络科技实训**编著和提供技术支持。您在学习过程中遇到任何问题,可加入QQ群221376441进行提问,专家人员会在线答疑。</p> <p> </p> <p>“移动网站和APP开发”学习*佳途径</p> <p> 本书以学习“移动网站和APP开发”的*佳制作流程来分配章节,从*初的HTML 5基本概念开始,然后讲解了CSS 3美化网页技术、jQuery Mobile移动等。同时在*后的项目实战环节特意补充了两个移动网站和APP的开发过程,以便更进一步提高读者的实战技能。</p> <p> </p> <p>超值光盘</p> <p>全程同步教学录像</p> <p> 涵盖本书所有知识点,详细讲解每个实例与项目的过程及技术关键点,比看书更轻松地掌握书中所有的APP和移动网站开发知识,而且扩展讲解部分能得到比书中更多的收获。</p> <p> </p> <p>超多容量**资源大放送</p> <p> 赠送大量**资源,包括本书案例源代码、教学幻灯片、本书精品教学视频、HTML 5标签速查手册、CSS属性速查表、jQuery Mobile 事件参考手册、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析等。</p> <p> </p> <p> </p> <p>读者对象</p> <p>没有任何APP和移动网站开发基础的初学者</p> <p>有一定的HTML 5和CSS 3基础,想精通APP和移动网站开发的人员</p> <p>有一定的HTML 5和CSS 3基础,没有项目经验的人员</p> <p>正在进行毕业设计的学生</p> <p>大专院校及培训学校的老师和学生</p> <p> </p> <p> </p> <p>创作团队</p> <p> 本书由刘玉红和蒲娟编著,参加编写的人员还有刘玉萍、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、梁云梁和周浩浩。在编写过程中,我们竭尽所能地将*好的讲解呈现给读者,但难免有疏漏和不妥之处,敬请读者不吝指正。如读者在学习中遇到困难或疑问,或有何建议,可写信至邮箱357975357@qq.com。</p> <p> </p> <p> </p> <p> 编 者 </p>显示全部信息免费在线读第2章 HTML 5网页文档结构
文档结构,主要是指文章的内部结构,在网页中则表现为整个页面的内部结构。在HTML 5之前,并没有对网页文档的结构进行明确的规范,因而如果打开一个网页源��码,可能无法分清哪些是头部哪些是尾部,而在HTML 5中则对这些进行了明确的规范。
学习目标(已掌握的在方框中打钩)
掌握Web标准规定的内容
掌握HTML 5文档的基本结构
掌握制作符合W3C标准的HTML 5网页
2.1 Web标准
在学习HTML 5网页文档结构之前,首先需要了解Web的标准,该标准主要是为了解决各种浏览器与网页的兼容性问题。
2.1.1 Web标准概述
无规矩不成方圆,对于网页设计也是如此。为了Web更好地发展,对于开发人员和*终用户而言,非常重要的事情就是在开发新的应用程序时,浏览器开发商和站点开发商需要共同遵守标准,这个标准就是Web标准。