网页设计与制作（Dreamweaver CC）

本书详尽地介绍了Dreamweaver CC的基本功能，引导读者逐步学习如何使用文本、图像、表格、CSS样式、多媒体、行为、模板和库、表单及使用jQuery UI等网页元素，生成图文并茂的网页；以及介绍充分利用Dreamweaver CC所提供的动态网页开发功能，在不懂编程的情况下实现简单动态网站的开发。本书在内容难易程度上采用了递进的方式，将本书目标的全部内容细分为一系列知识点，通过“由简到繁、由易到难、循序渐进、深入浅出、承前启后”的案例具体实现，使读者能够真正用Dreamweaver CC解决实际的网站设计问题。

作者有丰富的教学及教研经验。为了提高学习效率和教学效果，方便教师教学，作者为本书配备了教学指南、案例素材及结果文件、习题答案、授课PPT讲义等丰富的教学辅助资源。

目录
第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 案例分析 20
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 管理超链接 70
4.3.1 自动更新链接 70
4.3.2 更改链接 71
4.3.3　删除链接 71
4.3.4　检查链接 72
4.3.5　修复断开的链接 73
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 页面布局类型 86
5.3.3 页面布局方法 88
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中的浮动和清除 131
7.4 使用Dreamweaver CC中的CSS
布局工具 132
7.4.1 使用可视化助理 132
7.4.2 使用系统提供的CSS布局
创建页面 132
7.5 使用流媒体网格布局 134
7.5.1 创建流体网格布局 134
7.5.2 编辑流体网格文档 135
7.5.3 插入流体网格元素 135
7.6 实战演练 136
本章小结与重点回顾 141
第8章 模板和库 142
8.1 应用模板制作相似网页—美文
随笔 142
8.1.1 案例综述 142
8.1.2 案例分析 143
8.1.3 实现步骤 143
8.2 使用模板 151
8.2.1 模板的基本特点 151
8.2.2 模板的创建与保存 151
8.2.3 模板区域 153
8.2.4 创建基于模板的网页 154
8.2.5 修改模板及更新页面 156
8.3 使用库 157
8.3.1 创建库项目 157
8.3.2 插入库项目 158
8.3.3 修改库项目和更新
站点 158
8.4 资源管理 159
8.5 实战演练 160
本章小结与重点回顾 161
第9章 插入多媒体元素 162
9.1 网页的动感效果设计—多媒体
示例 162
9.1.1 案例综述 162
9.1.2 案例分析 163
9.1.3 实现步骤 163
9.2 应用多媒体元素 171
9.2.1 插入Edge Animate
作品 171
9.2.2 插入HTML 5视频 172
9.2.3 插入HTML 5音频 173
9.2.4 插入Flash动画 174
9.2.5 插入Flash视频 176
9.2.6 插入插件 178
9.3 扩展功能（使用第三方
插件） 179
9.4 实战演练 181
本章小结与重点回顾 183
第10章 行为 184
10.1 使用“行为”为网站增加
交互 184
10.1.1 案例综述 184
10.1.2 案例分析 184
10.1.3 实现步骤 185
10.2 行为概述 188
10.3 使用Dreamweaver CC
内置的行为 191
10.4 行为的修改与更新 197
10.5 实战演练 198
本章小结与重点回顾 199
第11章 表单 200
11.1 表单页面制作—注册 200
11.1.1 案例综述 200
11.1.2 案例分析 201
11.1.3 实现步骤 201
11.2 表单概述 206
11.3 创建HTML表单 208
11.4 实战演练 214
本章小结与重点回顾 215
第12章 使用jQuery UI小部件 216
12.1 使用“jQuery UI”小部件布局
页面 216
12.1.1 案例综述 216
12.1.2 案例分析 217
12.1.3 实现步骤 217
12.2 jQuery UI小部件 222
12.2.1 折叠面板 222
12.2.2 选项卡 224
12.2.3 日期选择器 225
12.2.4 进度条 226
12.2.5 对话框 227
12.2.6 自动填充 228
12.2.7 滑块 229
12.2.8 按钮及按钮组 230
12.2.9 复选框按钮组及单选
按钮组 231
12.2.10 保存含有“jQuery UI”
小部件的页面 231
12.3 实战演练 232
本章小结与重点回顾 235
第13章 站点整理维护与上传 236
13.1 网站整理上传 236
13.1.1 案例综述 236
13.1.2 案例分析 236
13.1.3 实现步骤 236
13.2 网站上传前的准备 242
13.2.1 网上空间准备 242
13.2.2 站点检查 243
13.2.3 检查链接 244
13.3 上传网站 245
13.3.1 Web方式上传网站 245
13.3.2 FTP方式上传网站 246
13.4 网站的维护与更新 249
13.5 网站的推广 250
13.6 Dreamweaver站点维护 252
13.6.1 文件扩展面板 252
13.6.2 站点文件同步 253
13.6.3 存回和取出 254
13.6.4 使用设计备注 255
13.7 实战演练 256
本章小结与重点回顾 256
第14章 Web应用程序开发 257
14.1 留言板制作—开发前期准备 257
14.1.1 案例综述 257
14.1.2 案例分析 257
14.1.3 实现步骤 258
14.2 Web应用程序概述 268
14.2.1 动态网页技术 268

14.2.2 构建Web应用程序的
基本流程 268
14.3 设置Web应用程序开发及
运行环境 269
14.3.1 Web服务器的安装与
配置 269
14.3.2 在Dreamweaver CC中
配置应用程序服务器 271
14.3.3 后台数据库的连接 271
14.4 实战演练 273
本章小结与重点回顾 275
第15章 动态网站的开发 276
15.1 制作动态网页—留言板
制作 276
15.1.1 案例综述 276
15.1.2 案例分析 276
15.1.3 实现步骤 277
15.2 定义记录集 295
15.3 动态数据的绑定 298
15.4 设置服务器行为 299
15.4.1 显示记录 300
15.4.2 用户身份验证 301
15.4.3 记录的操作 303
15.5 实战演练 306
本章小结与重点回顾 308

为建立健全教育质量保障体系，提高职业教育质量，*于2014年颁布了《中等职业学校专业教学标准（试行）》（以下简称《专业教学标准》）。《专业教学标准》是指导和管理中等职业学校教学工作的主要依据，是保证教育教学质量和人才培养规格的纲领性教学文件。在“*办公厅关于公布首批《中等职业学校专业教学标准（试行）》目录的通知”（教职成厅[2014]11号文）中，强调“专业教学标准是开展专业教学的基本文件，是明确培养目标和规格、组织实施教学、规范教学管理、加强专业建设、开发教材和学习资源的基本依据，是评估教育教学质量的主要标尺，同时也是社会用人单位选用中等职业学校毕业生的重要参考。”

本书特色

本书根据*颁发的《中等职业学校专业教学标准（试行）信息技术类（辑）》中的相关教学内容和要求编写而成。

本书从网页制作的基础知识到动态网站程序的开发，循序渐进地对Dreamweaver的内容进行了全面介绍，在具体内容描述中突出了重点和难点，并介绍了在实际开发中经常采用的一些技巧，使读者能够迅速提高网页制作水平。本书共分为16章，第1章简要介绍网页设计的基本知识，第2章介绍如何创建本地站点，第3章介绍网页图文编辑，第4章如何介绍建立网页超链接，第5章介绍表格布局，第6章介绍CSS样式表，第7 章介绍Div CSS布局，第8章介绍框架布局，第9章介绍多媒体元素的插入，第10章介绍添加行为，第11章介绍利用模板和库创建大量相似网页的方法，第12章介绍在页面中添加表单的方法，第13章介绍Spry构件的使用，第14章介绍网站整理维护与上传的方法，第15章介绍动态网站开发环境的设置，第16章介绍动态网站的开发。

教学资源

为了提高学习效率和教学效果，方便教师教学，编者为本书配备了包括电子教案、教学指南、素材文件、微课，以及习题参考答案等配套的教学资源。请有此需要的读者登录华信教育资源网（http://www.hxedu.com.cn）注册后进行免费下载，有问题时请在网站留言板留言或与电子工业出版社联系（E-mail:[email protected]）。