HTML5、CSS3、RWD、jQuery Mobile跨设备网页设计

第1章 网页设计简介 1

1-1 网页设计的流程 2

1-1-1 搜集资料与规划网站架构 2

1-1-2 网页制作与测试 3

1-1-3 网站上传与推广 3

1-1-4 网站更新与维护 4

1-1-5 搜索引擎优化 5

1-2 网页设计相关的程序设计语言 5

1-3 HTML的演进 8

1-4 HTML5 的新功能 10

1-5 HTML5 文件的编写方式 13

1-5-1 HTML5文件的编辑工具 13

1-5-2 HTML5 文件的基本语法 15

1-5-3 编写第一份 HTML5 文件 19

1-5-4 HTML5 文件的验证 21

习题 22

第2章 文件结构 23

2-1 HTML 文件的DOCTYPE —— 元素 24

2-2 HTML 文件的根元素—— 元素 24

2-2-1 全局属性 25

2-2-2 事件属性 25

2-3 HTML 文件的标头—— 元素 26

2-3-1

2-3-2 元素（文件相关信息） 27

2-4 HTML 文件的主体—— 元素 28

2-4-1

~

元素（标题1 ~ 6） 33

2-4-2

元素（段落） 34

2-5 HTML5 新增的结构元素 36

2-6 区段结构 37

2-6-1

与

元素（文章 / 通用的区段） 37

2-6-2

元素（导航条） 38

2-6-3

与

元素（页首/页尾） 40

2-6-4

元素（侧边栏） 42

2-7 区段的附加信息 43

2-7-1

元素（联络信息） 43

2-7-2 元素（日期时间） 43

习题 44

第3章 数据编辑与格式化 46

3-1 区块格式 47

3-1-1

元素（预先格式化的区块） 47

3-1-2

元素（左右缩排的区块） 47

3-1-3

元素（水平线） 48

3-1-4

元素（分组成一个区块） 49

3-1-5 元素（跑马灯） 49

3-1-6 （注释） 50

3-2 文字格式 51

3-2-1 、、、、、、、、、、

、、、、、、"、 元素 51"

3-2-2 、

3-2-3 、 元素（字体） 53

3-2-4

元素（换行） 54

3-2-5 元素（分组成一行） 56

3-3 项目符号与编号——

、

、

元素 57

3-4 定义列表——

、

、

元素 59

3-5 插入或删除数据—— 、元素 59

3-6 提示文字—— title 属性 60

习题 61

第4章 超链接 64

4-1 URI的类型 65

4-1-1 绝对URI 65

4-1-2 相对URI 65

4-2 标记超链接—— 元素 66

随堂练习 67

4-2-1 自定义超链接文字的颜色 68

4-2-2 链接至E-mail地址的超链接 69

4-3 指定相对URI的路径信息—— 元素 70

4-4 指定文件之间的引用—— 元素 70

4-5 建立书签 72

4-6 嵌入图片—— 元素 73

4-6-1 图片的高度、宽度与框线 74

4-6-2 图片的对齐方式 74

4-7 影像地图—— 、 元素 76

4-8 标注——

、

元素 79

4-9 建立绘图区——

习题 81

第5章 表格 84

5-1 建立表格—— 、、

、 元素 85

5-2 表格与单元格的格式化 88

5-2-1 表格的背景颜色与背景图片 89

5-2-2 表格的宽度、框线颜色、单元格填充与单元格间距 89

5-2-3 表格的对齐方式 90

5-2-4 单元格的对齐方式 92

5-2-5 单元格的背景颜色与背景图片 93

随堂练习 93

5-3 表格标题—— 元素 94

5-4 表格的表头、主体与表尾—— 、、元素 95

5-5 直列式表格—— 、 元素 97

习题 99

第6章 影音多媒体 102

6-1 HTML5 的影音功能 103

6-2 嵌入视频与音频—— 、

6-3 嵌入资源文件—— 元素 106

6-4 嵌入对象—— 元素 106

6-4-1 嵌入视频 107

6-4-2 嵌入音频 108

6-4-3 嵌入ActiveX Controls 108

6-5 嵌入Scripts ——

本书讲解以HTML5与CSS3为主，结合Responsive Web Design（RWD）与jQuery Mobile技术为网页设计人员提供了一个跨平台、跨设备的解决方案。 　　本书共17章，分为4篇。HTML5篇：介绍了网页设计基础，文件结构，数据编辑与格式化，超链接，表格，影音多媒体，窗口与后端处理；CSS3篇：介绍了CSS基本语法，字体、文本、列表、颜色、背景、与渐变属性，Box Model与定位方式，表格属性，特殊效果与媒体查询；Responsive Web Design（RWD）篇：介绍了移动版网页和PC版网页之间比较明显的差异、移动版网页的设计原则和实用技巧；jQuery Mobile篇：介绍了使用jQuery Mobile开发移动网页和jQuery Mobile的 UI组件。 　　本书适合网页设计初学者，可适用于高等院校相关专业和培训学校的教材和辅导用书。

本书综合考虑了用 HTML5 进行网页设计时兼顾电脑平台和移动平台的需要，让网页开发者可以做到“一次开发到处运行”，即只设计和编写一次网页程序，就可以在各种设备上风格一致地顺畅运行，达到事半功倍的效果。
　　而实现这一目标的关键是综合使用这四种技术：HTML5 + CSS + RWD + jQuery Mobile。本书的核心就是围绕这一关键目标展开的，每一章都配备了实用且细致的范例程序。因此，无论是采用此书作为教材的学生还是购买本书自学的读者，都能在学习和实践中迅速掌握将这些关键技术运用于跨平台网页设计的技能，并运用到自己的项目开发过程中。
　　由于 HTML5 标准相对比较新，并不是所有的浏览器或者它们的旧版本都能完整地支持本书的 HTML5 范例程序。要正确地运行这些范例程序，我们基本采用了两种浏览器：Internet Explorer 11 和 Opera 33.0。在改编本书的过程中，除了把所有的范例程序修改为简体中文版，还在 Internet Explorer 11 或者 Opera 33.0 浏览器上逐个测试和调试过了这些范例程序。因此，本书的所有范例程序至少可以在其中的一款浏览器上正确运行。
　　当然，支持 HTML5 的浏览器还包括 Firefox（火狐浏览器）、Chrome（谷歌的浏览器）、Safari等，以及国内的 QQ浏览器、猎豹浏览器等。如果读者想在这些浏览器上运行 HTML5 的程序，请注意它们的版本说明中对 HTML5 支持程度的细节说明。