第1章了解网页制作

1.1网页的概述

1.1.1网页的基本要素

1.1.2网页的基本术语

1.1.3静态网页和动态网页

1.2网页编辑器和屏幕分辨率

1.2.1网页编辑器

1.2.2屏幕分辨率

1.3网站制作的基本流程

1.3.1前期策划

1.3.2收集素材

1.3.3页面的版式和布局分析

1.3.4确定网页的主色调

1.3.5设计页面整体

1.3.6其他页面元素的设计

1.3.7切割和优化页面

1.3.8制作HTML页面

1.3.9测试并上传网站

1.3.10网站的更新与维护

1.4网页的色彩特效

1.4.1网页色彩的特性

1.4.2网页安全色

1.4.3色彩模式

1.4.4网页配色的基本规则

1.4.5网页配色中的文本颜色

1.4.6网页配色中各元素的关系

1.5专家支招

1.5.1网页设计师有哪些基本要求

1.5.2建设一个网站都需要准备什么

1.6总结扩展

1.6.1本章小结

1.6.2举一反三——网页设计师需要的基本素质有哪些

第2章Dreamweaver CS6快速入门

2.1认识Dreamweaver CS6

2.2安装Dreamweaver CS6

2.2.1 Dreamveaver CS6的系统要求

2.2.2 Dreamweaver CS6的安装

应用案例——安装Dreamweaver CS6

2.2.3启动Dreamweaver CS6

2.3 Dreamweaver CS6新增功能

2.3.1新站点管理器

2.3.2基于流体网格的CSS布局

2.3.3 CSS3过渡效果

2.3.4多CSS类选区

2.3.5 PhoneGap Build集成

2.3.6 JQuery Mobile 1.0和JQuery Mobile色板

2.3.7 Business Catalyst集成

2.3.8 Web字体

2.3.9简化的PSD优化

2.4使用Dreamweaver工作区

2.4.1在文档窗口工作

2.4.2使用工具栏、检查器和快捷菜单

2.4.3自定义Dreamweaver工作区

应用案例——自定义工作区

2.4.4使用键盘快捷键

应用案例——自定义键盘快捷键

2.4.5添加管理扩展功能

应用案例—添加扩展功能

2.5 Dreamweaver工作流程

2.6使用可视化助理布局

2.6.1使用标尺

2.6.2网格的设置

2.6.3使用辅助线

2.6.4使用跟踪图像

2.7专家支招

2.7.1网页设计的常用尺寸

2.7.2定义不同的工作环境的作用

2.8总结扩展

2.8.1本章小结

2.8.2举一反三——Dreamweaver CS6的卸载

第3章建立与管理站点

3.1建立站点

3.1.1方便快捷地建立站点

应用案例——创建站点

3.1.2设置站点服务器

3.1.3设置站点服务器选项

3.1.4设置版本控制

3.1.5站点的高级设置

3.1.6新建Business Catalyst站点

3.2站点的管理

3.2.1切换站点

3.2.2“管理站点”对话框

应用案例——新建并管理站点

3.2.3规划站点结构

应用案例——设置站点远程服务器

3.3构建站点结构

3.3.1创建和打开文档

3.3.2管理文件和文件夹

3.3.3重命名和删除文件

3.3.4存回和取出文件

3.3.5同步文件

3.3.6比较文件的差别

3.3.7测试站点

应用案例——创建站点文件结构

3.4专家支招

3.4.1什么是本地站点和远程站点

3.4.2如何进行站点的管理

3.5总结扩展

3.5.1本章小结

3.5.2举一反三——备份站点并导入站点

第4章网页的本质——HTML5

4.1 HTML的技术介绍

4.1.1认识HTML语言

4.1.2 HTML文档的基本结构

应用案例——创建简单的HTML页面

4.1.3 HTML标签形式

4.2常用的重要标签

4.2.1文件结构标签

4.2.2字符格式标签

4.2.3 区段格式标签

4.2.4表格标签

4.2.5列表标签

4.2.6链接标签

4.2.7表单标签

4.2.8多媒体标签

应用案例——为网页添加音乐播放器

4.3全新的HTML 5

4.3.1 HTML 5标签

应用案例——为网页添加视频

4.3.2全局属性

4.3.3事件属性

4.3.4字符引用

4.4为文档添加注释

4.5关于空白和空白字符

4.5.1使用断行符

4.5.2空白字符

4.6在Dreamweaver CS6中编写HTML

4.6.1认识代码视图

4.6.2使用代码视图

4.6.3代码的折叠

4.6.4选择父标签

4.6.5代码的注释

4.6.6环绕标签

应用案例——使用“环绕标签”创建超链接

4.7使用快速标签编辑器

4.7.1使用插入模式的快速标签编辑器

4.7.2使用编辑模式的快速标签编辑器

4.7.3使用环绕模式的快速标签编辑器

4.7.4设置标签编辑器属性

4.8站点特定代码提示

4.8.1创建配置文件

4.8.2保存站点结构

4.9优化和清理HTML代码

4.9.1优化HTML代码

4.9.2清理Word生成的HTML代码

应用案例——清理Word生成的HTML

4.10使用“代码片段”面板

4.10.1插入代码片段

4.10.2新建代码片段

4.11 HTML与CSS

4.12HTML与JavaScript

4.12.1什么是JavaScript

4.12.2 JavaScript放在HTML中的位置

4.13专家支招

4.13.1如何理解HTML的标签、属性和事件

4.13.2英文不好可以学习HTML吗

4.14总结扩展

4.14.1本章小结

4.14.2举一反三——制作一个简单的广告页面

第5章网页的整体设置

5.1设置页面的头部内容

5.1.1设置标题

5.1.2设置META

应用案例——设置网页打开时的效果

5.1.3插入关键字

应用案例——向页面添加关键字

5.1.4插入说明

应用案例——向页面添加说明

5.1.5插入刷新

应用案例——向页面添加刷新

5.1.6设置基础

应用案例——设置基础选项

5.1.7设置链接

应用案例——设置链接选项

5.2设置网页基本属性

5.2.1设置外观（CSS）

应用案例——设置页面外观（CSS）

5.2.2设置外观（HTML）

应用案例——设置页面外观（HTML）

5.2.3设置链接（CSS）

应用案例设置页面链接（CSS）

5.2.4设置标题（CSS）

5.2.5设置标题／编码

5.2.6设置跟踪图像

应用案例——设置页面跟踪图像

5.3专家支招

5.3.1如何手写头部信息

5.3.2网页基本属性对网页有什么影响

5.4总结扩展

5.4.1本章小结

5.4.2举一反三——设置网页的头部信息

第6章使用CSS修饰网页

6.1认识CSS样式表

6.1.1什么是CSS

6.1.2 CSS的优越性

6.1.3 CSS样式的类型

6.1.4 CSS样式的分类

6.2创建与编辑CSS样式

6.2.1建立标签样式

应用案例——建立标签CSS样式

6.2.2建立类样式

应用案例建立类CSS样式

6.2.3建立ID样式

应用案例——建立ID CSS样式

6.2.4建立复合内容样式

应用案例——建立复合内容CSS样式

6.2.5链接外部样式表

6.2.6编辑样式

应用案例编辑CSS样式

6.3在面板中设置CSS样式

6.3.1文本样式的设置

应用案例——设置文本样式

6.3.2背景样式的设置

应用案例——设置背景样式

6.3.3区块样式的设置

应用案例——设置区块样式

6.3.4方框样式的设置

应用案例——设置方框样式

6.3.5边框样式的设置

应用案例——设置边框样式

6.3.6列表样式的设置

应用案例——设置列表样式

6.3.7定位样式的设置

6.3.8扩展样式的设置

6.3.9过渡样式的设置

应用案例———制作颜色过渡链接

6.4 CSS的语法结构

6.4.1 CSS属性与选择符

6.4.2选择符的类型

6.4.3伪类及伪对象

应用案例——制作导航文字效果

6.4.4通配选择符

6.4.5 CSS样式的冲突

6.5在HTML代码中编辑样式

6.5.1字体属性

6.5.2文本属性

6.5.3颜色和背景属性

6.5.4边框属性

6.5.5定位属性

6.5.6区块属性

6.5.7列表属性

6.5.8 CSS3新增属性

6.6专家支招

6.6.1 HTML书写建议

6.6.2 CSS的命名规范

6.7总结扩展

6.7.1本章小结

6.7.2举一反三——使用CSS美化页面

第7章Div+CSS布局

7.1 Web标准的历史与发展

7.1.1 Web标准是什么

7.1.2 Web表现层技术

7.1.3 Web标准的历史

7.1.4 Web标准的构成

7.2 Div的定义

7.2.1什么是Div

7.2.2插入Div

7.2.3 Div的嵌套和固定格式

7.3 CSS布局定位

7.3.1浮动定位

应用案例——设置浮动定位

7.3.2 position定位

应用案例设置position定位

7.4可视化盒模型

7.4.1盒模型的概念

7.4.2 margin

7.4.3 padding

7.4.4 border

应用案例——设置图片边距边框

7.4.5视觉可视化模型

7.5 CSS布局方式

7.5.1居中布局设计

应用案例——居中布局页面元素

7.5.2浮动布局设计

应用案例——中间列宽自适应布局

7.5.3高度自适应设计

7.6专家支招

7.6.1如何解决双倍浮向问题

7.6.2如何解决不同浏览器的居中问题

7.7总结扩展

7.7.1本章小结

7.7.2举一反三——制作保健品网站页面

第8章制作简洁的文本页面

8.1在网页中输入文字

8.1.1输入文字的方法

8.1.2输入文字时的注意事项

应用案例——在页面中输入文字

8.2插入特殊的文本对象

8.2.1插入特殊字符

8.2.2插入时间

应用案例——在页面中插入时间

8.2.3插入水平线

应用案例——在页面中插入水平线

8.2.4插入列表

应用案例——在页面中插入列表

8.2.5插入注释

应用案例——在页面中插入注释

8.3设置文字属性

8.3.1设置HTML文字属性

应用案例——在页面中设置文字属性

8.3.2 CSS属性

8.3.3 CSS对字号的设置

8.4 Web字体

8.4.1 @ font-face

8.4.2设置Web字体

应用案例——显示Web字体到页面

8.5文字的滚动效果

应用案例——实现文字的滚动

8.6专家支招

8.6.1常用的设置字体的属性

8.6.2字号的设置单位

8.7总结扩展

8.7.1本章小结

8.7.2举一反三——制作文本页面

第9章使用图像丰富网页内容

9.1网页图像的格式

9.1.1 GIF格式图像

9.1.2.JPEG格式图像

9.1.3 PNG格式图像

9.2插入图像

9.2.1在网页中插入图像

应用案例——在页面中添加图像

9.2.2设置图像属性

9.3插入其他图像元素

9.3.1插入图像占位符

应用案例——在页面中插入图像占位符

9.3.2插入鼠标经过图像

应用案例—在页面中插入鼠标经过图像

9.3.3插入Fireworks HTML

9.4专家支招

9.4.1使用图像时需要注意什么

9.4.2如何设置网页背景图片

9.5总结扩展

9.5.1本章小结

9.5.2举一反三——为页面添加背景图片

第10章使用表格

10.1制作表格的方法

10.1.1认识表格

10.1.2插入表格

10.1.3在HTML代码中插入表格

10.1.4表格的标题与表头

10.1.5行、单元格和表头属性

10.1.6表格嵌套

10.2表格的基本操作

10.2.1选择表格和单元格

应用案例—选择不同的表格和单元格

10.2.2设置表格属性

10.2.3设置单元格属性

10.2.4调整表格结构

10.3表格数据的处理

10.3.1排序表格

应用案例——对表格进行排序

10.3.2导入和导出表格数据

10.4使用扩展表格模式

10.5使用样式控制数据表格

10.5.1表格模型

10.5.2表格标题

10.5.3设置列的样式

10.5.4其他知识点

10.6专家支招

10.6.1表格布局应用在哪些方面

10.6.2 Div+CSS布局有哪些优势

10.7总结扩展

10.7.1本章小结

10.7.2举一反三——使用表格制作局部页面

第11章创建多媒体网页

11.1在网页中插入Flash

11.1.1插入Flash动画

应用案例——在页面中插入Flash

11.1.2插入FLV视频

应用案例——在页面中插入FLV视频

11.2在网页中插入Shockwave动画

应用案例——插入Shockwave动画

11.3为网页添加声音

11.3.1网页中常用的声音格式

11.3.2为网页添加背景音乐

应用案例——添加背景音乐

11.3.3在网页中嵌入音频

应用案例——嵌入音频

11.4为网页添加视频

11.4.1网页中常用的视频格式

11.4.2在网页中插入视频

应用案例—插入视频

11.5在网页中插入APPLET

应用案例——插入APPLET

11.6插入ActiveX控件

11.7专家支招

11.7.1打开网页视频需要哪些插件

11.7.2 HTML5丰富的多媒体元素有哪些

11.8总结扩展

11.8.1本章小结

11.8.2举一反三——制作美容产品网站

第12章利用表单对象创建表单文件

12.1表单概述

12.1.1关于表单

12.1.2表单对象介绍

12.2插入输入类表单对象

12.2.1插入表单域

应用案例——在页面中插入表单域

12.2.2插入文本域

应用案例——在表单中插入文本域

12.2.3插入密码域

应用案例——在表单中插入密码域

12.2.4插入多行文本域

应用案例——在页面中插入多行文本域

12.2.5插入隐藏域

12.2.6插入复选框

应用案例——在表单中插入复选框

12.2.7插入单选按钮

应用案例——在表单中插入单选按钮

12.2.8插入列表／菜单

应用案例——在表单中插入列表／菜单

12.2.9插入跳转菜单

应用案例——在表单中插入跳转菜单

12.2.10插入图像域

应用案例——在表单中插入图像域

122.11插入文件域

应用案例——在表单中插入文件域

12.2.12插入按钮

应用案例——在表单中插入按钮

12.3 Spry验证表单

应用案例——验证表单

12.4专家支招

12.4.1不同的表单提交方法有哪些区别

12.4.2浏览器怎样发送表单数据

12.5总结扩展

12.5.1本章小结

12.5.2举一反三——制作登录页面

第13章网页链接的应用

13.1认识超链接

13.2创建超链接

13.2.1文字链接

应用案例——创建文字链接

13.2.2图像链接

应用案例——创建图像链接

13.3创建其他形式的超链接

13.3.1空链接

应用案例——创建空链接

13.3.2文件下载链接

应用案例——创建文件下载链接

13.3.3 E-mail超链接

应用案例——创建E-mail超链接

应用案例——为图像创建E-mail超链接

13.3.4锚记链接

应用案例——创建锚记链接

13.3.5脚本链接

应用案例——创建脚本链接

13.3.6 图像映射

应用案例——创建图像映射

13.4关于链接路径

13.4.1绝对路径

13.4.2相对路径

13.4.3根路径

13.5超链接属性控制

13.6超链接检查

13.7专家支招

13.7.1 a链接的注意事项有哪些

13.7.2内部链接和外部链接

13.8总结扩展

13.8.1本章小结

13.8.2举一反三——制作校园类网站

第14章创建框架页面

14.1框架简介

14.1.1框架的组成

14.1.2框架结构的优缺点

14.2创建框架和框架集

14.2.1预定义框架集

应用案例——插入预定义框架集

14.2.2创建框架集

应用案例——手动创建框架集

14.2.3保存框架

14.3设置框架和框架集属性

14.3.1设置框架集属性

14.3.2设置框架属性

14.3.3设置无框架内容

14.3.4为框架设置超链接

14.4 IFrame框架

14.4.1 IFrame框架页面

应用案例——制作IFrame框架页面

14.4.2 IFrame框架页面链接

应用案例——创建IFrame框架链接

14.4.3 IFrame框架高度自适应

14.5在HTML代码中编辑框架

14.6专家支招

14.6.1如何无缝嵌入其他页面

14.6.2 IFrame和Object链入HTML文档有哪些区别

14.7总结扩展

14.7.1本章小结

14.7.2举一反三——使用IFrame框架制作儿童类网站页面

第15章利用模板和库创建网页

15.1使用模板

15.1.1模板的特点

15.1.2创建模板

应用案例——基于现有文档创建模板

15.1.3定义可编辑区域

应用案例——在模板中定义可编辑区域

15.1.4定义可选区域

应用案例——在模板中定义可选区域

15.1.5定义重复区域

应用案例——在模板中定义重复区域

15.1.6可编辑标签属性

15.2应用模板

15.2.1创建基于模板的页面

应用案例——基于模板创建页面

15.2.2删除页面中所使用的模板

15.2.3更新模板及基于模板的网页

15.3使用库

15.3.1创建库项目

应用案例——创建空白库项目

15.3.2插入库项目

应用案例——在页面中插入库项目

15.3.3库项目的编辑和更新

15.4在HTML代码中编辑模板和库

15.5专家支招

15.5.1对库项目的编辑对文档有哪些影响

15.5.2怎样导出不带模板标记的站点

15.6总结扩展

15.6.1本章小结

15.6.2举一反三——使用库项目制作页面

第16章使用AP Div

16.1使用AP Div对网页排版

16.1.1 AP Div的基本使用

16.1.2使用AP Div排版

应用案例——使用AP Div进行排版

16.1.3利用AP Div溢出排版

应用案例——利用AP Div溢出排版

16.2使用AP Div实现网页特效

16.2.1改变AP Div属性

应用案例——设置AP Div属性

16.2.2 AP Div文本的设置

应用案例—设置AP Div文本

16.2.3 AP Div的显示和隐藏

应用案例——显示和隐藏AP Div

16.2.4拖动网页中的AP元素

应用案例——拖动AP元素

16.3专家支招

16.3.1 AP Div有哪些功能

16.3.2使用AP Div要注意什么

16.4总结扩展

16.4.1本章小结

16.4.2举一反三——制作AP Div页面

第17章Spry框架技术

17.1关于Spry构件

17.2 Spry菜单栏

17.2.1插入Spry菜单栏

应用案例——在页面中插入Spry菜单栏

17.2.2设置Spry菜单栏的属性

应用案例——设置菜单栏属性

17.2.3自定义菜单项样式

17.2.4设置菜单项的尺寸

应用案例——更改菜单项的尺寸

17.2.5调整子菜单位置

17.3 Spry选项卡式面板

17.3.1插入Spry选项卡式面板

17.3.2设置Spry选项卡式面板的属性

17.3.3自定义选项卡式面板的CSS样式

17.3.4设置选项卡式面板的宽度

应用案例——自定义Spry选项卡式面板

17.4 Spry折叠式构件

17.4.1插入Spry 折叠式构件

17.4.2设置Spry折叠式构件的属性

17.4.3自定义Spry折叠式构件的CSS样式

17.4.4调整折叠式构件的宽度

应用案例——自定义Spry折叠式构件

17.5 Spry可折叠面板

17.5.1插入Spry可折叠面板

17.5.2设置Spry可折叠面板的属性

17.5.3自定义Spry可折叠面板的CSS样式

17.5.4设置Spry可折叠面板的宽度

应用案例——自定义Spry可折叠面板

17.6 Spry工具提示

17.6.1插入Spry工具提示

17.6.2设置Spry工具提示的属性

17.7专家支招

17.7.1如何应用Spry效果

17.7.2如何更好地控制Spry构件的样式

17.8总结扩展

17.8.1本章小结

17.8.2举一反三——制作美容时尚网站页面

第18章使用JavaScript行为创建动态效果

18.1行为简介

18.1.1什么是JavaScript

18.1.2事件

18.1.3动作

18.2为网页添加JavaScript

18.2.1弹出消息

应用案例——在网页中弹出消息

18.2.2打开浏览器窗口

应用案例——弹出网页广告

18.2.3检查插件

应用案例——检查浏览器中的插件

18.2.4检查表单

应用案例——检查登录页面

18.2.5设置文本

应用案例—设置文本域文字

18.2.6调用JavaScript

18.2.7跳转菜单

18.2.8跳转菜单开始

18.2.9转到URL

应用案例——转到百度地图

18.2.10预先载入图像

18.3专家支招

18.3.1 Dreamweaver提供的行为

18.3.2 JavaScript的常用功能

18.4总结扩展

18.4.1本章小结

18.4.2举一反三——制作数码摄影网站

第19章网站的维护与上传

19.1网站测试

19.1.1检查浏览器的兼容性

应用案例—检查网页的兼容性

19.1.2检查链接

应用案例——检查网页的链接

19.1.3创建站点报告

19.2上传网站

19.2.1链接到远程服务器

19.2.2文件的上传

应用案例——上传文件

19.2.3文件的下载

19.3专家支招

19.3.1网站维护的基本常识

19.3.2其他上传工具

19.4总结扩展

19.4.1本章小结

19.4.2举一反三——域名和空间的申请

第20章应用案例——Div+CSS布局页面案例

20.1应用案例——制作租车网站菜单页面

20.1.1设计分析

20.1.2制作步骤

20.2应用案例——为菜单页面添加超链接

20.2.1设计分析

20.2.2制作步骤

20.3应用案例——制作条件搜索页面

20.3.1设计分析

20.3.2制作步骤

20.4应用案例——制作文字列表页面

20.4.1设计分析

20.4.2制作步骤

20.5应用案例——制作产品展示页面

20.5.1设计分析

20.5.2制作步骤

20.6案例小结

第21章游戏休闲类页面制作

21.1应用案例——制作游戏网站页面

21.1.1设计分析

21.1.2制作页面头部内容

21.1.3制作页面主体内容

21.1.4制作页面底部信息

21.2应用案例——制作休闲网站页面

21.2.1设计分析

21.2.2制作页面主体内容

21.2.3制作页面底部信息

21.3案例小结

第22章电子商务教育类页面制作

22.1应用案例——制作电子产品页面

22.1.1设计分析

22.1.2制作页面头部内容

22.1.3制作页面右侧内容

22.1.4制作页面底部内容

22.2应用案例——制作教育类页面

22.2.1设计分析

22.2.2制作页面头部内容

22.2.3制作页面主体内容

22.2.4制作页面底部内容

22.3案例小结