第1章 网页设计简介

1-1网页设计的流程

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

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

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

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

1-1-5搜索引擎优化

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

1-3 HTML的演进

1-4 HTML5的新功能

1-5 HTML5文件的编写方式

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

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

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

1-5-4 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 〈h l 〉～〈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链接至E-mail地址的超链接

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

4-4指定文件之间的引用——〈link〉元素

4-5建立书签

4-6嵌入图片——〈img〉元素

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

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

4-7影像地图——〈map〉、 〈area〉元素

4-8标注——〈figure〉、 〈figcaption〉元素

4-9建立绘图区——〈canvas〉元素

习题

第5章 表格

5-1建立表格——〈table〉、 〈tr〉、 〈td〉、 〈th〉元素

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

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

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

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

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

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

随堂练习

5-3表格标题——〈caption〉元素

5-4表格的表头、主体与表尾——〈thead〉、 〈tbody〉、 〈tfoot〉元素

5-5直列式表格——〈colgroup〉、 〈col〉元素

习题

第6章 影音多媒体

6-1 HTML5的影音功能

6-2嵌入视频与音频——〈video〉、 〈audio〉元素

6-3嵌入资源文件——〈embed〉元素

6-4嵌入对象——〈object〉元素

6-4-1嵌入视频

6-4-2嵌入音频

6-4-3嵌入ActiveX Controls

6-5嵌入Scripts——〈script〉、 〈noscript〉元素

6-6嵌入 CSS样式窗体——〈style〉元素

6-7嵌入浮动框架——〈iframe〉元素

6-8网页自动导向

习题

第7章 窗体与后端处理

7-1建立窗体——〈form〉、 〈input〉元素

7-2 HTML 4.01现有的输入类型

7-2-1按钮

7-2-2单行文本框

7-2-3单选按钮

7-2-4复选框

7-2-5多行文本框

7-2-6下拉菜单

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

7-2-8密码字段

7-2-9隐藏字段

7-2-10上传文件字段

7-3 HTML5新增的输入类型

7-4标签文字——〈label〉元素

7-5将窗体字段框起来——〈fieldset〉、 〈legend〉元素

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

7-6-1 〈output〉元素

7-6-2 〈progress〉元素

7-6-3 〈meter〉元素

7-6-4 〈keygen〉元素

7-6-5 〈optgroup〉元素

习题

第8章CSS基本语法

8-1 CSS的演进

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

8-3链接HTML文件与CSS样式窗体

8-3-1在〈head〉元素里面嵌入样式窗体

8-3-2使用HTML元素的style属性指定样式窗体

8-3-3将外部的样式窗体导入HTML文件

8-3-4将外部的样式窗体链接至HTML文件

8-4选择器的类型

8-4-1类型选择器

8-4-2后裔选择器

8-4-3万用选择器

8-4-4类选择器

8-4-5 ID选择器

8-4-6属性选择器

8-4-7伪类选择器（:link、 ：visited、 ：hover、 ：focus、 ：active、 enabled、：disabled）

8-5样式窗体的层叠顺序

习题

第9章 字体、文本与列表属性

9-1字体属性

9-1-1 font-family（文字字体）

9-1-2 font-size（字体大小）

9-1-3 font-style（正常／斜体／粗体）

9-1-4 font-weight（字体粗细）

9-1-5 line-height（行高）

9-1-6 font-stretch（字体延展）

9-1-7 font-size-adjust（字体长宽比）

9-1-8@font-face（使用服务器端的字体）

9-1-9 font（字体属性简便表示法）

随堂练习

9-2文本属性

9-2-1 text-indent（首行缩排）

9-2-2 text-align（文本对齐方式）

9-2-3 letter-spacing（字母间距）

9-2-4 word-spacing（文字间距）

9-2-5 text-transform（大小写转换方式）

9-2-6 white-space（空格符）

9-2-7 text-shadow（文本阴影）

9-2-8 text-decoration-line、 text-decoration-color、 text-decoration-style、text-underline-position、 text-decoration-skip、 text-decoration（线条装饰）

9-2-9 text-emphasis-style、 text-emphasis-color、 text-emphasis、text-emphasis-position（强调标记）

9-3列表属性

9-3-1 list-style-type（项目符号与编号类型）

9-3-2 list-style-image（图片项目符号）

9-3-3 list-style-position（项目符号与编号位置）

9-3-4 list-style（列表属性的简便表示法）

习题

第10章 颜色、背景与渐变属性

10-1颜色属性

10-1-1 color（前景颜色）

10-1-2 opacity（透明度）

10-2背景属性

10-2-1 background-color（背景颜色）

10-2-2 background-image（背景图片）

10-2-3 background-repeat（背景图片重复排列方式）

10-2-4 background-position（背景图片起始位置）

10-2-5 background-attachment（背景图片是否随内容滚动）

10-2-6 background-clip（背景显示区域）

10-2-7 background-origin（背景显示位置基准点）

10-2-8 background-size（背景图片大小）

10-2-9 background（背景属性的简便表示法）

10-3渐变表示法

10-3-1 linear-gradient（）（线性渐变）

10-3-2 radial-gradient（）（放射状渐变）

10-3-3 repeating-linear-gradient（）、 rep eating-radial -gradient（）（重复渐变）

习题

第11章Box Model与定位方式

11-1 Box Model

11-2 边界属性

11-3留白属性

11-4框线属性

11-4-1 border-style（框线样式）

11-4-2 border-color（框线颜色）

11-4-3 border-width（框线宽度）

11-4-4 border（框线属性的简便表示法）

11-4-5 border-radius（框线圆角）

11-4-6 border-image（框线图片）

11-5定位方式

11-5-1 display （HTML元素的显示层级）

11-5-2 width、 height、 top、 bottom、 left、 right （BlockBox的宽度与高度、上下左右位移量）

11-5-3 max-width、 min-width、 max-height、 min-height （Block Box的宽度与高度的最大值及最小值）

11-5-4 position （Box的定位方式）

11-5-5 float、 clear（指定图旁配字、解除图旁配字）

11-5-6 z-index（重叠顺序）

11-5-7 visibility（显示或隐藏Box）

11-5-8 overflow（显示或隐藏溢出Box的内容）

11-5-9 object-fit（配合Box调整对象大小）

11-5-10 object-position（对象在Box内的显示位置）

11-5-11 box-shadow （Box阴影）

11-5-12 vertical-align（垂直对齐）

习题

第12章 表格属性

12-1表格模式

12-2表格属性

12-2-1 caption-side（表格标题位置）

12-2-2 border-collapse（表格框线模式）

12-2-3 table-layout（表格版面编排方式）

12-2-4 empty-cells（显示或隐藏空白单元格）

12-2-5 border-spacing（表格框线间距）

习题

第13章 特殊效果与媒体查询

13-1鼠标光标形状——cursor属性

13-2 外框线——outline属性

13-3多字段排版

13-3-1 column-count、 column-width、 columns（字段数目与宽度）

13-3-2 column-gap（字段间距）

13-3-3 column-rule（字段分隔线）

13-3-4 reak-before、 break-after、 break-inside（换列或换页）

13-3-5 column-span（跨列显示）

13-3-6 column-fill（字段内容分配比例）

13-4变形处理

13-4-1 transform （2D、 3D变形处理）

13-4-2 transform-origin（变形处理的原点）

13-5媒体查询

习题

第14章 响应式网页设计

14-1移动版网页VS PC版网页

14-2移动版网页设计原则

14-3响应式网页设计的技巧

14-4响应式网页设计的实例

14-4-1设定viewport

14-4-2设置媒体查询与样式窗体

14-4-3设计网页的版型

14-4-4设计网页的内容

第15章 移动版网页的实用技巧

15-1触控式按钮

15-2将页首／页尾固定在画面上方／下方

15-3导航条

15-4可折叠区块

15-5 窗体

第16章 使用jQuery Mobile开发移动网页

16-1移动网页的相关技术

16-2 移动网页的开发工具

16-3编写第一份jQuery Mobile文件

16-4主题

16-5超链接

16-5-1内部链接

16-5-2外部链接

16-5-3绝对外部链接

16-6页面切换动画

16-7对话框

习题

第17章jQuery Mobile UI组件

17-1按钮

17-1-1建立按钮

17-1-2设置按钮的图标

17-1-3设置按钮的主题

17-1-4设置按钮的特殊效果

17-1-5 设置控件组

17-2工具栏

17-2-1页首行

17-2-2页尾行

17-3导航条

17-4可折叠区块

17-5可折叠区块分组

17-6列表视图

17-6-1创建列表视图

17-6-2设置分隔线

17-6-3设置嵌套列表视图

17-6-4格式化项目内容

17-6-5设置计数气泡与侧边内容

17-6-6设置搜索功能

17-6-7设置图标与缩略图

17-6-8设置分割按钮列表

17-7窗体

17-7-1字段容器

17-7-2文字输入字段

17-7-3日期时间输入字段

17-7-4多行文本框

17-7-5拨动式切换开关

17-7-6下拉式菜单

17-7-7复选框

17-7-8单选按钮

17-8移动版网站实例

17-8-1设计移动版网站的界面

17-8-2加入JavaScript程序代码

习题

附录 HTML框架元素

附录1建立框架——〈frameset〉、 〈frame〉、 〈noframes〉元素

附录2包含水平框架与垂直框架的网页

附录3嵌入浮动框架——〈iframe〉元素

附录4制作导航条

习题