网页程序设计HTML5、JavaScript、CSS、XHTML、AjaxPDF电子书下载

第1章 网页设计简介 1

1-1 网页设计的流程 2

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

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

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

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

1-1-5 搜索引擎优化（SEO） 5

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

1-3 移动版网页对比PC版网页 8

1-4 移动版网页的设计原则 9

1-5 响应式网页设计（RWD） 11

1-6 HTML的演进 12

1-7 HTML5的新功能 14

1-8 HTML5文件的编写方式 18

1-8-1 HTML5文件的编辑工具 18

1-8-2 HTML5文件的基本语法 20

1-8-3 编写您的第一份HTML5文件 24

第2章 文件结构 27

2-1 HTML文件的DOCTYPE——＜！doctype＞元素 28

2-2 HTML文件的根元素——＜html＞元素 28

2-2-1 全局属性 29

2-2-2 事件属性 30

2-3 HTML文件的标头——＜head＞元素 30

2-3-1 ＜title＞元素（文件标题） 31

2-3-2 ＜meta＞元素（文件相关信息） 31

2-4 HTML文件的主体——＜body＞元素 32

2-4-1 ＜h1＞～＜h6＞元素（标题1～6） 37

2-4-2 ＜p＞元素（段落） 38

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

2-6 区段结构 41

2-6-1 ＜article＞与＜section＞元素（文章／通用的区段） 41

2-6-2 ＜nav＞元素（导航栏） 46

2-6-3 ＜header＞与＜footer＞元素（页首／页尾） 47

2-6-4 ＜aside＞元素（侧边栏） 49

2-7 区段的附加信息 50

2-7-1 ＜address＞元素（联络信息） 50

2-7-2 ＜time＞元素（日期时间） 51

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

3-1 区块格式 55

3-1-1 ＜pre＞元素（预先格式化的区块） 55

3-1-2 ＜blockquote＞元素（左右缩排的区块） 56

3-1-3 ＜hr＞元素（水平线） 56

3-1-4 ＜div＞元素（群组成一个区块） 57

3-1-5 ＜marquee＞元素（跑马灯） 58

3-1-6 ＜！--＞（注释） 59

3-2 文字格式 59

3-2-1 ＜b＞、＜i＞、＜u＞、＜sub＞、＜sup＞、＜small＞、＜em＞、＜strong＞、＜dfn＞、＜code＞、＜samp＞、＜kbd＞、＜var＞、＜cite＞、＜abbr＞、＜s＞、＜q＞、＜mark＞元素 60

3-2-2 ＜ruby＞、＜rt＞、＜rp＞元素（注音或拼音） 62

3-2-3 ＜font＞、＜basefont＞元素（字体） 63

3-2-4 ＜br＞元素（换行） 64

3-2-5 ＜span＞元素（群组成一行） 66

3-3 项目符号与编号——＜ul＞、＜ol＞、＜li＞元素 67

3-4 定义列表——＜dl＞、＜dt＞、＜dd＞元素 69

3-5 插入或删除数据——＜ins＞、＜del＞元素 70

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

第4章 超链接 75

4-1 URI的类型 76

4-1-1 绝对URI 77

4-1-2 相对URI 77

4-2 标记超链接——＜a＞元素 78

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

4-2-2 提供文件下载的超链接 81

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

4-3 指定相对URI的路径信息——＜base＞元素 84

4-4 指定文件之间的引用——＜link＞元素 84

4-5 建立书签 85

第5章 图片 89

5-1 嵌入图片——＜img＞元素 90

5-1-1 图片的高度、宽度与框线 90

5-1-2 图片的对齐方式 91

5-1-3 图片的替代显示文字 93

5-1-4 图片的水平间距与垂直间距 93

5-1-5 图片超链接与缩略图 95

5-2 影像地图——＜map＞、＜area＞元素 96

5-3 标注——＜figure＞、＜figcaption＞元素 100

5-4 建立绘图区——＜canvas＞元素 101

第6章 表格 105

6-1 建立表格——＜table＞、＜tr＞、＜td＞、＜th＞元素 106

6-2 表格与单元格的格式化 110

6-2-1 表格的背景颜色与背景图片 110

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

6-2-3 表格的框线大小、外框线与内框线显示方式 111

6-2-4 表格的对齐方式 113

6-2-5 单元格的对齐方式 115

6-2-6 单元格的背景颜色与背景图片 116

6-3 表格标题一＜caption＞元素 118

6-4 合并单元格 119

6-5 表格的表头、主体与表尾——＜thead＞、＜tbody＞、＜tfoot＞元素 123

6-6 直列式表格——＜colgroup＞、＜col＞元素 125

第7章 影音多媒体 130

7-1 HTML5的影音功能 131

7-2 嵌入视频与音频一＜video＞、＜audio＞元素 132

7-2-1 src属性 133

7-2-2 autoplay、loop属性 133

7-2-3 controls属性 133

7-2-4 poster属性 134

7-2-5 width、height属性 135

7-2-6 preload属性 135

7-3 视频／音频编解码器 136

7-3-1 容器文件格式 136

7-3-2 视频编解码器 137

7-3-3 音频编解码器 137

7-4 指定影音文件的来源——＜source＞元素 138

7-5 嵌入资源文件——＜embed＞元素 142

7-6 嵌入对象——＜object＞元素 142

7-6-1 嵌入视频 143

7-6-2 嵌入音频 144

7-6-3 嵌入ActiveX Controls 145

7-6-4 嵌入Java Applets 147

7-7 Scripting——＜script＞、＜noscript＞元素 149

7-7-1 嵌入JavaScript 149

7-7-2 嵌入VBScript 151

7-8 嵌入CSS样式表单——＜style＞元素 152

7-9 网页自动导向 154

第8章 窗体与后端处理 157

8-1 建立窗体一＜form＞、＜input＞元素 158

8-2 HTML4.01现有的输入类型 161

8-2-1 按钮 162

8-2-2 单行文本框 163

8-2-3 单选按钮 163

8-2-4 复选框 164

8-2-5 多行文本框 165

8-2-6 下拉菜单 167

8-2-7 窗体的后端处理 170

8-2-8 密码字段 173

8-2-9 隐藏字段 174

8-2-10 上传文件字段 174

8-3 HTML5新增的输入类型 176

8-3-1 email类型 176

8-3-2 url类型 177

8-3-3 search类型 178

8-3-4 tel类型 178

8-3-5 number类型 178

8-3-6 range类型 179

8-3-7 color类型 180

8-3-8 日期时间类型（date、time、datetime、month、week、datetime-local） 181

8-4 标签文字——＜label＞元素 183

8-5 将窗体字段框起来——＜fieldset＞、＜legend＞元素 184

8-6 其他新增的窗体元素 185

8-6-1 ＜output＞元素 186

8-6-2 ＜progress＞元素 186

8-6-3 ＜meter＞元素 188

8-6-4 ＜keygen＞元素 189

8-6-5 ＜optgroup＞元素 190

8-7 HTML5新增的form属性 191

第9章 JavaScript基本语法 194

9-1 JavaScript的演进 195

9-2 编写第一个JavaScript程序 195

9-3 JavaScript程序代码编写惯例 199

第10章 类型、变量与运算符 202

10-1 类型 203

10-1-1 数值（number） 203

10-1-2 字符串（string） 203

10-1-3 布尔（boolean） 204

10-2 变量 205

10-2-1 变量的命名规则 205

10-2-2 变量的声明方式 206

10-3 运算符 207

10-3-1 算术运算符 208

10-3-2 递增／递减运算符 209

10-3-3 逻辑运算符 209

10-3-4 比较运算符 210

10-3-5 位运算符 211

10-3-6 赋值运算符 211

10-3-7 条件运算符 212

10-3-8 类型运算符 212

10-3-9 运算符的优先级 212

第11章 流程控制 216

11-1 认识流程控制 217

11-2 if 217

11-2-1 if...：如果...就...（单向选择） 217

11-2-2 if...else...：如果...就...否则...（双向选择） 220

11-2-3 if...else if...：如果...就...否则如果...就...否则...（多向选择） 221

11-3 switch 224

11-4 for 227

11-5 while 231

11-6 do 233

11-7 for...in 234

11-8 break与continue 236

第12章 函数 239

12-1 认识函数 240

12-2 用户自定义函数 241

12-2-1 函数的参数 243

12-2-2 函数的返回值 244

12-3 局部变量V.S．全局变量 246

12-4 JavaScript内部函数 248

12-4-1 encodeURI（）、decodeURI（） 249

12-4-2 encodeURIComponent（）、decodeURIComponent（） 249

12-4-3 eval（） 249

12-4-4 isFinite（）、isNaN（） 250

12-4-5 Number（）、parseInt（）、parseFloat（） 250

12-5 函数库 251

第13章 对象 254

13-1认识对象 255

13-2 window对象 257

13-3 核心对象 261

13-3-1 Number对象 261

13-3-2 Boolean对象 263

13-3-3 String对象 263

13-3-4 Function对象 266

13-3-5 Object对象 266

13-3-6 Math对象 267

13-3-7 Date对象 269

13-3-8 Array对象 272

13-3-9 Error对象 283

13-4 环境对象 286

13-4-1 location对象 286

13-4-2 screen对象 287

13-4-3 navigator对象 288

13-4-4 history对象 290

13-5 document对象 291

13-6 element对象 297

第14章 事件处理与实用范例 302

14-1 事件驱动模式 303

14-2 事件的类型 303

14-2-1 传统的事件 304

14-2-2 HTML5事件 304

14-2-3 DOM事件 305

14-2-4 触控事件 305

14-3 事件处理程序 305

14-4 JavaScript实用范例 310

14-4-1 打印网页 310

14-4-2 随机变换背景图片 311

14-4-3 网页跑马灯 312

14-4-4 半透明效果 313

14-4-5 具有超链接功能的下拉菜单 314

14-4-6 显示进入时间 315

14-4-7 显示停留时间 316

14-4-8 显示在线时钟 317

14-4-9 自动切换成PC版网页或移动版网页 318

第15章 CSS 321

15-1 CSS的演进 322

15-2 CSS样式规则与选择器 323

15-3 链接HTML文件与CSS样式表单 326

15-3-1 在＜head＞元素里面嵌入样式表单 327

15-3-2 使用HTML元素的style属性指定样式表单 327

15-3-3 将外部的样式表单导入HTML文件 328

15-3-4 将外部的样式表单链接至HTML文件 329

15-4 选择器的类型 330

15-4-1 类型选择器 330

15-4-2 后裔选择器 330

15-4-3 万用选择器 330

15-4-4 类选择器 330

15-4-5 ID选择器 334

15-4-6 属性选择器 337

15-4-7 伪类选择器 338

15-5 常用的CSS属性 341

15-5-1 字体属性 341

15-5-2 文本属性 342

15-5-3 颜色属性 344

15-5-4 背景属性 344

15-5-5 框线属性 347

第16章 XHTML 350

16-1 认识XHTML 351

16-2 XHTML与HTML的区别 352

16-3 严格遵循XHTML文件 356

16-4 验证XHTML文件 357

第17章 Ajax 360

17-1 认识动态网页技术 361

17-1-1 浏览器端Scripts 361

17-1-2 服务器端Scripts 362

17-2 认识Ajax 364

17-3 编写导入Ajax技术的动态网页 365

第18章 Canvas API 371

18-1 HTML5的绘图功能 372

18-2 设置绘制样式与填满样式 373

18-3 绘制矩形 374

18-4 设置渐层与图样 375

18-5 绘制图像 378

18-6 建立路径与绘制图形 379

18-6-1 绘制直线 381

18-6-2 绘制矩形 381

18-6-3 绘制圆弧、圆形与扇形 382

18-6-4 剪切区域 384

18-7 设置线条样式 385

18-8 绘制文字与设置文字样式 386

18-9 设置阴影样式 387

18-10 变形 388

18-11 重叠 391

18-12 像素运算 393

18-13 存储与回复绘图区状态 395

18-14 导出图片 396

第19章 Video/Audio API 397

19-1 ＜video＞与＜audio＞元素的属性与方法 398

19-2 ＜video＞与＜audio＞元素的事件 400

第20章 Drag and Drop API 405

20-1 网页元素的拖放操作 406

20-1-1 指定拖曳来源并处理拖动开始（dragstart）事件 407

20-1-2 指定放置目标并处理放置（drop）事件 409

20-1-3 处理拖动结束（dragend）事件 410

20-2 拖放操作相关的事件 413

20-3 DataTransfer对象的属性与方法 413

第21章 Geolocation API 416

21-1 HTML5的地理定位功能 417

21-2 使用Geolocation API 418

21-2-1 测试浏览器的地理定位功能 418

21-2-2 单次获取用户的位置 419

21-2-3 持续追踪用户的位置与取消追踪 424

附录 HTML-框架元素 425

A-1 建立框架——＜frameset＞、＜frame＞、＜noframes＞元素 426

A-1-1 指定框架的数目、大小与位置 428

A-1-2 制作框架的内容 433

A-1-3 指定框架的格式 435

A-1-4 针对不支持框架的浏览器设计内容 437

A-2 包含水平框架与垂直框架的网页 438

A-3 嵌入浮动框架—＜iframe＞元素 440

A-4 制作导航栏 441

A-4-1 使用＜base＞元素的target属性指定目标框架 444

A-4-2 特殊的target属性值 445