第1章 网页设计基础 1
1.1 认识网页设计 2
学习1小时 2
1.1.1 网页设计背景 2
1.1.2 常见网页的组成元素 2
1.1.3 设计工具及设计方法简介 3
1.1.4 网页布局方式 4
1.1.5 网页色彩要素搭配 5
1.1.6 网站制作的一般步骤 7
1．需求分析、栏目设计 7
2．设计制作效果图 7
3．切片、生成HTML文档 8
4．修正、加工HTML文档 8
上机1小时：特色网站观摩学习 8
1.2 认识Dreamweaver CS6工作界面 9
学习1小时 10
1.2.1 友善的工作界面及视图 10
1.2.2 标题栏和菜单栏 11
1.2.3 多文档窗口编辑界面 11
1.2.4 面板组 13
1．“插入”浮动面板 13
2．收藏夹管理 14
1.2.5 “属性”面板 15
1．“HTML”属性与“CSS”属性切换 15
2．“HTML”属性与“CSS”属性的区别 15
3．通过“HTML”属性面板设置属性 15
4．通过“CSS”属性面板设置属性 16
1.2.6 不同风格的界面 18
上机1小时：自定义Dreamweaver CS6工作界面 19
1.3 练习1小时 22
自定义操作界面 22
第2章 Dreamweaver CS6操作基础 23
2.1 站点管理 24
学习1小时 24
2.1.1 为什么要创建站点 24
2.1.2 创建站点 24
2.1.3 编辑站点 26
2.1.4 复制与删除站点 27
2.1.5 导入和导出站点 29
1．导入站点 29
2．导出站点 30
上机1小时：创建和管理新建站点 31
2.2 网页操作 34
学习1小时 34
2.2.1 创建并保存网页文档 34
2.2.2 设置网页属性 36
1．关于“页面属性”对话框 36
2．修改“页面”属性 37
2.2.3 预览网页 38
1．使用Dreamweaver CS6预览网页 38
2．在浏览器中进行预览 38
上机1小时：创建网页文档并设置页面属性 39
2.3 练习1小时 43
1．导入站点并管理 43
2．创建并保存网页文档 44
第3章 初识网页布局 45
3.1 表格的基本操作 46
学习1小时 46
3.1.1 插入表格 46
3.1.2 设置表格属性 48
1．整个表格的属性设置 48
2．选中并设置行和列的属性 48
3．选中并设置单元格的属性 49
3.1.3 在表格中添加内容 51
3.1.4 操作行或列 53
1．插入行或列 53
2．删除行或列 54
3.1.5 拆分与合并单元格 55
1．拆分单元格 55
2．合并单元格 55
3.1.6 插入嵌套表格 56
3.1.7 扩展表格模式 56
3.1.8 表格中所使用的属性 57
3.1.9 使用表格进行网页布局 58
上机1小时：制作蛋糕网页布局 60
3.2 框架布局 64
学习1小时 64
3.2.1 框架集和框架的概念 64
3.2.2 框架集和框架的基本操作 65
1．创建框架集 65
2．保存框架集和框架 66
3．修改框架集结构 68
4．删除框架 69
3.2.3 设置框架集和框架的属性 69
1．设置框架集的属性 69
2．设置框架的属性 69
3.2.4 内嵌式框架的应用 70
1．创建内嵌式框架 70
2．IFrame框架的属性设置 71
上机1小时：制作后台管理 72
3.3 练习1小时 76
制作“台历”页面 76
第4章 添加网页元素 77
4.1 在网页中添加文本 78
学习1小时 78
4.1.1 添加文本 78
4.1.2 文本的基本操作 78
4.1.3 设置文本字体和大小 81
1．编辑字体 81
2．设置字体和大小 82
4.1.4 设置文本颜色 83
4.1.5 设置文本样式 83
4.1.6 设置文本对齐方式 84
4.1.7 插入和设置水平线 84
4.1.8 插入特殊符号、时间和注释 85
1．插入特殊符号 85
2．插入时间 86
3．插入注释 87
上机1小时：编辑我的空间网页 88
4.2 在网页中添加段落 92
学习1小时 92
4.2.1 将文本设置为段落 92
1．段落设置 92
2．设置换行符 93
4.2.2 将文本设置为标题 93
4.2.3 设置空格和段落缩进 94
1．插入空格 94
2．设置段落缩进 95
4.2.4 编辑文本列表 95
1．项目列表 95
2．编号列表 96
上机1小时：制作网页中的列表区域 97
4.3 在网页中添加图像 100
学习1小时 100
4.3.1 了解图像格式 100
4.3.2 插入并设置图像 100
1．插入图像 100
2．设置图像属性 101
4.3.3 插入并设置图像占位符 103
1．插入图像占位符 103
2．设置图像占位符 104
4.3.4 插入鼠标经过图像 104
4.3.5 添加背景图像 106
上机1小时：制作动画片网页 107
4.4 练习2小时 111
1．练习1小时：制作图文混排页面 111
2．练习1小时：制作左图右文页面 112
第5章 超级链接和Spry菜单 113
5.1 认识及应用超级链接 114
学习1小时 114
5.1.1 认识超级链接 114
1．超级链接的概念 114
2．超级链接的分类 114
5.1.2 添加超级链接 115
1．通过菜单命令添加超级链接 115
2．通过插入按钮添加超级链接 115
5.1.3 为现有文本添加超级链接 116
5.1.4 添加电子邮件超级链接 116
5.1.5 添加锚记 118
1．命名锚记 118
2．链接命名的锚记 118
5.1.6 添加脚本链接和空链接 119
1．添加脚本链接 119
2．添加空链接 119
5.1.7 添加图像超级链接 120
5.1.8 热点链接应用 120
1．热点链接分类 120
2．绘制热点 121
3．热点的属性设置 121
4．热点右键功能 122
上机1小时：制作超级链接图文混排网页 122
5.2 Spry菜单 125
学习1小时 125
5.2.1 关于Spry菜单栏Widget 125
1．Widget的概念 125
2．Widget的分类 126
5.2.2 插入和编辑菜单栏Widget 126
1．插入菜单栏Widget 126
2．编辑菜单栏Widget 127
5.2.3 更改菜单栏Widget的方向 128
5.2.4 更改菜单栏Widget的尺寸 130
上机1小时：制作网页导航栏 130
5.3 练习1小时 133
制作Spry导航并完成网页链接 134
第6章 利用多媒体对象丰富页面效果 135
6.1 在页面中使用Flash对象 136
学习1小时 136
6.1.1 插入SWF格式的Flash文件 136
6.1.2 调整Flash文件显示的大小 137
6.1.3 Flash相关信息设置 138
6.1.4 Flash播放控制 138
6.1.5 Flash边距调整 140
6.1.6 对齐方式及背景颜色设置 140
6.1.7 Flash附加参数设置 141
1．Wmode参数 141
2．“参数”对话框 141
上机1小时：插入Flash对象并设置 142
6.2 插入其他多媒体对象 144
学习1小时 144
6.2.1 插入并设置FLV视频文件 144
1．插入FLV视频文件 144
2．设置FLV视频的属性 145
6.2.2 认识并插入Shockwave影片 146
1．认识Shockwave影片 146
2．插入Shockwave影片 146
6.2.3 在网页中插入背景音乐 148
1．插入背景音乐 148
2．在“属性”面板中设置背景音乐 150
6.2.4 插入其他媒体对象 150
1．插入传统视频文件 150
2．插入APPLET 151
3．插入ActiveX 152
上机1小时：制作游戏界面 153
6.3 练习1小时 155
制作游戏宣传网页 156
第7章 HTML和CSS 157
7.1 HTML 158
学习1小时 158
7.1.1 什么是HTML 158
7.1.2 认识HTML的基本语法 158
7.1.3 常用HTML标记 158
1．基本标记 158
2．格式标记 159
3．文本标记 160
4． 图像标记 160
5．表格标记 161
6．链接标记 162
7．表单标记 162
7.1.4 HTML编辑器 164
1．认识Dreamweaver CS6的HTML代码编辑器 164
2．“代码”视图的工具栏 165
7.1.5 插入HTML代码 166
7.1.6 编辑HTML代码 168
1．插入HTML模式 168
2．编辑标签模式 169
3．环绕标签模式 169
上机1小时：制作“乐购网”网页 170
7.2 CSS 173
学习1小时 174
7.2.1 CSS样式的概念 174
7.2.2 认识CSS的基本语法 174
1．了解CSS样式规则 174
2．CSS样式规则分类 174
3．CSS样式的语法 175
7.2.3 CSS的定义和引用方法 175
1．CSS的定义方法 175
2．引用CSS样式 177
7.2.4 认识“CSS样式”浮动面板 178
7.2.5 CSS美化文本 179
7.2.6 CSS美化图像 180
7.2.7 CSS定义链接样式 182
1．定义链接样式 182
2．定义局部链接样式 182
7.2.8 CSS美化网页背景 183
7.2.9 使用CSS样式制作特效 184
1．制作光标效果 184
2．制作滤镜效果 185
上机1小时：制作手机页面 187
7.3 练习2小时 192
1．练习1小时：制作“个人艺术”网页 193
2．练习1小时：制作“科技公司网站”首页 194
第8章 使用Div+CSS布局网页 195
8.1 Div的相关操作 196
学习1小时 196
8.1.1 Div对象的插入和设置 196
1．插入Div对象 196
2．设置Div对象 196
8.1.2 用Div+CSS布局网页 197
1．Div+CSS布局网页的优缺点 197
2．Div+CSS布局的具体操作 197
8.1.3 AP Div对象的绘制和设置 199
1．AP Div对象的布局 199
2．插入AP Div元素 199
3．插入重叠AP Div对象 200
4．设置AP Div对象的属性 201
8.1.4 AP Div管理 202
1．认识“AP元素”浮动面板 202
2．选择AP Div元素 203
3．更改AP Div元素的层叠顺序 203
4．更改AP Div元素的可见性 204
8.1.5 操作AP Div元素 205
1．调整AP Div元素的大小 205
2．移动AP Div元素 206
3．对齐AP Div元素 206
8.1.6 AP Div与表格的相互转换 207
1．将AP Div元素转换为表格 207
2．将表格转换为AP Div元素 207
上机1小时：制作“留言板”网页 208
8.2 Div+CSS灵活布局 212
学习1小时 212
8.2.1 Div+CSS盒模型 212
1．Margin（边界） 213
2．Border（边框） 213
3．Padding（填充） 214
4．Content（内容） 214
8.2.2 CSS+Div定位 214
1．Relative（相对定位） 214
2．absolute（绝对定位） 214
3．fixed（悬浮定位） 215
8.2.3 使用Div+CSS布局设计 215
1．居中布局 215
2．浮动布局 216
上机1小时：制作化工材料公司网站首页 217
8.3 练习1小时 222
制作“卡片墙”网页 222
第9章 用表单实现用户交互性 223
9.1 使用表单 224
学习1小时 224
9.1.1 认识表单和表单标签 224
9.1.2 表单标签的插入及属性设置 224
1．插入表单标签 224
2．设置表单标签属性 225
9.1.3 插入表单元素 226
9.1.4 设置表单元素的属性 226
1．文本域 226
2．按钮 227
3．单选按钮和单选按钮组 228
4．复选框 229
5．选择“（列表／菜单）”对象 229
6．跳转菜单 230
上机1小时：制作具有复合功能的搜索条 231
9.2 使用Spry表单 234
学习1小时 234
9.2.1 了解Spry表单构件 234
9.2.2 Spry验证文本域 235
1．插入Spry验证文本域 235
2．设置Spry验证文本域 236
9.2.3 Spry验证文本区域 236
9.2.4 Spry验证复选框 237
9.2.5 Spry验证选择对象 239
1．插入Spry验证选择对象 239
2．设置Spry验证选择对象的属性 240
上机1小时：制作注册页面 240
9.3 练习1小时 244
制作社区调查表单网页 244
第10章 使用行为和Spry面板 245
10.1 添加和设置行为 246
学习1小时 246
10.1.1 认识事件和设置行为 246
10.1.2 “行为”浮动面板 247
10.1.3 行为的基本操作 248
10.1.4 绑定行为 248
1．绑定“交换图像”行为 249
2．绑定“显示隐藏元素”行为 249
3．绑定“弹出信息”窗口行为 251
4．绑定“打开浏览器窗口”行为 251
5．绑定“拖动AP元素”行为 252
6．绑定“设置文本”和“调用JavaScript”行为 253
10.1.5 应用行为效果 256
1．“增大／收缩”行为效果 256
2．“挤压”和“晃动”行为效果 257
3．“显示／渐隐”行为效果 257
4．“滑动”和“遮帘”行为效果 258
5．“高亮颜色”行为效果 260
上机1小时：制作随机验证码的文本域 260
10.2 使用Spry面板 263
学习1小时 263
10.2.1 认识Spry面板 263
10.2.2 插入并设置Spry面板 263
1．插入并设置Spry选项卡式面板 263
2．插入并设置Spry折叠式面板 264
3．插入并设置Spry可折叠面板 265
上机1小时：制作QQ软件面板 266
10.3 练习2小时 269
1．练习1小时：制作“DIY模块式”首页 269
2．练习1小时：制作HTML在线编辑器页面 270
第11章 提高网页制作效率 271
11.1 网页模板的应用 272
学习1小时 272
11.1.1 网页模板的作用和使用方法 272
1．网页模板的作用 272
2．模板的使用方法 272
11.1.2 创建和编辑网页模板 273
1．创建网页模板 274
2．编辑网页模板 275
11.1.3 网页模板的维护与更新 276
11.1.4 将模板应用到现有网页文档 277
11.1.5 从模板分离网页文档 278
上机1小时：创建基于模板的网页 278
11.2 库项目和扩展管理的应用 281
学习1小时 281
11.2.1 什么是库和库项目 281
1．认识“库”面板 281
2．能转换为库项目的网页元素 281
11.2.2 创建库项目 282
11.2.3 插入和修改库项目 284
1．插入库项目 284
2．修改库项目 285
11.2.4 更新库项目 285
11.2.5 Dreamweaver CS6扩展管理 285
1．扩展管理的概念 286
2．“扩展管理器”界面 286
上机1小时：库项目的管理和使用 286
11.3 练习2小时 289
1．练习1小时：利用模板和库提高网页设计效率 289
2．练习1小时：常用扩展的安装和使用 290
第12章 动态网站基础 291
12.1 动态网页的基本操作 292
学习1小时 292
12.1.1 什么是动态网站 292
12.1.2 动态网站的开发流程 292
12.1.3 配置IIS和服务器站点 293
1．配置IIS服务器 293
2．配置服务器站点 294
12.1.4 数据库的应用 295
1．数据库结构设计 296
2．数据源设置 296
上机1小时：动态网站服务器环境配置 298
12.2 制作动态网页 301
学习1小时 302
12.2.1 连接数据库 302
12.2.2 定义记录集 303
12.2.3 创建动态表格 303
12.2.4 创建动态文本 304
12.2.5 添加显示区域和重复区域 304
1．添加显示区域 304
2．添加重复区域 305
12.2.6 设置记录集分页 306
12.2.7 转到详细页面 308
上机1小时：制作“员工名单”列表页面 309
12.3 练习2小时 312
1．练习1小时：制作“动态插入数据”功能 313
2．练习1小时：制作“查询数据”功能 314
第13章 综合实例演练 315
13.1 上机2小时：制作美食网站 316
13.1.1 实例目标 316
13.1.2 制作思路 316
13.1.3 制作过程 317
1．创建网站站点 317
2．制作网站首页 318
3．制作子网页 325
4．保存模板网页并新建网页 333
5．链接各个网页 335
13.2 上机2小时：制作后台管理网页 336
13.2.1 实例目标 336
13.2.2 制作思路 336
13.2.3 制作过程 336
1．配置IIS和服务器 337
2．创建数据库并选择数据源 340
3．制作网页并添加相应元素 342
4．连接数据源并设置功能 348
5．制作底部信息 354
13.3 练习1小时 357
1．制作美食网的留言页面 357
2．制作科技网页面 358
附录A 秘技连连看 359
一、网页制作的基本操作 359
1．网页色彩的搭配方法 359
2．网页导航的制作技巧 359
3．自定义Dreamweaver CS6的工作界面 359
4．新建文档默认参数的设置 360
5．使用标签选择器选择对象 360
6．新建站点的几种方法 360
7．定义网页的关键字 360
8．使用表格布局消除分辨率的差异 361
9．为网页添加背景图片 361
10．为表格添加背景图片 361
二、网页元素设置技巧 361
1．为文本添加横线 361
2．设置水平线的颜色 361
3．设置文本滚动效果 361
4．设置首字下沉效果 362
5．为图片添加提示信息 362
6．为图片添加指定颜色的边框 362
7．去掉图片和表格间的空隙 362
8．为链接添加提示信息 362
9．添加空格的技巧 362
10．使日期自动更新 363
11．设置Flash的背景 363
12．通过源代码添加背景音乐 363
13．设置文本段落首行缩进 363
14．设置字符间距 363
15．插入鼠标经过的图片效果 363
三、布局及Div+CSS的设置 364
1．使用表格的技巧 364
2．隐藏表格 364
3．快速增加行 364
4．导入Excel表格数据 364
5．设置框架集的标题 364
6．设置层的透明度 364
7．定义多重类（class） 364
8．清除浮动 365
9．调整AP Div的大小 365
10．快速选中表格 365
11．快速选中单元格 365
12．设置表格边框的颜色 365
13．分割框架 365
14．设置框架的边框 366
15．嵌套选择器 366
16．CSS控制HTML页面效果的几种方法 366
17．添加图片编辑器 366
18．通过跟踪图像来定位网页中元素的位置 367
19．设置图片链接无边框 367
20．显示／隐藏AP Div 367
21．创建基于模板的网页 367
22．删除可编辑区域 367
23．更新页面 367
24．图像管理 368
25．控制文本域的字符长度 368
26．使用图形按钮 368
27．添加标签 368
28．跳转网页的设置 368
29．同时链接两个网页 369
30．定义弹出窗口 369
四、制作动态网站技巧 369
1．选择数据库的技巧 369
2．开发语言与数据库的搭配技巧 369
3．修改DSN数据源 369
4．增加数据库的安全 370
5．编辑记录集 370
6．使用翻页按钮替换翻页超级链接文本 370
附录B 72小时后该如何提升 371
1．加强实际操作 371
2．总结经验和教训 371
3．吸取他人经验 371
4．加强交流与沟通 371
5．通过网上提供的视频进行学习 371
6．上技术论坛进行学习 372
7．还可以找我们 372