Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器。虽然Dreamweaver CS6版本在界面上与之前版本相比并没有较大的改变，但在细节上加强了代码编写、移动设备页面开发、CSS 3.0样式等功能。本书全面介绍使用Dreamweaver CS6设计网页、组建网站和移动设备网页设计与制作等内容，包括Dreamweaver软件操作和网页设计流程、站点管理、添加网页对象、网页中的链接、使用表格设计网页、样式布局与样式美化、网页模板与网页框架、应用交互特效、创建动态网页、移动产品页面基础、移动产品页面交互等相关内容。本书最后还介绍了3种不同风格、不同应用的实例制作。

　　全书结构编排合理，实例丰富，突出Dreamweaver CS6的基础知识和操作，可作为高等院校相关专业和网页制作培训班的教材，也可作为学习Dreamweaver CS6网页制作的参考资料。

前    言

　　虽然静态页面已经成为非主流网页，但网页的前台美工还需要通过静态页面来查看网页的布局效果。在静态网页开发过程中，选择优秀的开发工具，可以起到事半功倍的效果。比较流行的Dreamweaver软件，就是一个不错的网页开发工具。

　　随着Dreamweaver软件不断优化和升级，该软件不仅仅能开发XHTML类型的文件和定义CSS样式等功能，同时软件包含了对ASP、JSP、PHP、XML等一些动态网站所需要创建和设计的开发功能。在最新的Dreamweaver CS6版本中，还包含了jQuery Mobile移动网页的设计与开发等功能。

　　本书主要内容：

　　本书通过大量的实例全面介绍了网页设计与制作过程中使用的各种专业技术，以及用户可能遇到的各种问题。全书共分为12章，各章的内容概括如下：

　　第1章初识Dreamweaver CS6，包括了解Dreamweaver CS6、Dreamweaver工作区、了解文档视图、【编码】工具栏、网页设计流程、创建网页文档、网页的构成等内容。

　　第2章介绍创建与管理站点，包括了解站点及站点结构、创建本地站点、使用【文件】面板、站点文件及文件夹、远程文件操作等内容。

　　第3章介绍了插入网页元素，包括插入网页文本、插入网页图像、编辑网页图像、插入多媒体元素等内容。

　　第4章介绍了插入网页超链接，包括了解链接与路径、创建超级链接、添加热链接、特殊链接等内容。

　　第5章介绍了插入网页表格，包括表格的建立、编辑表格、单元格操作等内容。

　　第6章介绍了Div标签与CSS样式表，包括插入Div标签布局、CSS样式的基础知识、创建CSS样式、CSS语法与选择器等内容。

　　第7章介绍了网页模板与框架，包括创建框架页、编辑框架属性、模板网页等内容。

　　第8章介绍了创建网页表单，包括网页中的表单、插入文本域、复选框和单选按钮、列表和菜单选项、跳转菜单的使用、使用按钮激活表单、使用隐藏域和文件域等内容。

　　第9章介绍了应用网页交互，包括标签检查器、网页行为、应用网页行为、使用Spry框架等内容。

　　第10章介绍了Web动态开发，包括创建Access数据库、连接数据库、创建动态页和记录集、绑定数据源等内容。

　　第11章介绍了移动产品页面基础，包括了解jQuery Mobile、创建移动设备网页、页面基础、对话框与页面样式、创建工具栏、创建网页按钮等内容。

　　第12章介绍了移动产品页面交互，包括内容布局、添加表单元素、添加列表内容等内容。

　　本书特色：

　　本书结合办公用户的需求，详细介绍了网页设计与网站制作的应用知识，具有以下特色。

? 丰富实例  本书每章以实例形式演示网页设计与网站制作的操作应用知识，便于读者模仿学习操作，同时方便教师组织授课。

? 彩色插图  本书提供了大量精美的实例，在彩色插图中读者可以感受逼真的实例效果，从而迅速掌握网页设计与网站制作的操作知识。

? 思考与练习  扩展练习测试读者对本章所介绍内容的掌握程度；上机练习理论结合实际，引导学生提高上机操作能力。

? 配书光盘  本书作者精心制作了功能完善的配书光盘。在光盘中完整地提供了本书实例效果和大量全程配音视频文件，便于读者学习使用。

　　适合读者对象：

　　本书结构编排合理，图文并茂，实例丰富，配书光盘提供多媒体语音视频教程，可以作为高等院校相关专业和社会培训班网页制作培训教材，也可以作为读者自学网页设计制作的参考资料。

　　参与本书编写的除了封面署名人员外，还有常征、刘凌霞、王海峰、张瑞萍、吴东伟、王健、倪宝童、温玲娟、石玉慧、李志国、唐有明、王咏梅、李乃文、陶丽、连采霞、毕小君、王兰兰、牛红惠、李卫平、宋俊昌、谭广柱、王中行、张东平、刘艳春等人。由于时间仓促，水平有限，疏漏之处在所难免，欢迎读者朋友登录清华大学出版社的网站www.tup.com.cn与我们联系，以帮助我们改进提高。

　　

　　编  者

　　2013.8

??

??

??

??

目    录

第1章  初识Dreamweaver CS6 1

1.1  了解Dreamweaver CS6 2

1.1.1  Dreamweaver概述 2

1.1.2  Dreamweaver CS6新增功能 2

1.2  Dreamweaver工作区 5

1.2.1  Dreamweaver窗口 5

1.2.2  窗口组成 5

1.3  了解文档视图 8

1.4 【编码】工具栏 9

1.4.1  查看【编码】工具栏 9

1.4.2  应用【编码】工具栏 10

1.5  网页设计流程 12

1.6  创建网页文档 14

1.6.1  新建网页文档 14

1.6.2  设置页面属性 16

1.7  网页的构成 19

1.8  课程练习：创建普通网页 20

1.9  课堂练习：创建HTML 5网页 21

1.10  思考与练习 22

第2章  创建与管理站点 24

2.1  了解站点及站点结构 25

2.1.1  什么是站点 25

2.1.2  站点结构 26

2.1.3 【管理站点】对话框 26

2.2  创建本地站点 28

2.3  使用【文件】面板 29

2.4  站点文件及文件夹 31

2.4.1  文件操作 31

2.4.2  查找和定位文件 34

2.5  远程文件操作 35

2.5.1  存回和取出文件 35

2.5.2  同步文件 37

2.6  课堂练习：本地虚拟服务器 38

2.7  课堂练习：配置IIS服务器 40

2.8  课堂练习：配置PHP服务器 42

2.9  思考与练习 45

第3章  插入网页元素 48

3.1  插入网页文本 49

3.1.1  输入文本内容 49

3.1.2  插入特殊符号 50

3.1.3  格式化文本 53

3.1.4  网页中的列表 54

3.2  插入网页图像 55

3.2.1  插入普通图像 56

3.2.2  插入图像占位符 56

3.2.3  插入背景图像 57

3.2.4  应用鼠标经过图像 58

3.2.5  插入Photoshop智能对象 58

3.3  编辑网页图像 60

3.3.1  更改图像属性 60

3.3.2  修饰图像操作 63

3.4  插入多媒体元素 64

3.4.1  插入Flash动画 64

3.4.2  插入Flash视频 66

3.4.3  插入其他媒体 69

3.5  课堂练习：制作个人日记 71

3.6  课堂练习：制作网页导航条 75

3.7  思考与练习 77

第4章  插入网页超链接 79

4.1  链接与路径 80

4.1.1  网页中的链接 80

4.1.2  网页中的路径 80

4.2  创建超级链接 82

4.2.1  文本链接 82

4.2.2  图像链接 84

4.2.3  锚记的链接 84

4.3  添加热链接 85

4.3.1  创建热点链接 85

4.3.2  编辑热点链接 86

4.4  特殊链接 88

4.4.1  电子邮件链接 88

4.4.2  脚本链接 88

4.4.3  空链接 89

4.5  课堂练习：网站引导页 90

4.6  课堂练习：音乐购买栏 92

4.7  课堂练习：设计百科网页 94

4.8  思考与练习 96

第5章  插入网页表格 99

5.1  表格的建立 100

5.1.1  创建各种表格 100

5.1.2  插入网页元素 101

5.1.3  设置表格属性 103

5.1.4  单元格属性 107

5.2  编辑表格 107

5.2.1  选中表格元素 107

5.2.2  调整表格大小 109

5.2.3  添加或删除行或列 109

5.3  单元格操作 110

5.3.1  合并及拆分单元格 110

5.3.2  复制及粘贴单元格 111

5.4  课堂练习：个人简历 111

5.5  课堂练习：制作购物车页 114

5.6  课堂练习：创建博客页 117

5.7  思考与练习 121

第6章  Div标签与CSS样式表 124

6.1  插入Div标签布局 125

6.1.1  插入布局对象 125

6.1.2  插入AP Div布局对象 126

6.1.3  操作AP Div布局对象 127

6.2  CSS样式表基础 129

6.2.1  了解CSS样式表 129

6.2.2  CSS样式表分类 130

6.3  创建样式表 132

6.3.1  【CSS样式】面板 133

6.3.2  新建CSS样式规则 133

6.3.3  导入外部CSS文件 134

6.4  CSS语法与选择器 135

6.4.1  基本CSS语法 135

6.4.2  选择器 137

6.4.3  选择的方法 140

6.5  课堂练习：景点介绍页 142

6.6  课堂练习：文章页面 145

6.7  思考与练习 148

第7章  网页模板与框架 151

7.1  使用框架网页 152

7.1.1  了解框架与框架集 152

7.1.2  创建框架与框架集 153

7.1.3  保存框架页与框架集 154

7.1.4  Iframe浮动框架 156

7.2  编辑框架属性 158

7.2.1  设置框架基本属性 158

7.2.2  使用框架链接 160

7.3  模板网页 161

7.3.1  了解模板 161

7.3.2  创建和保存模板 162

7.3.3  编辑模板 162

7.3.4  应用模板 165

7.4  课堂练习：制作企业网页 167

7.5  课堂练习：后台管理页面 169

7.6  思考与练习 172

第8章  创建网页表单 175

8.1  网页中的表单 176

8.1.1  表单概述 176

8.1.2  创建表单域 176

8.2  插入文本域 178

8.2.1  单行文本域 178

8.2.2  多行文本域 179

8.2.3  密码域 180

8.3  复选框和单选按钮 180

8.3.1  复选框组 180

8.3.2  单选按钮组 182

8.4  列表和菜单 182

8.4.1  下拉菜单 182

8.4.2  滚动列表 183

8.5  跳转菜单的使用 184

8.6  使用按钮激活表单 185

8.6.1  插入文字按钮 185

8.6.2  图像按钮 185

8.7  使用隐藏域和文件域 186

8.7.1  隐藏域 187

8.7.2  文件域 187

8.8  课堂练习：制作用户登录页面 188

8.9  课堂练习：用户注册页面 191

8.10  思考与练习 195

第9章  应用网页交互 197

9.1  标签检查器 198

9.1.1  标签检查器面板 198

9.1.2  查看标签属性 198

9.2  网页行为 199

9.2.1  网页行为概述 199

9.2.2  编辑网页行为 199

9.3  应用网页行为 201

9.3.1  文本信息行为 201

9.3.2  窗口信息行为 202

9.3.3  图像效果行为 204

9.4  使用Spry框架 208

9.4.1  Spry菜单栏 208

9.4.2  Spry选项卡式面板 209

9.4.3  Spry折叠面板 210

9.4.4  Spry工具提示 212

9.5  课堂练习：制作可验证注册页面 213

9.6  课堂练习：制作后台管理页面 216

9.7  思考与练习 219

第10章  Web动态开发 222

10.1  创建Access数据库 223

10.1.1  创建数据库 223

10.1.2  创建数据表 224

10.1.3  添加数据 225

10.2  连接数据库 227

10.2.1  DSN简介 227

10.2.2  定义系统DSN 228

10.2.3  添加数据源 229

10.3  创建动态页和记录集 230

10.3.1  创建动态网页 230

10.3.2  定义记录集 231

10.4  绑定动态数据 232

10.4.1  添加单条记录 232

10.4.2  添加动态表格 233

10.4.3  添加记录索引 234

10.5  课堂练习：添加数据源 235

10.6  课堂练习：显示产品信息 236

10.7  课堂练习：制作用户登录页 238

10.8  思考与练习 240

第11章  移动产品页面基础 243

11.1  了解jQuery Mobile 244

11.1.1  什么是jQuery Mobile 244

11.1.2  jQuery Mobile特性 244

11.1.3  如何获取jQuery Mobile 245

11.2  创建移动设备网页 246

11.2.1  通过流体网格布局 246

11.2.2  通过示例文件 247

11.2.3  通过空白文档 248

11.3  页面基础 249

11.3.1  页面结构 249

11.3.2  页面控制 249

11.3.3  多容器页面 250

11.3.4  链接外部文件 252

11.3.5  回退链接 253

11.3.6  页面转场 253

11.4  对话框与页面样式 254

11.4.1  创建对话框 254

11.4.2  页面样式 255

11.5  创建工具栏 256

11.5.1  了解工具栏 256

11.5.2  头部工具栏 257

11.5.3  尾部工具栏 259

11.5.4  添加导航栏 260

11.6  创建网页按钮 261

11.6.1  创建按钮 261

11.6.2  显示按钮图标 262

11.6.3  按钮组 262

11.7  课堂练习：制作新闻快报 263

11.8  课堂练习：制作订餐页面 266

11.9  思考与练习 268

第12章  移动产品页面交互 270

12.1  内容格式化 271

12.1.1  网格布局 271

12.1.2  可折叠内容 273

12.2  添加表单元素 274

12.2.1  了解表单 274

12.2.2  文本输入框 275

12.2.3  搜索输入框 276

12.2.4  滑动条 277

12.2.5  开关元素 278

12.2.6  单选按钮组 279

12.2.7  复选框组 280

12.2.8  选择菜单 281

12.2.9  日期拾取器 282

12.2.10  表单提交 282

12.2.11  表单插件应用 283

12.2.12  表单主题样式 284

12.3  添加列表内容 286

12.3.1  带链接的列表 286

12.3.2  嵌套列表 286

12.3.3  列表编号 287

12.3.4  只读列表 288

12.3.5  拆分的按钮列表 288

12.3.6  分割列表项 289

12.3.7  搜索过滤框 289

12.3.8  文本格式和计数气泡 290

12.3.9  列表项的缩 略图与图标 291

12.4  课堂练习：制作问卷调查页 292

12.5  课堂练习：制作按钮列表 296

12.6  思考与练习 299

??

??

??

??