第1章 Dreamweaver Cs6入门 10
1.1 了解网页设计必备的知识 10
1.2 网页的基本构成 13
1.3 网站制作流程 14
1.3.1 前期策划 14
1.3.2 网页的实施与细化 14
1.3.3 后期维护 15
1.4 初识Dreamweaver CS6 15
1.5 安装、运行和卸载Dreamweaver CS6 16
1.5.1 Dreamweaver CS6的系统要求 16
1.5.2 安装Dreamweaver CS6 16
课堂案例 16
1.5.3 运行Dreamweaver CS6 18
1.5.4 卸载Dreamweaver CS6 18
课堂案例 19
1.6 DreamweaverCS6的工作界面 20
1.7 DreamweaverCS6的菜单栏 21
1.8 DreamweaverCS6的常用面板 23
1.8.1 “插入”面板 23
1.8.2 “属性”面板 23
1.8.3 其他浮动面板 23
1.9 本章小结 24
1.10 课后习题 24
第2章 站点创建与管理 26
2.1 站点规划 26
2.2 站点设置对象 27
2.2.1 站点基本信息 27
课堂案例 27
2.2.2 服务器 28
课堂案例 30
2.2.3 版本控制 32
2.2.4 本地信息 32
2.2.5 遮盖 33
2.2.6 设计备注 33
2.2.7 文件视图列 33
2.2.8 Contribute 34
2.2.9 模板 34
2.2.10 Spry 35
2.2.11 Web字体 35
2.3 操作站点 35
2.3.1 创建文件夹 35
课堂案例 35
2.3.2 创建文件 36
课堂案例 36
2.3.3 新建不同格式的网页相关文件 37
2.3.4 移动和复制文件或文件夹 40
2.3.5 文件或文件夹重命名 40
2.3.6 删除文件或文件夹 40
2.4 使用Dreamweaver管理站点 41
2.4.1 使用“站点管理”对话框 41
2.4.2 快速切换站点 42
2.5 本章小结 42
2.6 课后习题 42
第3章 网页头信息及整体属性的设置 44
3.1 了解HTML代码 44
3.2 HTML的语法结构 45
3.3 HTML中的重要标签 46
3.3.1 文档结构标签 46
3.3.2 字符格式标签 46
3.3.3 区段格式标签 47
3.3.4 列表格式标签 47
3.3.5 表格标签 48
3.3.6 超链接标签 48
3 3.7 多媒体标签 48
3.3.8 表单标签 49
3.4 使用Dreamweaver代码视图 49
课堂案例 52
3.5 关于HTML5 53
3.5.1 了解HTML5 53
3.5.2 HTML5标签 53
课堂案例 55
课堂案例 56
3.6 设置头信息 57
3.6.1 设置网页标题 57
3.6.2 设置网页META信息 58
3.6.3 添加网页关键字 60
3.6.4 添加网页说明 60
3.6.5 设置网页刷新 61
3.6.6 设置基础 61
3.6.7 设置链接 62
课堂案例 62
3.7 “页面属性”对话框 64
3.7.1 设置“外观(CSS)”选项 64
3.7.2 设置“外观(HTML)”选项 65
3.7.3 设置“链接(CSS)”选项 66
3.7.4 设置“标题(CSS)”选项 67
3.7.5 设置“标题和编码”选项 67
3.7.6 设置“跟踪图像”选项 67
课堂案例 68
3.8 使用辅助工具 70
3.8.1 配置窗口大小 70
3.8.2 使用标尺 70
3.8.3 使用网格 71
3.8.4 辅助线 71
3.8.5 使用缩放和平移 72
3.9 本章小结 72
3.10 课后习题 73
3.10.1 课后习题1:使用HTML5实现绘图 73
3.10.2 课后习题2:设置企业网站头信息 73
3.10.3 课后习题3:设置个人网站页面属性 74
第4章 精通CSS样式 76
4.1 CSS样式基础 76
4.1.1 什么是CSS样式 76
4.1.2 CSS样式的优势 77
4.1.3 CSS样式的不足 77
4.1.4 CSS样式的基本语法 78
4.2 创建CSS样式 78
4.2.1 “新建CSS规则”对话框 78
4.2.2 设置文本样式 79
课堂案例 79
4.2.3 设置背景样式 81
课堂案例 81
4.2.4 设置区块样式 82
课堂案例 83
4.2.5 设置方框样式 84
课堂案例 85
4.2.6 设置边框样式 86
课堂案例 86
4.2.7 设置列表样式 87
课堂案例 87
4.2.8 设置定位样式 88
4.2.9 设置扩展样式 89
课堂案例 90
4.2.10 设置过渡样式 91
4.3 在网页中应用CSS样式的方法 92
4.3.1 内联样式 92
4.3.2 内部样式表 92
4.3.3 外部样式表 92
4.3.4 导入样式表 93
课堂案例 93
4.4 创建不同类型的CSS样式 96
4.4.1 创建标签CSS样式 96
课堂案例 96
4.4.2 创建类CSS样式 98
课堂案例 98
4.4.3 创建ID CSS样式 99
课堂案例 100
4.4.4 创建复合CSS样式 101
课堂案例 101
4.4.5 编辑CSS样式 102
4.5 CSS类选区 103
课堂案例 103
4.6 本章小结 105
4.7 课后习题 105
4.7.1 课后习题1:网站欢迎页面 105
4.7.2 课后习题2:汽车介绍页面 106
第5章 Div+CSS布局 108
5.1 关于Div+CSS布局 108
5.1.1 什么是Web标准 108
5.1.2 Div+CSS的优势 109
5.2 块元素和行内元素 109
5.2.1 块元素 110
5.2.2 行内元素 110
5.3 在网页中插入Div 111
5.3.1 Div是什么 111
5.3.2 插入Div的方法 111
5.3.3 “插入Div标签”对话框 112
5.4 关于Div+CSS盒模型 113
5.4.1 盒模型的概念 113
5.4.2 margin属性 114
课堂案例 114
5.4.3 border属性 115
课堂案例 115
5.4.4 padding属性 117
课堂案例 117
5.4.5 content部分 118
5.4.6 空白边叠加 118
课堂案例 118
5.5 Div+CSS布局定位 119
5.5.1 float定位方式 119
5.5.2 position定位属性 122
5.5.3 relative定位方式 122
课堂案例 123
5.5.4 absolute定位方式 124
课堂案例 124
5.5.5 fixed定位方式 126
课堂案例 126
5.6 常用Div+CSS布局方式 127
5.6.1 Div高度自适应 127
5.6.2 网页内容居中布局 127
5.6.3 网页元素浮动布局 128
5.7 流体网格布局 130
课堂案例 130
5.8 本章小结 136
5.9 课后习题 136
5.9.1 课后习题1:制作网站形象页面 136
5.9.2 课后习题2:制作作品展示页面 137
第6章 网页中文字、图像和表格的应用 138
6.1 网页中文字的使用 138
6.1.1 在网页中输入文字 138
6.1.2 设置文本属性 140
6.1.3 插入特殊文本元素 142
课堂案例 144
6.1.4 创建列表 147
课堂案例 149
6.1.5 在网页中实现文本滚动 151
课堂案例 151
6.2 网页中图像的使用 154
6.2.1 网页中可以插入的图像格式 154
6.2.2 在网页中插入图像 154
课堂案例 154
6.2.3 设置图像属性 160
6.2.4 图像占位符的使用 162
课堂案例 163
6.2.5 鼠标经过图像 164
课堂案例 165
6.3 表格在网页中的使用 166
6.3.1 插入表格 166
6.3.2 选择表格和单元格 167
6.3.3 设置表格和单元格属性 169
6.3.4 编辑表格 170
6.4 处理表格数据 171
6.4.1 排序表格 171
课堂案例 171
6.4.2 导入表格数据 172
课堂案例 173
6.4.3 导出表格数据 174
6.5 本章小结 174
6.6 课后习题 174
6.6.1 课后习题1:制作宠物网站页面 174
6.6.2 课后习题2:制作游戏网站导航 175
第7章 在网页中插入多媒体 176
7.1 插入Flash动画和FLV视频 176
7.1.1 在网页中插入Flash动画 176
课堂案例 177
7.1.2 设置Flash动画属性 179
7.1.3 在网页中插入FLV视频 180
课堂案例 181
7.2 为网页添加背景音乐 183
7.2.1 网页中常用的音乐格式 183
7.2.2 使用<bgsound>标签添加背景音乐 184
课堂案例 184
7.2.3 使用插件嵌入音频 185
课堂案例 185
7.3 在网页中插入视频 186
7.3.1 网页中常用的视频格式 186
7.3.2 插入视频 186
课堂案例 186
7.4 在网页中插入特殊多媒体元素 187
7 4.1 Shockwave动画 188
课堂案例 188
7.4.2 Applet小程序 189
课堂案例 189
7.4.3 ActiveX 191
课堂案例 192
7.5 本章小结 197
7.6 课后习题 197
7.6.1 课后习题1:制作Flash网页 197
7.6.2 课后习题2 198
第8章 使用表单创建交互网页 200
8.1 了解表单知识 200
8.1.1 什么是表单 200
8.1.2 常用表单元素 200
8.2 表单元素在网页中的应用 202
8.2.1 插入表单域 202
8.2.2 插入文本字段 204
8.2.3 插入密码字段 205
课堂案例 205
8.2.4 插入多行文本框 209
8.2.5 插入隐藏域 209
8.2.6 插入复选框 210
课堂案例 210
8.2.7 插入单选按钮组 213
课堂案例 214
8.2.8 插入列表/菜单 217
课堂案例 217
8.2.9 插入跳转菜单 220
课堂案例 221
8.2.10 插入图像域 223
8.2.11 插入文件域 223
8.2.12 插入按钮 224
8.3 Spry验证表单 225
8.3.1 Spry验证文本域 225
8.3.2 Spry验证密码 226
8.3.3 Spry验证文本区域 227
8.3.4 Spry验证复选框 228
8.3.5 Spry验证选择 228
8.3.6 Spry验证确认 229
8.3.7 Spry验证单选按钮组 229
课堂案例 230
8.4 本章小结 232
8.5 课后习题 232
8.5.1 课后练习1:制作登录页面 232
8.5.2 课后练习:制作用户注册页面 233
第9章 网页中的链接设置 234
9.1 链接与路径的关系 234
9.1.1 相对路径 235
9.1.2 创建内部链接 235
9.1.3 绝对路径 235
9.1.4 创建外部链接 236
9.1.5 根路径 236
9.2 文字和图像链接 236
9.2.1 创建文字链接 236
9.2.2 创建图像链接 236
9.2.3 链接打开方式 237
课堂案例 237
9.3 网页中的特殊链接 239
9.3.1 创建空链接 239
9.3.2 创建文件下载链接 239
9.3.3 创建E-mail链接 239
课堂案例 240
9.3.4 创建锚记链接 242
课堂案例 242
9.3.5 创建脚本链接 244
课堂案例 244
9.3.6 创建热点链接 244
课堂案例 245
9.4 CSS超链接样式伪类 246
9.4.1 :link状态 246
9.4.2 :active状态 246
9.4.3 :hover状态 247
9.4.4 :visited状态 247
课堂案例 247
9.5 本章小结 255
9.6 课后习题 255
9.6.1 课后习题1:制作商品推荐页面 255
9.6.2 课后习题2:制作链接设置页面 256
第10章 使用框架、模板和库 258
10.1 关于Dreamweaver框架 258
10.1.1 认识框架的组成 258
10.1.2 框架的优点 259
10.1.3 框架的缺点 259
10.2 框架页面 259
10.2.1 插入预定义框架集 259
10.2.2 手动设计框架集 260
10.2.3 保存框架的方法 261
10.2.4 框架集属性设置 261
10.2.5 框架属性设置 262
10.2.6 设置无框架内容 263
课堂案例 263
10.3 IFrame框架 273
10.3.1 插入IFrame框架 273
课堂案例 273
10.3.2 IFrame框架链接 275
课堂案例 275
10.4 创建模板 276
10.4.1 什么是模板 276
10.4.2 模板的特点 276
10 4.3 创建模板 276
课堂案例 276
10.4.4 定义可编辑区域 278
课堂案例 278
10.4.5 定义可选区域 279
课堂案例 280
10.4.6 定义可编辑可选区域 281
课堂案例 281
10.4.7 定义重复区域 282
10.5 创建基于模板的页面 282
10.5.1 新建基于模板的页面 282
课堂案例 282
10.5.2 更新模板及基于模板的网页 283
10.5.3 删除页面中所使用的模板 283
10.6 使用库项目 284
10.6.1 新建库项目 284
课堂案例 284
10.6.2 插入库项目 285
课堂案例 285
10.6.3 编辑库项目 286
10.6.4 更新库项目 287
10.6.5 库项目的“属性”面板 287
10.7 本章小结 287
10.8 课后习题 287
10.8.1 课后习题1:使用模板制作企业网站 287
10.8.2 课后习题2:使用库制作园林公司网站 288
第11章 AP Div与Spry构件的应用 290
11.1 使用AP Div 290
11.1.1 AP Div的基本操作 290
11.1.2 AP Div属性设置 292
11.1.3 使用AP Div排版 293
课堂案例 293
11.1.4 使用AP Div溢出排版 295
课堂案例 296
11.2 创建AP Div特效 298
11.2.1 拖动AP元素 298
课堂案例 298
11.2.2 改变属性 300
课堂案例 300
11.2.3 显示/隐藏AP元素 302
课堂案例 302
11.2.4 设置AP Div文本 304
课堂案例 304
11.3 了解Spry构件 306
11.4 Spry菜单栏 306
11.4.1 插入Spry菜单栏 306
11.4.2 设置Spry菜单栏属性 307
课堂案例 308
11.5 Spry选项卡式面板 311
11.5.1 插入Spry选项卡式面板 311
11.5.2 设置Spry选项卡式面板属性 311
课堂案例 312
11.6 Spry折叠式 314
11.6.1 插入Spry折叠式 314
11.6.2 设置Spry折叠式属性 315
课堂案例 315
11.7 Spry可折叠面板 318
11.7.1 插入Spry可折叠面板 318
11.7.2 设置Spry可折叠面板属性 318
课堂案例 319
11.8 Spry工具提示 321
11.8.1 插入Spry工具提示 321
11.8.2 设置Spry工具提示属性 321
课堂案例 322
11.9 本章小结 323
11.10 课后习题 323
11.10.1 课后习题1:动态改变AP Div背景 323
11.10.2 课后习题2:动态显示Div中的内容 324
第12章 使用行为丰富网页效果 326
12.1 了解Dreamweaver中的行为 326
12.1.1 行为的概念 326
12.1.2 “行为”面板 326
12.1.3 事件 327
12.1.4 动作 328
12.2 为网页添加行为 328
12.2.1 交换图像和恢复交换图像 328
课堂案例 328
12.2.2 弹出信息 329
课堂案例 329
12.2.3 打开浏览器窗口 330
课堂案例 331
12.2.4 设置效果 332
课堂案例 333
12.2.5 检查插件 334
课堂案例 335
12.2.6 检查表单 336
课堂案例 336
12.2.7 设置文本域文本 338
课堂案例 338
12.2.8 设置框架文本 339
12.2.9 设置状态栏文本 340
课堂案例 340
12.2.10 调用JavaScript 341
课堂案例 341
12.2.11 跳转菜单 342
12.2.12 跳转菜单开始 342
课堂案例 343
12.2.13 转到URL 343
12.2.14 预先载入图像 344
课堂案例 344
12.3 本章小结 349
12.4 课后习题 349
12.4.1 课后习题1:状态栏文本的应用 349
12.4.2 课后习题2:验证用户登录 350
第13章 网站的测试、上传与维护 352
13.1 网站的测试 352
13.1.1 检查浏览器的兼容性 352
课堂案例 353
13.1.2 检查链接 354
课堂案例 354
13.1.3 W3C验证 354
课堂案例 355
13.1.4 创建站点报告 356
13.2 上传网站 357
13.2.1 域名、空间的申请 357
13.2.2 设置FTP服务器 358
课堂案例 358
13.2.3 连接到远程服务器 359
13.2.4 上传文件 359
课堂案例 360
13.2.5 下载文件 360
13.3 站点维护 361
13.3.1 激活取出和存回功能 361
13.3.2 取出 361
13.3.3 存回 362
13.3.4 取消取出和存回操作 362
13.4 本章小结 362
13.5 课后习题 362
13.5.1 课后习题1:测试整个站点链接 362
13.5.2 课后习题2:使用FlashFXP上传 363
第14章 综合案例 364
14.1 教育类网站页面 364
课堂案例 364
14.2 游戏类网站页面 371
课堂案例 371
14.3 餐饮类网站页面 381
课堂案例 381
14.4 本章小结 388