这是一本用来修炼网页编程基本功的图书，本书并不是从讲解酷炫功能入手，而是一步一步将HTML5元素

与CSS3属性依功能分类，详细地用程序实例进行解析，期望读者以最轻松的方式学会网页设计的基础知识。

本书分成三篇：第一篇：HTML5完整学习（这一篇是学习网页设计的基础。笔者将绝大部分HTML5的

元素依功能分成10章，用了约150个程序实例与图片做出说明，相信读者可以由此建立HTML的扎实基础）；

第二篇：CSS3完整学习（本篇学习网页的编辑与美化。笔者将绝大部分CSS3的属性依功能分成14章，用了

约240个程序实例与图片做说明，在此读者可以彻底学会网页编辑与美化的基础方法与技巧）；第三篇：迈向

网页设计高手之路（在这一篇中最基础的知识是JavaScript，当读者学会之后，可以继续阅读网页结构BOM与

DOM。后面章节读者可以挑选有兴趣的主题阅读；如果对动画有兴趣可以阅读Canvas；如果对设计汽车导航与

地图定位有兴趣可以阅读第31章；如果希望学习设计移动端网页可以参考第32章。在最后一章，本书将以实例

说明网页转成APP应用程序的方法，未来各位读者可以随时将用HTML+CSS+JavaScript开发的网页转成APP。

在这一篇笔者用了约210个程序实例与图片做解说，这将对读者学习高级的网页设计有很大的帮助。

为了提升这本网页编程图书的阅读体验，本书从策划阶段就决心彩色印刷，因此，在图书结构上、案例选择

上以及代码样式上都进行了细心设计，力争呈现给读者一本与众不同的网页编程书。

序

根据多年的自学与教学经验，作者深刻体会到建立扎实学识基础的重要性，因此本书一开始并不是介绍一些炫酷的功能，而是一步一步将HTML5元素与CSS3属性依功能分类，详细地用程序实例做解说，期望读者以最轻松的方式学会网页设计的基础知识。

本书分成三篇：

第一篇：HTML5完整学习

这一篇是学习网页设计的基础。作者将绝大部分HTML5的元素（Element）依功能分成10个章节，用了约150个程序实例与图片做说明，相信读者可以由此建立HTML的扎实基础。

第二篇：CSS3完整学习

这一篇是学习网页的编辑与美化。作者将绝大部分CSS3的属性（Properties）依功能分成14个章节，用了约240个程序实例与图片做说明，在此读者可以彻底学会网页编辑与美化的基础方法与技巧。

第三篇：迈向网页设计高手之路

在这一篇中最基础的知识是JavaScript，当读者学会之后，可以继续阅读网页结构的知识BOM与DOM。后面章节读者可以挑选有兴趣的主题阅读；如果对动画有兴趣可以阅读Canvas；如果对设计汽车导航与地图定位有兴趣可以阅读第31章介绍的内容；如果希望学习设计用于手机或平板电脑显示的网页可以参考第32章介绍的内容。在最后一章，本书将以实例说明网页转成APP应用程序的方法，未来各位读者可以随时将用HTML+CSS+JavaScript开发的网页转成APP。在这一篇，作者用了约210个程序实例与图片做解说，对读者学习高级的网页设计有很大的帮助。

HTML5+CSS3的设计方式已经改变了整个网页设计的观念。过去设计网页可以在HTML文件内做编辑美化，如今这些工作已经全部交由CSS处理，所以许多老版本的元素和属性已经被弃用。作者在撰写本书时也特别谨慎，原则上在程序内容中不再放入已经弃用的元素与属性，以免误导读者。另外，对于最新流行的响应式网页设计，作者也将以实例做解说。依作者的经验，在设计网页过程中随时需要参考HTML与CSS的语法，为了便于读者查询，本书附录部分包含了HTML元素与属性的索引表和CSS属性的索引表，这也将是各位工作时用来查询与参考的一大利器。

其实学会前2篇的内容已经足够让读者成为前端的网页设计师了，如果还有兴趣继续钻研，可以阅读第三篇。

作者写过许多计算机方面的书籍，本书沿袭一贯特色，程序实例丰富，相信读者只要按照本书内容学习，必定可以在最短时间内精通网页设计。编写本书虽力求完美，但能力有限，谬误难免，尚祈读者不吝指正。

第一篇  HTML5完整学习

第1章  HTML5 的历史

1-1  认识HTML3

1-2  蒂姆·伯纳斯 -李

      (Tim Berners Lee)3

1-3  HTML历史上的3个重要协会4

1-4  HTML的发展史5

1-5  HTML开发中的插曲XHTML6

1-6  HTML与浏览器的兼容问题6

第2章  HTML5 从零开始

2-1  HTML5与HTML 4.018

2-2  HTML文件结构8

2-2-1  大小写皆可8

2-2-2  文件声明doctype8

2-2-3  <html> … </html>8

2-2-4  <head> … </head>9

2-2-5  <body> … </body>9

2-3  认识HTML基本元素9

2-4  HTML标记类型10

2-5  我的第一个HTML文件10

2-5-1  编辑我的第一个HTML文件10

2-5-2  执行我的第一个HTML文件11

2-5-3  Notepad++11

2-6  解析我的第一个HTML文件12

2-6-1  <meta>元素12

2-6-2  <title>元素13

2-6-3  文件主体13

2-7  HTML文件的批注14

习题14

第3章  HTML文件输出的基本知识

3-1  浏览器处理数据的输出16

3-2  标题输出<hn>元素16

3-3  换行输出<br>元素17

3-4  保持原始文件样式<pre> 元素17

3-5  水平线<hr>元素18

3-6  段落<p>元素18

3-7  文件某个区域<section> 元素19

3-8  页首<header>元素19

3-9  页尾<footer> 元素20

3-10  粗体显示<b>和<strong>元素20

3-11  斜体<em>和<i>元素21

3-12  引用<cite>、<q>和

      ?<blockquote>元素21

3-13  加上底纹<mark> 元素22

3-14  小型字<small> 元素22

3-15  显示与计算机有关联的文字<kbd>、

      ?<samp>、<var>

      ?和<code>元素22

3-16  定义缩写<abbr>元素23

3-17  定义用语<dfn>元素23

3-18  内容新增与删除<ins>

      ?和<del>元素24

3-19  隔离双向文字走向<bdi> 元素24

3-20  指定文字走向<bdo dir=

      ?"direction"> … </bdo>25

3-21  标示注音或拼音<ruby>、

      ?<rt>和<rp>元素25

3-22  上标<sup>和下标

      ?<sub>元素26

3-23  输出特殊字符26

3-24  HTML的树状结构27

3-25  HTML5不再支持的元素与

      ?属性设定28

习题29

第4章  设计含超链接的网页

4-1  <a> … </a>的基本应用31

4-2  浏览脉络的设定31

4-3  从一个文件跳到另一个文件32

4-3-1  超链接的HTML文件在同一个

      文件夹32

4-3-2  超链接的文件在子文件夹34

4-3-3  超链接的文件在父文件夹34

4-3-4  绝对路径35

4-4  同一个HTML文件中的超链接35

4-5  设定联络信息<address>元素36

4-6  链接到电子邮件信箱37

4-7  引用短文的实例<cite>元素与

      超链接的应用38

4-8  指定基准的URL38

习题39

第5章  制作项目列表

5-1  点符列表41

5-2  有编号的项目列表41

5-3  设定有编号项目列表的起始编号42

5-4  更改项目列表的连续编号43

5-5  更改项目列表的编号种类43

5-6  项目列表编号递减的应用44

5-7  自定义清单45

习题45

第6章  设计表格

6-1  表格的基本元素47

6-2  表格框线的border属性47

6-3  建立表头<thead>和<th>元素48

6-4  建立表格本体<tbody>元素48

6-5  建立表尾<tfoot>元素49

6-6  合并横向单元格colspan属性49

6-7  合并纵向单元格rowspan属性50

6-8  表格的标题<caption>元素51

6-9  单元格的群组化<colgroup>

      和<col>元素51

6-10  表格与超链接的混合应用52

习题53

第7章  嵌入图片

7-1  嵌入图片<img>元素55

7-2  标示文件标题<figure>和

      <figcaption>元素56

7-3  制作响应图56

7-3-1  建立地图<img>56

7-3-2  响应图<map>57

7-3-3  定义响应图的链接区域<area>57

7-4  在表格内嵌入图片58

7-5  设计图片的超链接59

7-6  将图片作为项目符号60

7-7  简易编排嵌入图片与文字61

7-8  GIF动画62

习题63

第8章  设计多媒体网页

8-1  播放影片<video>元素65

8-2  播放声音<audio>元素68

8-3  指定多个播放文件<source>元素70

8-4  为影片加入字幕功能<track>元素72

8-4-1  认识与建立WebVTT文件73

8-4-2  HTML5 Video Caption Maker74

8-4-3  为影片加字幕的实例75

8-5  嵌入资源文件<embed>元素77

8-6  嵌入对象<object>元素78

8-7  设定嵌入对象的参数<param>

      元素79

8-8  建立嵌入的浮动框架<iframe>元素80

习题82

第9章  制作输入表单

9-1  制作输入表单<form>元素84

9-2  制作表单组件<input>元素85

9-2-1  制作提交按钮submit属性值88

9-2-2  制作重设按钮reset属性值89

9-2-3  制作单行输入的文本框

      text属性值89

9-2-4  制作可输入密码的文本框

      password属性值90

9-2-5  制作搜索框search属性值91

9-2-6  制作图片按钮image属性值91

9-2-7  制作输入电话号码的文本框tel

      属性值92

9-2-8  制作输入电子邮件字段的文本框

      email属性值92

9-2-9  制作输入URL的文本框url

      属性值92

9-2-10  制作单选按钮radio属性值93

9-2-11  制作复选框checkbox属性值94

9-2-12  制作数值输入框number属性值95

9-2-13  制作指定范围的数值输入框range

        属性值95

9-2-14  指定颜色color属性值96

9-2-15  制作不显示但要传送的信息hidden

        属性值96

9-2-16  制作输入时间的控件time属性值97

9-2-17  制作输入日期的控件date属性值98

9-2-18  制作输入周次week属性值98

9-2-19  制作输入年份和月份month

        属性值99

9-2-20  本地与世界标准时间datetime/

        datetime-local属性值99

9-2-21  制作选择文件后上传的file

        属性值100

9-3  建立多行输入的文字框

      <textarea>元素101

9-4  为对象加上关联标记

      <label>元素102

9-5  显示进度<progress>元素103

9-6  显示仪表值<meter>元素103

9-7  下拉式选单与列表框

      <select>和<option>元素104

9-7-1  建立下拉式选单    104

9-7-2  建立列表框105

9-7-3  选项组化<optgroup>元素106

9-8  制作文字框的候补选项

      <datalist>和<option>元素107

9-9  表单组件群组化

      <fieldset>和<legend>元素108

9-10  加密密钥<keygen>元素109

习题110

第10章  HTML功能总结

10-1  全局属性112

10-2  事件属性115

10-3  认识<script>元素与一个

      ?超简单的JavaScript应用117

10-4  设定一般区块<div>元素119

10-5  设定一般范围<span>元素119

10-6  区块层级与行内层级120

10-7  网页布局121

10-7-1  <header>元素与群组化标题122

10-7-2  <nav>元素应用实例122

10-7-3  <article>元素应用实例123

10-7-4  <aside>元素应用实例123

10-8  HTML章节的概念124

10-9  日期与时间<time>元素124

习题125

第二篇  CSS3完整学习

第11章  CSS3的基础知识

11-1  CSS基本语法129

11-1-1  CSS基本语法格式129

11-1-2  多个选择器使用

      ?相同的声明区块129

11-1-3  CSS的批注129

11-2  CSS颜色设定130

11-2-1  1600万种颜色130

11-2-2  网络安全颜色—— 256种颜色130

11-2-3  HSL颜色131

11-3  套用CSS的方法132

11-4  class选择器133

11-5  字体133

11-5-1  设置字体名称的

      ?font-family属性134

11-5-2  设置字号的font-size属性134

11-5-3  设置字体样式的font-style属性135

11-5-4  设置字体样式的

      ?font-weight属性135

11-5-5  font-variant136

11-5-6  font-size-adjust136

11-5-7  font137

11-5-8  @font-face137

11-5-9  综合应用137

11-6  id选择器138

11-7  属性选择器138

11-8  全局选择器140

11-9  虚拟选择器140

11-9-1  链接的虚拟类别:link和:visited140

11-9-2  动作虚拟类别141

11-9-3  目标虚拟类别141

11-10  前缀词的使用142

习题142

第12章  段落文字的编排知识

12-1  设置文字对齐方式的text-align

       属性144

12-2  设置首行缩排的text-indent

       属性144

12-3  设定行高的line-height属性145

12-4  设置字母间距的letter-spacing

       属性146

12-5  设置文字间距的word-spacing

       属性147

12-6  处理空格符的white-space属性147

12-7  大小写转换的text-transform

       属性148

12-8  设置文字阴影的text-shadow

       属性149

12-9  设置线条装饰的text-decoration

       属性149

12-10  再谈线条装饰150

12-10-1  text-decoration-line150

12-10-2  text-decoration-color150

12-10-3  text-decoration-style151

12-11  设定制表符宽度的tab-size

      ? 属性151

12-12  设定换行的word-wrap属性152

12-13  设定文字超出范围的

      ? text-overflow属性153

习题153

第13章  将CSS应用在项目列表

13-1  建立项目列表符号的

       list-style-type属性155

13-2  建立图片项目符号的

       list-style-image属性156

13-3  项目符号与编号位置的

       list-style-position属性156

13-4  简易表示法list-style157

习题157

第14章  设计背景

14-1  透明色159

14-1-1  rgba()函数159

14-1-2  hsla()函数159

14-1-3  透明度opacity159

14-2  设置背景颜色的

      background-color属性160

14-3  设置背景图像的

      background-image属性161

14-4  设置背景是否重复出现的

       background-repeat属性162

14-5  设置背景图片位置的

       background-position属性163

14-6  设置背景图片大小的

       background-size属性165

14-7  设置背景图片随内容卷动的

       　background-attachment属性166

14-8  背景简易表示法background167

习题168

第15章  完整学习Box Model

15-1  认识Box Model170

15-2  外边距的设计170

15-2-1  <body>的外边距172

15-2-2  外边距的合并172

15-2-3  外边距应用在段落输出的实例173

15-3  内边距的设计174

15-4  边框的设计175

15-4-1  边框样式176

15-4-2  边框色彩178

15-4-3  边框宽度179

15-4-4  边框属性的简易表示法179

15-4-5  圆角边框180

15-4-6  设计图案边框181

15-5  补充背景功能background-clip和

       back ground-origin属性187

15-5-1  设定背景显示范围的

         background-clip属性187

15-5-2  设定背景图案的基准位置的

         background-origin属性187

15-6  设定盒子阴影的box-shadow

       属性188

15-7  设定盒子宽度与高度的box-sizing

       属性190

15-8  内容超出范围时的显示方式190

15-9  outline属性192

15-10  设定内容盒子尺寸的resize

      ? 属性193

习题194

第16章  将CSS应用在表格数据

16-1  表格标题196

16-2  表格底色的设计196

16-3  表格框线设计197

16-4  单元格框线的距离197

16-5  为单元格内容加上内边距198

16-6  显示或隐藏空白的单元格199

16-7  表格框线的模式201

16-8  单元格内容排版201

16-9  表格版面的排版202

16-10  综合应用202

习题204

第17章  设计渐变效果

17-1  线性渐变函数

      ?linear-gardient()206

17-2  放射状渐变函数

      ?radial-gradient()208

17-3  重复线性渐变函数

      ?repeating-linear-gradient()209

17-4  重复放射性渐变函数

      ?repeating-radial-gradient()210

习题211

第18章  设计多栏版面

18-1  设定栏数量与宽度的columns

      ?属性213

18-1-1  设定栏数量的column-count

      ? 属性213

18-1-2  设定栏宽度的column-width

      ? 属性214

18-1-3  栏数量与宽度简易

      ? 表示法columns214

18-2  设定栏与栏间距的column-gap

      ?属性215

18-3  设定栏与栏线属性column-rule215

18-3-1  设定栏线类型的column-rule-style

      ?属性215

18-3-2  设定栏线颜色的column-rule-color

      ?属性216

18-3-3  设定栏线宽度的column-rule-width

      ?属性216

18-3-4  栏线属性的简易表示法column-rule217

18-4  设置跨栏显示的column-span

      ?属性217

18-5  设定栏高度的column-fill属性218

18-6  换栏或换页219

18-6-1  break-before219

18-6-2  break-after220

18-6-3  break-inside220

习题221

第19章  定位与网页排版

19-1  设定盒子的大小223

19-2  设定盒子大小的极限223

19-3  display属性224

19-4  用于定位的position属性225

19-4-1  position属性值是relative的程序

      ?实例226

19-4-2  position属性值是absolute的程序

      ?实例228

19-4-3  position属性值是fixed的程序

      ?实例229

19-4-4  综合应用229

19-5  设定与解除图旁串字230

19-5-1  设定图旁串字的float属性230

19-5-2  清除图旁串字的clear属性231

19-6  堆叠顺序232

19-7  显示或隐藏元素的visibility属性233

19-8  用box调整元素呈现方式的

      ?object-fit属性233

19-9  设定垂直对齐的vertical-align

      ?属性234

习题235

第20章  使用弹性容器（flexible container）排版

20-1  flex container的基本概念237

20-2  弹性容器的声明237

20-3  设定版面方向（flex-direction）238

20-4  设定弹性区块内为多行排列

      ?（flex-wrap）239

20-5  直接设定排版方向和行数

      ?（flex-flow）241

20-6  版面区块的排列顺序（order）241

20-7  增加版面区块对象宽度

      ?（flex-grow）243

20-8  缩减版面区块对象宽度

      ?（flex-shrink）243

20-9  调整前的区块对象宽度

      ?（flex-basis）244

20-10  增减区块宽度的简易表示法（flex）245

20-11  设定留白的方式

      ?（justify-content）246

20-12  垂直方向留白的处理

      ?（align-items）247

20-13  个别版面区块留白的处理

      ?(align-self)249

20-14  弹性容器有多行版面区块时留白

         的处理（align-content）250

20-15  综合应用252

习题252

第21章  动画设计 —— 过渡效果

21-1  设定过渡效果时间的属性

      ?transition-duration254

21-2  设定过渡效果的属性

      ?transition-property254

21-3  设定过渡延迟时间的属性

      ?transition-delay255

21-4  设计过渡速度的属性

      ?transition-timing-function255

21-5  过渡效果的简易表示法

      ?transition256

21-6  综合应用257

习题257

第22章  设计网页动画

22-1  关键帧（@keyframes）259

22-2  运用关键帧（animation-name）259

22-3  设定动画时间

      ?（animation-duration）259

22-4  设计动画变速方式

      ?（animation-timing-function）260

22-5  设定动画次数

      ?（animation-iteration-count）261

22-6  设定动画重复执行的方向

      ?（animation-direction）262

22-7  设定动画执行或是暂停

      ?（animation-play-state）263

22-8  设定动画延迟的时间

      ?（animation-delay）264

22-9  设定动画延迟与完成的样式

      ?（animation-fill-mode）264

22-10  动画的简易表示法animation265

习题265

第23章  变形动画

23-1  2D变形效果267

23-2  2D变形的基准点271

23-3  3D变形效果271

23-4  3D变形的基准点274

23-5  设定透视图视点距离275

23-6  透视图的基准点277

23-7  巢状元素产生时子元素的处理277

23-8  是否显示背面内容278

习题279

第24章  响应式（RWD）网页设计

24-1  设置鼠标指针的形状281

24-2  媒体查询281

24-2-1  媒体类型282

24-2-2  媒体特性282

24-2-3  媒体查询设计使用@media282

24-2-4  媒体查询设计使用<link>284

24-2-5  媒体查询设计使用@import285

24-3  选择器完整说明285

24-4  响应式网页设计289

24-4-1  响应式网页实例 290

24-4-2  设计响应式网页的基本原则290

24-4-3  viewport290

24-4-4  浏览画面设计291

24-4-5  导览区套用样式表292

24-4-6  文章区套用样式表293

24-4-7  侧边栏区套用样式表293

24-4-8  其他设计293

24-4-9  完整程序内容294

习题294

  

第三篇  迈向网页设计高手之路

第25章  JavaScript基础知识

25-1  JavaScript的功能297

25-2  JavaScript的输出297

25-3  撰写JavaScript代码的位置297

25-3-1  将JavaScript代码写在<head>

      ?元素内298

25-3-2  将JavaScript代码写在<body>

      ?元素内298

25-3-3  以外部文件方式撰写JavaScript

      ?代码299

25-3-4  存取HTML内容输出的实例299

25-3-5  document.write()输出的实例299

25-4  JavaScript基本语法300

25-5  声明变量301

25-6  数据类型302

25-6-1  数值数据302

25-6-2  字符串数据303

25-6-3  对象数据303

25-6-4  综合应用304

25-7  运算符304

25-7-1  算术运算符305

25-7-2  递增、递减运算符305

25-7-3  赋值运算符306

25-8  布尔值、比较运算与逻辑运算306

25-8-1  布尔值306

25-8-2  比较运算符307

25-8-3  逻辑运算符308

25-9  位运算符309

25-10  运算符的优先级310

习题310

第26章  JavaScript的流程控制

26-1  if 语句312

26-1-1  if 语句312

26-1-2  if … else语句312

26-1-3  if … else if … else语句313

26-1-4  判断条件可以扩展314

26-2  switch语句314

26-3  for语句316

26-4  while语句317

26-5  do … while语句317

26-6  特殊表达式318

26-7  数组array319

26-7-1  Array的方法320

26-7-2  Array的属性320

26-8  for/in语句321

26-9  综合应用322

习题322

第27章  JavaScript的函数设计

27-1  基本函数设计324

27-2  设计一个可以传递参数的函数325

27-3  函数调用同时有返回值325

27-4  全局变量与局部变量326

27-5  函数被定义在对象内327

习题328

第28章  浏览器对象模型BOM

28-1  认识BOM330

28-2  window对象330

28-2-1  有趣的程序测试330

28-2-2  window对象的属性331

28-2-3  window对象的方法333

28-3  screen对象338

28-4  navigator对象338

28-5  history对象339

28-6  location对象340

习题341

第29章  HTML的文件对象模型DOM

29-1  认识DOM343

29-2  取得HTML元素344

29-2-1  getElementByID()344

29-2-2  getElementsByTagName()344

29-2-3  getElementsByClassName()345

29-2-4  querySelectorAll()和

      ?querySelector()345

29-2-5  双层条件的存取功能346

29-2-6  返回串行的长度length346

29-2-7  元素上下文属性347

29-2-8  元素大小与位置348

29-2-9  更改图片大小349

29-3  更改HTML元素内容349

29-3-1  更改标题或段落的内容349

29-3-2  更改属性内容350

29-4  DOM节点和浏览元素350

29-4-1  认识相关名词351

29-4-2  存取节点值351

29-4-3  <body>和<html>节点352

29-4-4  相同父节点的兄弟节点内容353

29-4-5  存取父节点354

29-5  建立、插入、删除节点355

29-5-1  建立节点355

29-5-2  将节点插入特定位置355

29-5-3  删除节点356

29-5-4  更换节点356

29-6  DOM与CSS357

29-7  HTML的集合对象359

29-7-1  document.images359

29-7-2  document.forms360

29-7-3  document.links361

29-8  DOM 事件属性361

29-8-1  onload与onunload事件362

29-8-2  onchange事件362

29-8-3  onclick事件363

29-8-4  ondblclick事件364

29-8-5  onmouseover和onmouseout事件364

29-8-6  onmousedown和onmouseup事件364

29-8-7  在JavaScript内建立事件365

习题366

第30章  HTML Canvas绘图与动画

30-1  建立Canvas绘图环境368

30-2  绘制矩形368

30-2-1  rect()、stroke()和strokeRect()368

30-2-2  fillRect()和fillStyle()369

30-2-3  clearRect()370

30-3  绘制线条370

30-3-1  绘制直线370

30-3-2  beginPath()和closePath()371

30-3-3  lineWidth371

30-3-4  fill()372

30-3-5  lineCap372

30-3-6  lineJoin373

30-4  绘制圆形或弧线373

30-4-1  绘制圆形373

30-4-2  绘制弧线374

30-4-3  顺时针弧线或逆时针弧线375

30-4-4  实心圆的绘制376

30-4-5  arcTo()376

30-5  色彩渐变效果的处理377

30-5-1  线性渐变377

30-5-2  辐射渐变379

30-5-3  将渐变应用在矩形框线380

30-6  绘制文字382

30-6-1  font382

30-6-2  fillText()和strokeText382

30-6-3  文字输出与渐变的应用382

30-6-4  输出文字居中对齐383

30-7  绘制图像383

30-8  建立简单动画385

30-9  位移与旋转386

习题390

第31章  取得用户的经纬度数据

31-1  HTML的 Geolocation392

31-2  getCurrentPosition()393

31-3  watchPosition()和clearWatch()394

习题395

第32章  jQuery Mobile移动版网页设计

32-1  安装Opera Mobile Classic 

      ?Emulator397

32-2  我的第一个采用jQuery Mobile

      ?设计的网页398

32-3  jQuery的基本网页架构399

32-4  超链接功能401

32-5  对话框的设计402

32-6  页面的切换402

32-7  建立按钮403

32-7-1  使用<input>元素建立按钮403

32-7-2  使用<button>元素建立按钮404

32-7-3  使用<a>元素建立按钮404

32-7-4  按钮图标404

32-7-5  设定按钮图标的位置404

32-7-6  更多图标设定405

32-8  弹出框的设计406

32-9  工具栏406

32-9-1  页首区406

32-9-2  页尾区407

32-10  导航栏407

32-11  面板（Panel）409

32-12  可折叠区块410

32-12-1  基本可折叠区块410

32-12-2  巢状可折叠区块411

32-13  建立表格411

32-13-1  Reflow表格411

32-13-2  Column Toggle表格412

32-13-3  将样式表应用在表格413

32-14  列表显示414

32-15  列表符号416

32-15-1  默认列表符号   416

32-15-2  自设列表图标416

32-15-3  清单的缩图    417

32-15-4  为缩图加上文字批注417

32-15-5  分割列表按钮417

32-16  制作输入表单418

32-16-1  <label>元素418

32-16-2  text属性418

32-16-3  功能按钮属性419

32-16-4  radio属性420

32-16-5  checkbox属性420

32-16-6  select属性421

32-16-7  range属性421

32-16-8  On/Off切换设计422

习题422

第33章  将网页转成APP应用程序

33-1  准备HTML文件424

33-2  准备config.xml配置文件424

33-3  压缩网页与配置文件425

33-4  建立APP应用程序425

33-5  重新上传文件427

附录A  HTML标记列表

附录B  HTML属性索引表

附录C  CSS属性索引表

附录D  网页设计使用的单位

D-1  绝对单位445

D-2  相对单位445

D-3  百分比445

附录E  认识网页设计的颜色

HTML、CSS、JavaScript算编程语言吗？应该说是算的。曾经，HTML、CSS、JavaScript是每一个网页前端程序员的基本素质，而现在，这三者似乎已经成为了互联网设计师的标配技能。所以，对编程基础比较差的人（比如设计师），找到一本真正适合入门的书事关重大！洪老师这本书，首先用全彩印刷奠定了与真实开发场景一模一样的阅读体验，所有代码均为编辑器截图，各种标记、颜色、加粗等细节一目了然，在此基础上所有程序语法按照特性分类，同时以实用的程序范例进行解说，让读者可以事半功倍地轻松掌握相关知识。

HTML、CSS、JavaScript算编程语言吗？应该说是算的。曾经，HTML、CSS、JavaScript是每一个网页前端程序员的基本素质，而现在，这三者似乎已经成为了互联网设计师的标配技能。所以，对编程基础比较差的人（比如设计师），找到一本真正适合入门的书事关重大！洪老师这本书，首先用全彩印刷奠定了与真实开发场景一模一样的阅读体验，所有代码均为编辑器截图，各种标记、颜色、加粗等细节一目了然，在此基础上所有程序语法按照特性分类，同时以实用的程序范例进行解说，让读者可以事半功倍地轻松掌握相关知识。