第1章 网页设计简介

1-1 网页设计的流程

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

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

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

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

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

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

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

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

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

1-6 HTML的演进

1-7 HTML5的新功能

1-8 HTML5文件的编写方式

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

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

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

第2章 文件结构

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

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

2-2-1 全局属性

2-2-2 事件属性

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

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

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

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

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

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

2-5 HTML5新增的结构元素

2-6 区段结构

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

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

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

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

2-7 区段的附加信息

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

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

第3章 数据编辑与格式化

3-1 区块格式

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

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

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

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

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

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

3-2 文字格式

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

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

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

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

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

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

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

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

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

第4章 超链接

4-1 URI的类型

4-1-1 绝对URI

4-1-2 相对URI

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

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

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

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

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

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

4-5 建立书签

第5章 图片

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

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

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

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

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

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

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

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

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

第6章 表格

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

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

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

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

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

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

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

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

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

6-4 合并单元格

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

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

第7章 影音多媒体

7-1 HTML5的影音功能

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

7-2-1 src属性

7-2-2 autoplay、loop属性

7-2-3 controls属性

7-2-4 poster属性

7-2-5 width、height属性

7-2-6 preload属性

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

7-3-1 容器文件格式

7-3-2 视频编解码器

7-3-3 音频编解码器

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

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

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

7-6-1 嵌入视频

7-6-2 嵌入音频

7-6-3 嵌入ActiveX Controls

7-6-4 嵌入Java Applets

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

7-7-1 嵌入JavaScript

7-7-2 嵌入VBScript

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

7-9 网页自动导向

第8章 窗体与后端处理

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

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

8-2-1 按钮

8-2-2 单行文本框

8-2-3 单选按钮

8-2-4 复选框

8-2-5 多行文本框

8-2-6 下拉菜单

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

8-2-8 密码字段

8-2-9 隐藏字段

8-2-10 上传文件字段

8-3 HTML5新增的输入类型

8-3-1 email类型

8-3-2 url类型

8-3-3 search类型

8-3-4 tel类型

8-3-5 number类型

8-3-6 range类型

8-3-7 color类型

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

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

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

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

8-6-1 ＜output＞元素

8-6-2 ＜progress＞元素

8-6-3 ＜meter＞元素

8-6-4 ＜keygen＞元素

8-6-5 ＜optgroup＞元素

8-7 HTML5新增的form属性

第9章 JavaScript基本语法

9-1 JavaScript的演进

9-2 编写第一个JavaScript程序

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

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

10-1 类型

10-1-1 数值（number）

10-1-2 字符串（string）

10-1-3 布尔（boolean）

10-2 变量

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

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

10-3 运算符

10-3-1 算术运算符

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

10-3-3 逻辑运算符

10-3-4 比较运算符

10-3-5 位运算符

10-3-6 赋值运算符

10-3-7 条件运算符

10-3-8 类型运算符

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

第11章 流程控制

11-1 认识流程控制

11-2 if

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

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

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

11-3 switch

11-4 for

11-5 while

11-6 do

11-7 for...in

11-8 break与continue

第12章 函数

12-1 认识函数

12-2 用户自定义函数

12-2-1 函数的参数

12-2-2 函数的返回值

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

12-4 JavaScript内部函数

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

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

12-4-3 eval（）

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

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

12-5 函数库

第13章 对象

13-1认识对象

13-2 window对象

13-3 核心对象

13-3-1 Number对象

13-3-2 Boolean对象

13-3-3 String对象

13-3-4 Function对象

13-3-5 Object对象

13-3-6 Math对象

13-3-7 Date对象

13-3-8 Array对象

13-3-9 Error对象

13-4 环境对象

13-4-1 location对象

13-4-2 screen对象

13-4-3 navigator对象

13-4-4 history对象

13-5 document对象

13-6 element对象

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

14-1 事件驱动模式

14-2 事件的类型

14-2-1 传统的事件

14-2-2 HTML5事件

14-2-3 DOM事件

14-2-4 触控事件

14-3 事件处理程序

14-4 JavaScript实用范例

14-4-1 打印网页

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

14-4-3 网页跑马灯

14-4-4 半透明效果

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

14-4-6 显示进入时间

14-4-7 显示停留时间

14-4-8 显示在线时钟

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

第15章 CSS

15-1 CSS的演进

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

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

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

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

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

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

15-4 选择器的类型

15-4-1 类型选择器

15-4-2 后裔选择器

15-4-3 万用选择器

15-4-4 类选择器

15-4-5 ID选择器

15-4-6 属性选择器

15-4-7 伪类选择器

15-5 常用的CSS属性

15-5-1 字体属性

15-5-2 文本属性

15-5-3 颜色属性

15-5-4 背景属性

15-5-5 框线属性

第16章 XHTML

16-1 认识XHTML

16-2 XHTML与HTML的区别

16-3 严格遵循XHTML文件

16-4 验证XHTML文件

第17章 Ajax

17-1 认识动态网页技术

17-1-1 浏览器端Scripts

17-1-2 服务器端Scripts

17-2 认识Ajax

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

第18章 Canvas API

18-1 HTML5的绘图功能

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

18-3 绘制矩形

18-4 设置渐层与图样

18-5 绘制图像

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

18-6-1 绘制直线

18-6-2 绘制矩形

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

18-6-4 剪切区域

18-7 设置线条样式

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

18-9 设置阴影样式

18-10 变形

18-11 重叠

18-12 像素运算

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

18-14 导出图片

第19章 Video/Audio API

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

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

第20章 Drag and Drop API

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

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

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

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

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

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

第21章 Geolocation API

21-1 HTML5的地理定位功能

21-2 使用Geolocation API

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

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

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

附录 HTML-框架元素

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

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

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

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

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

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

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

A-4 制作导航栏

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

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