《中文版Dreamweaver CS6高手之道》是一本帮助初学者全面掌握Dreamweaver CS6基础和网页设计的完整教程。全书共分为18章,分别讲解了网页设计基础与製作流程、初识Dreamweaver CS6、HTML 与HTML5、创建与管理本地站点、设定网页头信息、网页整体属性的设定、精通CSS 样式、使用DIV和CSS灵活布局网页、网页中文字的编排处理、网页中图像的套用、在网页中插入Flash动画及其他多媒体、使用表格和框架布局网页、AP Div与Spry构件的套用、使用行为丰富网页效果、使用表单创建互动网页、网页中连结的设定、使用模板和库提高网站的製作效率、网站的上传与维护、商业网站实战等内容。 《中文版Dreamweaver CS6高手之道》配套光碟中提供了书中所有实例的源档案和相关素材以及视频教程,方便读者学习和参考。 《中文版Dreamweaver CS6高手之道》适用于初、中级读者以及想进入网页设计领域的读者与网页设计相关专业的大中专学生。同时,《中文版Dreamweaver CS6高手之道》也可作为广大网页设计爱好者的参考书籍和网页製作的理想培训教材。
基本介绍
- 中文名:《中文版Dreamweaver CS6高手之道》
主要内容
第1章 Dreamweaver CS6轻鬆入门 26
1.1 网页设计概论 26
1.1.1 网页与网站 26
1.1.2 网页基本要素 27
1.1.3 网页的类型 27
1.2 网页设计的构成要素 27
1.2.1 文字元素 28
1.2.2 图形元素 29
1.2.3 图像元素 29
1.2.4 多媒体元素的套用 30
1.2.5 色彩的搭配 30
1.2.6 网页版式设计 32
1.3 安装Dreamweaver CS6简介 33
1.3.1 Dreamweaver CS6简介 33
1.3.2 Dreamweaver CS6的系统要求 33
1.3.3 实战——安装Dreamweaver CS6 33
1.3.4 实战——启动Dreamweaver CS6 35
1.4 Dreamweaver CS5.5和CS6的新增功能 35
1.4.1 Dreamweaver CS5.5新增功能 35
1.4.2 Dreamweaver CS6新增功能 37
1.5 Dreamweaver CS6的工作界面 39
1.5.1 Dreamweaver CS6工作区 39
1.5.2 选单栏 41
1.5.3 文档工具列 42
1.5.4 状态栏 44
1.5.5 “插入”面板 45
1.5.6 “属性”面板 45
1.5.7 其他浮动面板 45
1.6 网页档案的基本操作 45
1.6.1 新建网页 45
1.6.2 保存网页 48
1.6.3 打开网页 48
1.6.4 预览网页 49
第2章 创建和管理网站站点 50
2.1 了解站点 50
2.1.1 什幺是站点 50
2.1.2 规划站点结构 50
2.1.3 构建整体站点风格 51
2.1.4 网页设计与发布流程 51
2.2 在Dreamweaver CS6中建立站点 52
2.2.1 实战——建立本地站点 52
2.2.2 实战——建立远程站点 53
2.2.3 伺服器基本选项 54
2.2.4 伺服器高级选项 55
2.2.5 实战——建立Business Catalyst站点 56
2.2.6 Business Catalyst面板 57
2.3 站点的其他高级设计选项 58
2.3.1 版本控制 59
2.3.2 本地信息 59
2.3.3 遮盖 59
2.3.4 设计备注 60
2.3.5 档案视图列 60
2.3.6 Contribute 61
2.3.7 模板 61
2.3.8 Spry 61
2.3.9 Web字型 61
2.4 站点的管理 62
2.4.1 “管理站点”对话框 62
2.4.2 使用“档案”面板切换站点 63
2.4.3 实战——创建资料夹 63
2.4.4 实战——创建档案 64
2.4.5 移动和複製站点中的档案或资料夹 64
2.4.6 删除站点中的档案或资料夹 65
第3章 认识XHTML与HTML5 66
3.1 HTML基础 66
3.1.1 什幺是HTML 66
3.1.2 HTML档案的基本结构 66
3.1.3 HTML基本语法 67
3.2 XHTML基础 67
3.2.1 什幺是XHTML 67
3.2.2 XHTML与HTML比较 67
3.2.3 XHTML的基本结构 68
3.2.4 XHTML的代码规範 69
3.2.5 XHTML的文档类型 70
3.2.6 XHTML的名字空间 71
3.3 网页中常用标籤 71
3.3.1 网页基本标籤 71
3.3.2 网页格式标籤 71
3.3.3 网页文本标籤 72
3.3.4 网页超连结标籤 72
3.3.5 网页图像标籤 72
3.3.6 网页表格标籤 72
3.3.7 网页分区标籤 73
3.4 使用Dreamweaver编辑原始码 73
3.4.1 Dreamweaver CS6代码视图 73
3.4.2 快速编写标籤 75
3.4.3 代码最佳化 76
3.4.4 在原始码中添加注释 77
3.5 HTML 5 78
3.5.1 HTML5的改变 78
3.5.2 HTML5标籤 78
3.5.3 HTNML5与HTML4的不同之处 80
3.5.4 实战——使用audio实现背景音乐 80
3.5.5 实战——使用video实现网页视频 81
3.6 设定网页头部信息 82
3.6.1 实战——设定网页标题 82
3.6.2 实战——为网页添加关键字 83
3.6.3 实战——为网页添加说明 83
3.6.4 实战——设定网页刷新 84
3.6.5 设定网页基础 84
3.6.6 设定连结 84
3.6.7 设定META信息 85
第4章 创建与编辑网页基本元素 87
4.1 设定页面整体属性 88
4.1.1 实战——设定外观(CSS) 88
4.1.2 设定外观(HTML) 90
4.1.3 实战——设定连结(CSS) 91
4.1.4 实战——设定标题(CSS) 92
4.1.5 设定标题和编码 93
4.1.6 实战——设定跟蹤图像 93
4.2 输入并设定网页文本 95
4.2.1 实战——在网页中输入文字 95
4.2.2 文本分段 96
4.2.3 文本分行 96
4.2.4 设定文本属性 96
4.3 列表的创建与设定 98
4.3.1 实战——创建项目列表 98
4.3.2 实战——创建编号列表 99
4.3.3 设定列表属性 99
4.4 在网页中插入其他文本对象 100
4.4.1 实战——插入水平线 100
4.4.2 实战——插入特殊字元 101
4.4.3 实战——插入时间 102
4.4.4 实战——插入注释 103
4.5 实战——创建滚动文本 104
4.6 网页中常用图像格式 105
4.6.1 GIF格式 105
4.6.2 JPEG格式 106
4.6.3 PNG格式 106
4.7 插入图像并设定图像属性 106
4.7.1 实战——在网页中插入图像 106
4.7.2 图像标籤辅助功能 107
4.7.3 设定图像属性 108
4.8 在网页中编辑图像 109
4.8.1 使用Photoshop编辑图像 109
4.8.2 设定图像 110
4.8.3 裁剪图像 110
4.8.4 重新取样图像 110
4.8.5 调整图像亮度和对比度 111
4.8.6 锐化图像 111
4.9 插入其他图像元素 112
4.9.1 实战——插入图像占位符 112
4.9.2 实战——插入滑鼠经过图像 113
4.10 使用网页辅助工具 114
4.10.1 配置视窗大小 114
4.10.2 使用标尺、格线和辅助线 115
4.10.3 使用缩放和平移 116
4.10.4 “历史记录”面板 117
4.11 实战——製作宠物网站页面 117
第5章 使用CSS样式控制网页元素 124
5.1 了解CSS样式 124
5.1.1 什幺是CSS样式 124
5.1.2 CSS样式的发展 124
5.1.3 CSS样式的优点 125
5.1.4 CSS样式的基本语法 125
5.2 创建CSS样式 126
5.2.1 CSS样式类型 126
5.2.2 实战——创建标籤CSS样式 126
5.2.3 实战——创建类CSS样式 128
5.2.4 实战——创建ID CSS样式 129
5.2.5 实战——创建複合CSS样式 130
5.2.6 实战——创建CSS样式伪类 132
5.3 定义CSS样式属性 134
5.3.1 定义类型样式 134
5.3.2 实战——设定网页文本样式 135
5.3.3 定义背景样式 136
5.3.4 实战——设定网页背景效果 136
5.3.5 定义区块样式 137
5.3.6 实战——设定网页中文本对齐与间距 138
5.3.7 定义方框样式 139
5.3.8 实战——定位页面元素 139
5.3.9 定义框线样式 140
5.3.10 实战——美化网页中的图像 141
5.3.11 定义列表样式 142
5.3.12 实战——製作新闻列表 142
5.3.13 定义定位样式 143
5.3.14 实战——定点阵图像位置 144
5.3.15 定义扩展样式 145
5.3.16 实战——改变游标指针效果 146
5.3.17 定义过渡样式 147
5.4 编辑CSS样式 147
5.4.1 修改CSS样式 147
5.4.2 複製CSS样式 148
5.4.3 删除CSS样式 148
5.5 在网页中套用CSS的方法 148
5.5.1 实战——内部CSS样式 148
5.5.2 实战——连结外部CSS样式 150
5.5.3 实战——导入外部CSS样式 151
5.6 实战——CSS类选区 153
5.7 实战——Web字型 154
5.8 认识CSS 3.0新增属性 157
5.8.1 CSS 3.0新增属性 157
5.8.2 实战——实现半透明和阴影效果 158
5.8.3 实战——实现圆角效果 159
5.8.4 实战——实现内容分栏 160
5.9 实战——製作公园网站页面 161
第6章 理解Div+CSS布局 168
6.1 了解Div 168
6.1.1 什幺是Div 168
6.1.2 Div与span的区别 168
6.1.3 创建Div 169
6.1.4 Div+CSS布局的优势 171
6.2 认识CSS盒模型 171
6.2.1 什幺是盒模型 171
6.2.2 盒模型注意事项 172
6.2.3 实战——border(框线) 172
6.2.4 实战——padding(填充) 172
6.2.5 实战——margin(边界) 174
6.3 CSS定位方式 174
6.3.1 实战——浮动定位 175
6.3.2 position属性 176
6.3.3 实战——元素的绝对定位 177
6.3.4 实战——元素的相对定位 178
6.3.5 实战——元素的固定定位 179
6.3.6 实战——层叠顺序z-index 180
6.3.7 边偏移属性 181
6.4 实战——overflow溢出定位 181
6.5 实战——visibility隐藏定位 182
6.6 块和行内元素display 184
6.6.1 块元素 184
6.6.2 行内元素 184
6.6.3 display属性 184
6.7 实战——流体网页布局 184
6.8 常见的页面布局方式 189
6.8.1 固定宽度且居中的布局 189
6.8.2 左右布局 190
6.8.3 左中右布局 191
6.8.4 Div高度自适应页面高度 191
6.9 实战——製作度假村网站页面 192
第7章 使用多媒体丰富网页效果 198
7.1 在网页中插入动画 198
7.1.1 在网页中套用Flash的优势 198
7.1.2 实战——插入SWF动画 199
7.1.3 设定SWF动画属性 200
7.1.4 实战——插入Shockwave动画 201
7.2 在网页中插入视频 203
7.2.1 网页支持视频档案格式 203
7.2.2 实战——插入FLV视频 203
7.2.3 插入“FLV”对话框 204
7.2.4 实战——插入WMV视频 205
7.3 为网页添加声音 206
7.3.1 网页支持音频档案格式 206
7.3.2 实战——添加背景音乐 206
7.4 在网页中插入其他多媒体元素 207
7.4.1 插入Java小程式 207
7.4.2 实战——实现自由拖曳图片效果 208
7.4.3 插入ActiveX控制项 206
7.4.4 插入外挂程式 210
7.5 实战——製作卡通游戏网站页面 211
第8章 创建网页连结 218
8.1 关于超连结 218
8.1.1 什幺是超连结 218
8.1.2 常见连结路径 219
8.2 基础连结设定 220
8.2.1 实战——设定文字超连结 220
8.2.2 实战——设定图像超连结 221
8.2.3 “超级连结”对话框 221
8.3 创建特殊超连结 222
8.3.1 实战——创建空连结 222
8.3.2 实战——创建脚本连结 222
8.3.3 实战——创建下载连结 223
8.3.4 实战——创建E-mail连结 224
8.3.5 实战——创建锚记连结 225
8.3.6 实战——创建热点连结 227
8.4 管理超连结 228
8.4.1 设定连结管理特性 228
8.4.2 实战——检查超连结 229
8.4.3 设定站点快取 229
8.5 使用CSS设计网页导航 229
8.5.1 实战——製作横嚮导航选单 229
8.5.2 实战——製作垂直导航选单 231
8.6 实战——製作游戏介绍页面 232
第9章 在网页中插入表单元素 238
9.1 插入和设定表单 238
9.1.1 认识表单元素 238
9.1.2 实战——插入表单 239
9.1.3 设定表单属性 240
9.2 插入文本域 240
9.2.1 实战——插入单行文本域 241
9.2.2 实战——插入密码域 241
9.2.3 实战——插入多行文本域 241
9.2.4 设定文本栏位属性 243
9.3 插入单选按钮和複选框 244
9.3.1 实战——插入单选按钮 244
9.3.2 实战——插入单选按钮组 245
9.3.3 实战——插入複选框 245
9.3.4 设定複选框属性 246
9.4 插入列表选单和跳转选单 246
9.4.1 实战——插入列表选单 246
9.4.2 实战——插入跳转选单 247
9.4.3 设定选择属性 248
9.5 插入档案域和图像域 248
9.5.1 实战——插入档案域 249
9.5.2 实战——插入图像域 249
9.5.3 设定图像域属性 250
9.6 插入隐藏域和按钮 251
9.6.1 插入隐藏域 251
9.6.2 插入按钮 251
9.6.3 设定按钮属性 252
9.7 实战——製作网站登录页面 252
9.8 实战——製作用户注册页面 257
第10章 为网页添加行为和JavaScript特效 262
10.1 关于Dreamweaver中的行为 262
10.1.1 什幺是行为 262
10.1.2 “行为”面板 262
10.1.3 了解事件 263
10.2 为网页添加内置行为效果 264
10.2.1 实战——交换图像 264
10.2.2 实战——弹出信息 265
10.2.3 恢复交换图像 266
10.2.4 实战——打开浏览器视窗 266
10.2.5 实战——检查外挂程式 267
10.2.6 实战——检查表单 269
10.2.7 实战——调用JavaScript 270
10.2.8 跳转选单 271
10.2.9 跳转选单开始 272
10.2.10 实战——转到URL 272
10.2.11 预先载入图像 273
10.3 添加网页文本行为 273
10.3.1 设定容器的文本 273
10.3.2 实战——设定文本域文字 273
10.3.3 设定框架文本 274
10.3.4 实战——设定状态栏文本 275
10.4 添加网页效果行为 275
10.4.1 关于效果行为 275
10.4.2 显示/渐隐 276
10.4.3 遮帘 276
10.4.4 增大/收缩 276
10.4.5 高亮颜色 277
10.4.6 晃动 277
10.4.7 滑动 277
10.4.8 挤压 278
10.4.9 实战——实现网页的遮帘效果 278
10.5 使用JavaScript 279
10.5.1 什幺是JavaScript 279
10.5.2 在网页中如何添加JavaScript 279
10.5.3 实战——实现可设定字型大小 280
10.5.4 实战——实现图像平滑滚动效果 281
10.6 实战——製作餐饮类网站页面 283
第11章 表格与AP Div的套用 291
11.1 了解表格 291
11.1.1 实战——在网页中插入表格 291
11.1.2 “表格”对话框 293
11.1.3 选择表格和单元格 293
11.2 设定表格和单元格属性 295
11.2.1 设定表格属性 295
11.2.2 设定单元格属性 295
11.3 编辑表格 296
11.3.1 複製贴上单元格 296
11.3.2 调整表格大小 296
11.3.3 添加行或列 296
11.3.4 删除行或列 297
11.3.5 合併单元格 297
11.3.6 拆分单元格 298
11.3.7 实战——表格数据排序 298
11.3.8 实战——导入表格数据 299
11.3.9 导出表格数据 301
11.4 实战——实现表格特效 301
11.5 认识AP Div 302
11.5.1 什幺是AP Div 302
11.5.2 “AP元素”面板 303
11.5.3 Div与AP Div之间的关係 303
11.6 AP Div的基础操作 303
11.6.1 实战——创建AP Div 303
11.6.2 AP Div的嵌套 306
11.6.3 设定AP Div属性 307
11.6.4 实战——AP Div溢出製作多行文本框 307
11.7 AP Div与表格的转换 309
11.7.1 将AP Div转换为表格 309
11.7.2 将表格转换为AP Div 309
11.8 AP Div与行为结合创建网页特效 309
11.8.1 实战——改变AP Div的背景颜色 309
11.8.2 实战——实现可拖动的网页元素 311
11.8.3 实战——显示/隐藏网页元素 312
11.9 实战——製作儿童教育类网站 314
第12章 使用Spry创建网页常见效果 318
12.1 Spry构件的构成 318
12.2 使用Spry选单栏 318
12.2.1 插入和编辑Spry选单栏 319
12.2.2 更改Spry选单栏文本样式 319
12.2.3 更改Spry选单项背景颜色 320
12.2.4 实战——製作网页下拉选单 322
12.3 Spry选项卡式面板 323
12.3.1 插入和编辑Spry选项卡式面板 323
12.3.2 设定Spry选项卡式面板的宽度 324
12.3.3 更改Spry选项卡式面板文本样式 324
12.3.4 更改Spry选项卡式面板背景颜色 324
12.3.5 实战——製作新闻选项卡 324
12.4 Spry摺叠式面板 327
12.4.1 插入和编辑Spry摺叠式面板 327
12.4.2 设定Spry摺叠式面板的宽度 328
12.4.3 更改Spry摺叠式面板文本样式 328
12.4.4 更改Spry摺叠式面板背景颜色 328
12.4.5 实战——製作产品广告展示页面 328
12.5 Spry可摺叠面板 331
12.5.1 插入和编辑Spry可摺叠面板 331
12.5.2 设定Spry可摺叠面板的宽度 331
12.5.3 更改Spry可摺叠面板文本样式 331
12.5.4 更改Spry可摺叠面板背景颜色 332
12.5.5 实战——製作可摺叠的页面信息 332
12.6 Spry工具提示 334
12.6.1 插入和编辑Spry工具提示 334
12.6.2 实战——製作作品展示页面 335
12.7 Spry验证表单 339
12.7.1 Spry验证文本域 339
12.7.2 Spry验证密码 339
12.7.3 Spry验证文本区域 340
12.7.4 Spry验证複选框 341
12.7.5 Spry验证选择 341
12.7.6 Spry验证确认 341
12.7.7 Spry验证单选按钮组 342
12.7.8 实战——使用Spry验证网站登录框 342
12.8 实战——製作企业类网站页面 346
第13章 使用框架布局网页 354
13.1 关于框架结构 354
13.2 创建框架网页 354
13.2.1 创建框架 354
13.2.2 创建嵌套的框架集 355
13.3 选择框架和框架集 356
13.3.1 “框架”面板 356
13.3.2 在“框架”面板中选择框架或框架集 356
13.3.3 在文档视窗中选择框架或框架集 357
13.4 保存框架和框架集 357
13.4.1 保存所有框架集档案 357
13.4.2 保存框架集 358
13.4.3 保存框架 358
13.5 设定框架和框架集属性 358
13.5.1 设定框架属性 358
13.5.2 设定框架集属性 359
13.5.3 设定框架的背景颜色 360
13.6 IFrame框架 361
13.6.1 实战——插入IFrame框架 361
13.6.2 实战——连结IFrame框架页面 362
13.7 实战——製作健康类网站页面 363
第14章 使用模板和库创建网页 368
14.1 了解模板 370
14.2 创建模板网页 370
14.2.1 实战——创建空白的模板页面 370
14.2.2 实战——从“资源”面板创建模板 371
14.2.3 实战——从现有文档创建模板页面 371
14.2.4 实战——创建可编辑区域 372
14.2.5 实战——创建可选区域 373
14.2.6 实战——创建可编辑的可选区域 374
14.2.7 创建重複区域 374
14.3 套用与管理模板 375
14.3.1 实战——为网页套用模板 375
14.3.2 从模板中分离网页 376
14.3.3 更新模板和基于模板的页面 377
14.4 了解库 377
14.5 库的创建、管理与套用 377
14.5.1 实战——创建库项目 377
14.5.2 实战——套用库项目 379
14.5.3 编辑库项目 380
14.6 实战——製作商城网站页面 380
第15章 动态网站基础 390
15.1 认识动态网页 390
15.1.1 了解动态网页 390
15.1.2 动态网页编程技术 390
15.2 动态网页的运行机制和流程 392
15.2.1 动态网页的运行机制 392
15.2.2 动态网页的製作流程 392
15.3 安装和配置动态网站伺服器 393
15.3.1 实战——安装IIS 393
15.3.2 实战——配置伺服器 394
15.4 了解资料库 396
15.4.1 了解Access资料库 396
15.4.2 了解SQL Server资料库 396
15.4.3 了解MySQL资料库 397
15.4.4 实战——创建Access资料库 399
15.5 两种连线资料库的方法 399
15.5.1 资料库访问过程 399
15.5.2 创建ODBC连线 399
15.5.3 使用ADO连线 401
15.5.4 实战——运行时刻的ADO连线 401
15.5.5 实战——设计时刻的ADO连线 402
15.6 编辑或删除资料库连线 403
15.6.1 编辑资料库连线 403
15.6.2 删除资料库连线 403
第16章 动态数据的创建与使用 404
16.1 关于数据记录集 404
16.2 创建简单记录集 404
16.2.1 创建记录集 404
16.2.2 显示记录集中的记录 406
16.3 高级记录集 407
16.3.1 查询整个表 407
16.3.2 查询特定的栏位 408
16.3.3 查询具有条件的栏位 409
16.3.4 记录集排序 410
16.4 使用SQL语句 410
16.4.1 关于SQL查询 410
16.4.2 SQL基本表操作 411
16.4.3 SQL查询功能 411
16.4.4 SQL更新功能 412
16.5 管理记录集 412
16.5.1 複製记录集 412
16.5.2 编辑记录集 412
16.5.3 删除记录集 413
16.6 製作新闻发布系统 413
16.6.1 系统分析 413
16.6.2 实战——创建新闻发布系统站点 413
16.6.3 实战——製作网站页面 415
16.6.4 实战——创建资料库 419
16.6.5 实战——连线资料库 420
16.6.6 实战——製作新闻列表页面 422
16.6.7 实战——製作新闻显示页面 425
16.6.8 实战——製作新闻管理页面 425
16.6.9 实战——製作添加新闻页面 427
16.6.10 实战——製作修改新闻页面 428
16.6.11 实战——製作删除新闻页面 428
16.6.12 实战——测试新闻管理系统 429
第17章 网站的发布与上传 432
17.1 测试网站 432
17.1.1 实战——检查浏览器兼容性 432
17.1.2 实战——W3C验证 433
17.1.3 创建站点报告 434
17.2 域名和空间申请 435
17.3 网站上传 436
17.3.1 实战——FTP伺服器站点的设定 436
17.3.2 实战——连线到远程伺服器 437
17.3.3 实战——上传网站档案 438
17.3.4 实战——下载网站档案 438
17.4 网站维护与推广 439
17.4.1 网站维护 439
17.4.2 注册搜寻引擎 440
17.4.3 电子邮件宣传 440
17.4.4 交换友情连结 440
17.4.5 论坛宣传 440
17.4.6 网路广告 440
第18章 商业网站实战 442
18.1 实战——製作麵包甜品店网站页面 442
18.1.1 设计分析 442
18.1.2 色彩分析 442
18.1.3 製作步骤 442
18.1.4 案例小结 448
18.2 实战——製作游戏网站页面 449
18.2.1 设计分析 449
18.2.2 色彩分析 449
18.2.3 製作步骤 449
18.2.4 案例小结 457
18.3 实战——製作社区生活网站页面 457
18.3.1 设计分析 457
18.3.2 色彩分析 457
18.3.3 製作步骤 458
18.3.4 案例小结 463
18.4 实战——製作教育培训网站页面 463
18.4.1 设计分析 463
18.4.2 色彩分析 464
18.4.3 製作步骤 464
18.4.4 案例小结 469
附录
附录一 HTML常用标籤一览 470
附录二 CSS常用属性一览 473
附录三 JavaScript语法手册 476