网页设计与制作(Dreamweaver CC)(第2版)

葛艳玲，高校教师，多年从事计算机多方向教学工作，曾主编多本教材《Premiere Pro CS3案例教程》《网页制作基础教程（Dreaweaver CS5）》，《网页设计与制作（Dreamweaver CC）等，如网页设计类教材被评选为十三五职业教育国家规划教材。

第1章 网页设计基础 1 

1.1 网站的概念 1 

1.2 网站的组成 2 

1.2.1 域名 2 

1.2.2 网站空间 3 

1.2.3 网站程序 4 

1.3 网站的分类 4 

1.4 网站建设基本流程 7 

1.5 网站制作工具 8 

1.6 网页基本元素 8 

1.7 Dreamweaver CC工作环境 10 

1.7.1 Dreamweaver CC的启动 11 

1.7.2 Dreamweaver CC的工作区 11 

1.7.3 调整工作区 16 

1.8 Dreamweaver工作流程 18 

本章小结与重点回顾 19 

第2章 创建本地站点 20 

2.1 创建本地站点—我的足球网 20 

2.1.1 案例综述 20 

2.1.2 案例分析 21 

2.1.3 实现步骤 21 

2.2 网站规划 27 

2.3 站点的创建与管理 30 

2.3.1 Dreamweaver中的站点 30 

2.3.2 创建本地站点 31 

2.3.3 站点的管理 33 

2.3.4 站点中文件的管理 34 

2.4 实战演练 36 

本章小结与重点回顾 36 

第3章 网页图文编辑 37 

3.1 简单的图文混排 

—我与足球（me.html） 37 

3.1.1 案例综述 37 

3.1.2 案例分析 38 

3.1.3 实现步骤 38 

3.2 网页文本的插入及其属性设置 48 

3.2.1 插入文本 48 

3.2.2 插入特殊符号 48 

3.2.3 设置文本格式 49 

3.3 网页图片的插入及其属性设置 54 

3.3.1 网页图像格式 54 

3.3.2 插入图像 54 

3.3.3 设置图像的属性 55 

3.3.4 创建鼠标经过图像效果 56 

3.3.5 插入Fireworks HTML代码 57 

3.4 实战演练 57 

本章小结与重点回顾 58 

第4章 建立网页超链接 59 

4.1 编织网站链接 

—足球新闻（news.html） 59 

4.1.1 案例综述 59 

4.1.2 案例分析 59 

4.1.3 实现步骤 59 

4.2 超链接概述 66 

4.2.1 超链接的类型 66 

4.2.2 链接路径 66 

4.2.3 创建超链接 68 

4.3 管理超链接 69 

4.3.1 自动更新链接 70 

4.3.2 更改链接 70 

4.3.3 删除链接 71 

4.3.4 检查链接 72 

4.3.5 修复断开的链接 72 

4.4 实战演练 74 

本章小结与重点回顾 75 

第5章 表格布局 76 

5.1 应用表格布局页面 

—足球明星页面（photo.htm） 76 

5.1.1 案例综述 76 

5.1.2 案例分析 77 

5.1.3 实现步骤 77 

5.2 表格的基本操作 81 

5.2.1 插入表格 81 

5.2.2 选定表格和单元格 82 

5.2.3 设置表格和单元格的属性 83 

5.2.4 调整表格结构 84 

5.3 页面布局理论 86 

5.3.1 页面布局原则 86 

5.3.2 页面布局类型 87 

5.3.3 页面布局方法 89 

5.3.4 页面布局技术 89 

5.3.5 表格布局方法 90 

5.4 实战演练 92 

本章小结与重点回顾 94 

第6章 层叠样式表 95 

6.1 使用CSS格式化页面 95 

6.1.1 案例综述 95 

6.1.2 案例分析 95 

6.1.3 实现步骤 96 

6.2 CSS概述 102 

6.2.1 使用CSS的优势 103 

6.2.2 关于CSS规则 103 

6.2.3 关于层叠样式 104 

6.3 CSS的创建与应用 105 

6.3.1 “CSS设计器”面板 105 

6.3.2 创建和附加样式表 106 

6.3.3 定义媒体查询 106 

6.3.4 定义CSS选择器 106 

6.3.5 设置CSS属性 107 

6.4 CSS的应用 110 

6.5 实战演练 111 

本章小结与重点回顾 112 

第7章 CSS页面布局 113 

7.1 应用CSS布局页面 113 

7.1.1 案例综述 113 

7.1.2 案例分析 114 

7.1.3 实现步骤 114 

7.2 CSS布局设计 123 

7.2.1 Div标签的使用 123 

7.2.2 HTML结构设计 124 

7.2.3 CSS页面布局结构 125 

7.3 CSS规则定义 127 

7.3.1 CSS盒模型 127 

7.3.2 CSS定位 129 

7.3.3 CSS中的浮动和清除 130 

7.4 使用Dreamweaver CC中的 

CSS布局工具 131 

7.4.1 使用可视化助理 131 

7.4.2 使用系统提供的CSS 

布局创建页面 132 

7.5 使用流媒体网格布局 133 

7.5.1 创建流体网格布局 133 

7.5.2 编辑流体网格文档 134 

7.5.3 插入流体网格元素 135 

7.6 实战演练 135 

本章小结与重点回顾 140 

第8章 模板和库 141 

8.1 应用模板制作相似网页 

—美文随笔 141 

8.1.1 案例综述 141 

8.1.2 案例分析 142 

8.1.3 实现步骤 142 

8.2 使用模板 150 

8.2.1 模板的基本特点 150