1 Dreamweaver CC基础知识 1
1.1 Dreamweaver CC简介 1
1.2 Dreamweaver CC的工作界面 2
1.2.1界面布局 2
1.2.2工具、窗口和面板 8
1.2.3使用插入面板 13
1.2.4属性检查器 16
1.2.5使用管理面板和面板组 16
1.2.6 Dreamweaver中的自定义功能 18
1.3 Dreamweaver CC的新功能 21
2 文本的处理与控制 29
2.1设置网页标题 29
2.2 HTML文件的基本结构 31
2.2.1 <head>标签 33
2.2.2 <body>标签 33
2.3文本的基本设置 34
2.3.1设置文本标题 34
2.3.2添加空格 38
2.3.3强制换行 40
2.3.4文字的基本设置 40
2.3.5“格式”菜单的使用 43
2.3.6特殊字符的设置 45
2.4项目列表 46
2.4.1设置项目列表 47
2.4.2设置编号列表 50
2.4.3在属性检查器中设置项目列表 51
2.4.4定义项目列表 52
2.5使用外部文本 52
2.5.1粘贴文本 53
2.5.2粘贴表格 54
2.5.3导入Word文档和Excel表格 55
3 建立超级链接 59
3.1超级链接的概念 59
3.1.1 URL概述 59
3.1.2超级链接中的路径 60
3.2为文本添加链接 61
3.2.1添加链接 62
3.2.2设置链接 64
3.2.3使用超级链接标签<a> 65
3.3检查链接 66
3.4制作电子邮件链接 68
3.5下载链接 72
3.6添加锚链接 74
3.6.1在同一页面中添加锚链接 74
3.6.2在不同的页面上使用锚链接 78
4 在网页中使用图像 81
4.1网络图形格式 81
4.1.1 GIF图像 81
4.1.2 JPEG图像 82
4.1.3 PNG图像 83
4.2在Dreamweaver中插入图片 84
4.2.1在设计视图中插入图片 84
4.2.2从“资源”面板中插入图片 85
4.2.3在代码视图中插入图片 86
4.3在Dreamweaver中处理图片 88
4.3.1图片的基本设置 88
4.3.2编辑图片 88
4.4使用热区 94
4.4.1绘制热区 95
4.5制作鼠标指针经过图像 97
4.6插入Fireworks HTML 98
4.7添加背景图像 99
4.8使用Photoshop文件 102
4.8.1插入PSD文件 102
4.8.2从Photoshop复制和粘贴 104
4.8.3 Adobe Photoshop智能对象 106
5 在网页中使用多媒体 109
5.1在网页中使用HTML5音频和视频 109
5.1.1关于HTML5音频和视频 109
5.1.2在页面中插入HTML5音频(Audio) 110
5.1.3在页面中插入HTML5视频(Video) 111
5.2在网页中使用Flash 113
5.2.1关于Flash 113
5.2.2插入Flash影片文件(SAF) 114
5.2.3对插入的Flash进行编辑 116
5.2.4插入Flash视频文件(FLV) 118
5.3导入Edge Animate排版 120
5.4在网页中添加其他插件 122
5.4.1插入其他视频文件 122
5.4.2为网页添加声音文件 123
6 使用表格布局页面 125
6.1页面的布局 125
6.2认识表格 126
6.2.1 <table>和</table>标记 126
6.2.2 <tr>和</tr>标记 127
6.2.3在代码视图中设置表格 127
6.3使用表格 130
6.3.1在文档中插入表格 130
6.3.2选择表格 132
6.3.3设置表格属性 133
6.3.4编辑表格 135
6.4格式化表格 138
6.4.1表格格式的设置 138
6.4.2表格的排序 140
6.5导入表格式数据 142
6.6导出表格式数据 143
7 HTML5基本布局 146
7.1新增的主体结构元素 146
7.1.1 article元素 146
7.1.2 section元素 149
7.1.3 nav元素(Navigation) 151
7.1.4 aside元素 153
7.2新增的非主体结构元素 155
7.2.1 header元素 155
7.2.2 hgroup元素 156
7.2.3 footer元素 157
7.3增强的页面元素 159
7.3.1新增的figure元素与figcaption元素 159
7.4 HTML5基本布局 161
8 使用流体网格布局 163
8.1流体网格布局简介 163
8.2使用流体网格布局 165
8.2.1创建流体网格布局 165
8.2.2创建模块内容 168
8.2.3调整屏幕的布局 171
8.3使用媒体查询重置样式 174
8.3.1媒体查询功能介绍 174
8.3.2使用媒体查询功能 176
9 使用层叠样式表 179
9.1层叠样式表基础 179
9.1.1 CSS样式简介 179
9.1.2 CSS样式的规则及分类 179
9.2在Dreamweaver中创建层叠样式表 180
9.2.1 “CSS设计器”面板 180
9.2.2创建CSS文档 187
9.2.3多类选区 189
9.3使用CSS样式 190
9.3.1定义CSS规则 190
9.3.2 CSS过渡效果 199
9.3.3套用CSS样式 206
9.3.4附加样式表 207
9.3.5删除已应用的样式 208
9.4使用Div标签 209
9.4.1插入Div标签 209
9.4.2编辑Div标签 211
9.5 CSS布局块可视化 212
10 使用模板和库 214
10.1使用软件自身提供的模板 214
10.2创建自定义模板 216
10.2.1将文档另存为模板 216
10.2.2使用“资源”面板创建新模板 217
10.3创建模板的可编辑区域 218
10.4使用可选区域 220
10.5使用重复区域 222
10.5.1模板中创建重复区域 222
10.5.2插入重复表格 222
10.6应用模板 223
10.6.1使用模板创建文档 223
10.6.2在现有文档中应用或删除模板 224
10.7编辑和更新模板 226
10.8在基于模板的文档中编辑内容 228
10.9管理模板 228
10.10库项目 229
10.10.1了解库项目 229
10.10.2在“资源”面板中添加库项目 229
10.10.3库项目的属性 231
10.10.4使库项目可编辑 231
10.10.5应用库项目 232
10.10.6修改库项目 233
11 使用行为 236
11.1什么是行为 236
11.2应用行为 237
11.3修改行为 238
11.4设置行为 239
11.4.1弹出消息 239
11.4.2打开浏览器窗口 240
11.4.3改变属性 241
11.4.4检查表单 243
11.4.5检查插件 244
11.4.6预先载入图像 245
11.4.7交换图像 246
11.4.8转到URL 247
11.4.9拖动AP元素 248
12 使用表单 250
12.1表单的工作模式 250
12.2在页面中插入表单 251
12.3插入表单对象并设置其属性 253
12.3.1使用表单 253
12.3.2使用文本域 253
12.3.3使用隐藏域 256
12.3.4使用复选框 257
12.3.5使用单选按钮 258
12.3.6使用单选按钮组 259
12.3.7使用复选框组 259
12.3.8使用列表/菜单 260
12.3.9使用图像域 262
12.3.10使用文件域 262
12.3.11使用标准按钮 263
12.4 jQuery UI构件 264
12.4.1制作Accordion(折叠式)面板 265
12.4.2制作Tabs(选项卡式)面板 268
12.4.3制作Datepicker(日期选择器) 269
12.4.4创建Progressbar(进度条) 271
12.4.5 Dialog弹出对话框 272
12.4.6 jQuery UI表单控件 275
12.4.7添加jQuery UI行为效果 279
13 网站的创建与管理 294
13.1规划网站 294
13.1.1网站与访客 294
13.1.2创建具有浏览器兼容性的站点 295
13.1.3组织站点结构和文件夹命名原则 295
13.1.4确定站点风格 296
13.1.5设计导航方案 297
13.1.6规划和收集资源 298
13.2使用“资源”面板 298
13.2.1查看资源 299
13.2.2选取资源类别 299
13.2.3添加资源 300
13.2.4选择和编辑资源 301
13.2.5在站点间使用资源 301
13.2.6刷新“资源”面板 303
13.2.7管理“资源”面板 303
13.3创建Dreamweaver本地站点 304
13.3.1使用站点向导创建站点 305
13.3.2“高级设置”选项 308
13.4管理站点信息 309
13.5创建和管理文件 312
13.5.1“文件”面板 312
13.5.2新建文件和文件夹 315
13.5.3文件的上传和下载 316
14 Adobe Dreamweaver CC 高效的代码编写 317
14.1代码编写基础 317
14.1.1什么是HTML 317
14.1.2什么是XHTML 319
14.1.3支持的语言种类 320
14.2定义文件头元素 322
14.2.1查看和建立文件头元素 322
14.2.2设置页面的meta属性 324
14.2.3设置网页关键字 326
14.2.4设置网页说明 326
14.2.5设置网页刷新 327
14.2.6设置网页基础URL 327
14.2.7设置网页链接属性 328
14.2.8设置meta搜索机器人 329
14.2.9设置meta禁用访问者缓存 330
14.2.10设置视觉窗口属性 331
14.3查看代码 331
14.3.1代码、拆分与实时代码视图 332
14.3.2相关文件 335
14.3.3代码检查器 336
14.4编写代码 341
14.4.1代码提示与自动完成 341
14.4.2显示代码浏览器 344
14.4.3折叠代码 347
14.4.4选择代码 349
14.4.5插入HTML注释 350
14.4.6插入代码片段 350
14.4.7快速标签编辑器 352
14.5自定义编码环境 353
14.5.1设置代码格式 353
14.5.2设置代码颜色和提示 354
14.5.3使用外部编辑器 356