第1章 网页设计基础 1
1.1网页的基础知识 2
1.1.1什么是静态网页 2
1.1.2什么是动态网页 3
1.2网页的基本要素 4
1.2.1 Logo 4
1.2.2 Banner 4
1.2.3导航栏 5
1.2.4文本 5
1.2.5图像 5
1.2.6 Flash动画 6
1.3网页制作常用软件 7
1.3.1网页编辑排版软件Dreamweaver CS6 7
1.3.2图像制作软件Photoshop 和Fireworks 7
1.3.3网页动画制作软件Flash CS6 7
1.3.4网页标记语言HTML 8
1.3.5网页脚本语言JavaScript 8
1.3.6动态网页编程语言ASP 8
1.4实践案例与上机操作 8
1.4.1创建和保存网页 9
1.4.2插入搜索关键字 10
1.4.3插入作者和版权信息 11
1.4.4设置刷新时间 11
1.4.5设置描述信息 12
第2章 初步认识Dreamweaver CS6 13
2.1 Dreamweaver CS6工作环境 14
2.1.1菜单栏 14
2.1.2工具栏 15
2.1.3【属性】面板 16
2.1.4面板组 16
2.2【插入】面板 17
2.2.1【常用】插入栏 17
2.2.2【布局】插入栏 18
2.2.3【表单】插入栏 19
2.2.4【数据】插入栏 20
2.2.5 Spry插入栏 21
2.2.6【文本】插入栏 21
2.2.7【收藏夹】插入栏 22
2.3使用可视化助理布局 23
2.3.1使用标尺 23
2.3.2显示网格 24
2.4实践案例与上机操作 25
2.4.1使用辅助线 25
2.4.2使用跟踪图像 27
2.4.3设置页面中所有链接的基准链接 28
2.4.4设置多屏幕功能 28
2.4.5预览制作的网页 30
第3章 创建与管理站点 31
3.1创建本地站点 32
3.1.1使用向导搭建站点 32
3.1.2使用【高级】面板创建站点 34
3.2管理站点 37
3.2.1打开站点 37
3.2.2编辑站点 38
3.2.3删除站点 39
3.2.4复制站点 40
3.3管理站点中的文件 41
3.3.1创建文件夹 41
3.3.2移动和复制文件 42
3.4实践案例与上机操作 42
3.4.1站点的切换 42
3.4.2使用站点地图 43
3.4.3使用多屏预览 44
3.4.4导入Word文档 44
3.4.5导入Excel文档 45
第4章 文本对象的操作 47
4.1文本的基本操作 48
4.1.1输入文本 48
4.1.2设置字体 49
4.1.3设置字号 50
4.1.4设置字体颜色 51
4.1.5设置字体样式 51
4.1.6设置段落 52
4.1.7设置是否显示不可见元素 52
4.2插入特殊文本对象 53
4.2.1插入特殊字符 53
4.2.2插入水平线 54
4.2.3插入注释 55
4.2.4插入日期 57
4.3项目符号与编号列表 58
4.3.1创建项目列表 58
4.3.2创建编号列表 59
4.4插入页面的头部内容 59
4.4.1设置链接 59
4.4.2设置标题 60
4.5实践案例与上机操作 61
4.5.1查找和替换 61
4.5.2输入连续的空格 62
4.5.3设置页边距 62
4.5.4设置网页的默认格式 63
4.5.5设置文本缩进格式 64
第5章 使用图像与多媒体 65
5.1常用图像格式 66
5.1.1 JPEG格式图像 66
5.1.2 GIF格式图像 66
5.1.3 PNG格式图像 66
5.2插入与设置图像 67
5.2.1在网页中插入图像文件 67
5.2.2图像对齐的常见方式 69
5.2.3设置图像属性 69
5.3插入其他图像元素 70
5.3.1插入图像占位符 70
5.3.2插入鼠标经过图像 71
5.4多媒体在网页中的应用 73
5.4.1插入Flash动画 73
5.4.2插入FLV视频 75
5.4.3插入音乐 77
5.5实践案例与上机操作 79
5.5.1创建图文混排网页 79
5.5.2插入Shockwave影片 80
5.5.3插入Applet程序 81
5.5.4插入参数 81
5.5.5插入插件 82
第6章网页中的超链接 83
6.1超链接 84
6.1.1超链接的定义 84
6.1.2内部、外部与脚本链接 84
6.1.3超链接的类型 85
6.2链接路径 86
6.2.1绝对路径 86
6.2.2相对路径 86
6.2.3站点根目录相对路径 87
6.3创建超链接 87
6.3.1使用菜单创建超链接 87
6.3.2使用【属性】面板创建超链接 89
6.3.3使用指向文件图标创建超链接 89
6.4创建不同种类的超链接 90
6.4.1文本超链接 90
6.4.2图像热点链接 91
6.4.3空链接 91
6.4.4 E-mail链接 92
6.4.5脚本链接 93
6.5管理与设置超链接 94
6.5.1自动更新链接 94
6.5.2在站点范围内更改链接 95
6.5.3检查站点中的链接错误 96
6.6实践案例与上机操作 96
6.6.1创建锚记链接 96
6.6.2图像映射 98
6.6.3设置文本链接的状态 99
6.6.4鼠标经过图像链接 100
6.6.5下载文件链接 101
第7章 在网页中使用表格 103
7.1创建与应用表格 104
7.1.1表格的定义 104
7.1.2创建表格 104
7.1.3在表格中输入内容 105
7.2设置表格 108
7.2.1设置表格属性 108
7.2.2设置单元格属性 109
7.3调整表格结构 110
7.3.1选择单元格和表格 110
7.3.2调整表格和单元格的大小 112
7.3.3插入与删除表格的行和列 112
7.3.4拆分单元格 114
7.3.5合并单元格 115
7.3.6复制、剪切和粘贴表格 115
7.4处理表格数据 117
7.4.1排序表格 117
7.4.2导入／导出表格数据 119
7.5应用数据表格样式 120
7.5.1表格模型 120
7.5.2表格标题 121
7.5.3表格样式控制 122
7.6实践案例与上机操作 123
7.6.1使用表格布局模式设计网页 123
7.6.2制作网页细线表格 129
7.6.3在表格中插入图像 131
7.6.4在表格中插入表格 132
第8章 使用CSS样式 133
8.1 CSS样式表 134
8.1.1认识CSS 134
8.1.2 CSS样式的类型 134
8.1.3 CSS样式基本语法 135
8.2创建CSS样式 137
8.2.1建立标签样式 137
8.2.2建立类样式 138
8.2.3建立复合内容样式 140
8.2.4链接外部样式表 140
8.2.5建立ID样式 141
8.3应用CSS样式 143
8.3.1内联样式表 143
8.3.2数据透视表的排序 143
8.3.3外部样式表 144
8.4设置CSS样式 145
8.4.1设置文本类型 145
8.4.2设置背景样式 147
8.4.3设置方框样式 150
8.4.4设置区块样式 152
8.4.5设置边框样式 154
8.4.6设置定位样式 156
8.5实践案例与上机操作 157
8.5.1设置扩展样式 157
8.5.2设置过渡样式 158
8.5.3样式冲突 159
8.5.4 CSS的静态过滤器 159
8.5.5 CSS的动态过滤器 160
第9章应用CSS ＋ Div灵活布局网页 161
9.1什么是Div 162
9.1.1 Div概述 162
9.1.2 〈 Div〉和〈span〉的区别与相同点 162
9.2 CSS定位 163
9.2.1盒子模型 163
9.2.2 position定位 165
9.2.3 float定位 166
9.3 Div布局 167
9.3.1使用Div对页面进行整体规划 167
9.3.2设计各块的位置 167
9.3.3使用CSS定位 168
9.4 CSS布局方式 169
9.4.1居中版式布局 169
9.4.2浮动版式布局 171
9.5实践案例与上机操作 174
9.5.1一列固定宽度 174
9.5.2一列自适应宽度 175
9.5.3两列固定宽度 176
9.5.4两列自适应宽度 176
9.5.5两列右列宽度自适应 177
9.5.6三列浮动中间宽度自适应 177
第10章 应用AP Div元素布局页面 179
10.1设置AP Div 180
10.1.1 AP Div概述 180
10.1.2 AP Div和Div的区别 180
10.1.3 【 AP元素】面板简介 181
10.2创建AP Div 181
10.2.1使用菜单创建普通AP Div 181
10.2.2创建嵌套AP Div 182
10.3应用AP Div的属性 183
10.3.1改变AP Div的堆叠顺序 183
10.3.2为AP Div添加滚动条 183
10.3.3改变AP Div的可见性 184
10.3.4设置AP Div的显示／隐藏属性 184
10.4 AP Div与表格的转换 185
10.4.1把AP Div转换为表格 185
10.4.2把表格转换为AP Div 187
10.5实践案例与上机操作 188
10.5.1使用AP Div排版 188
10.5.2创建浮动框架 191
10.5.3改变AP Div属性 193
10.5.4通过【插入】面板创建普通AP Div 195
10.5.5更改网格设置 196
第11章 框架 197
11.1什么是框架 198
11.1.1框架的组成 198
11.1.2框架结构的优缺点 198
11.2框架和框架集 199
11.2.1创建预定义的框架集 199
11.2.2在框架中添加内容 200
11.2.3框架与框架集文件的保存 201
11.3选择框架或框架集 202
11.3.1在文档窗口中选择 202
11.3.2在【框架】面板中选择 203
11.4框架或框架集属性的设置 204
11.4.1设置框架的属性 204
11.4.2设置框架集的属性 205
11.5应用IFrame框架 206
11.5.1制作IFrame框架页面 206
11.5.2制作IFrame框架页面链接 207
11.6实践案例与上机操作 208
11.6.1制作网页 208
11.6.2改变框架的背景颜色 211
11.6.3拆分框架集 212
11.6.4设置框架文本 212
11.6.5创建一个左侧及上方嵌套的框架 213
第12章 模板与库 215
12.1创建模板 216
12.1.1新建模板 216
12.1.2从现有文档创建模板 216
12.2设置模板 218
12.2.1定义可编辑区域 218
12.2.2定义可选区域 219
12.2.3定义重复区域 219
12.2.4可编辑标签属性 220
12.3管理模板 222
12.3.1创建基于模板的网页 222
12.3.2模板中的页面更新 224
12.3.3在现有文档中应用模板 225
12.4创建与应用库项目 226
12.4.1关于库项目 226
12.4.2新建库项目 227
12.5实践案例与上机操作 228
12.5.1应用库项目 228
12.5.2库项目的编辑 229
12.5.3重命名库项目 230
12.5.4删除库项目 230
12.5.5重新创建已删除的库项目 231
12.5.6更新库项目 231
第13章使用行为和脚本制作动态网页 233
13.1认识行为 234
13.1.1什么是行为 234
13.1.2【行为】面板 234
13.2行为的动作和事件 235
13.2.1常见的动作类型 235
13.2.2事件 236
13.3使用Dreamweaver内置行为 237
13.3.1弹出信息 237
13.3.2打开浏览器窗口 239
13.3.3检查插件 241
13.3.4设置状态栏文本 243
13.3.5预先载入图像 244
13.3.6转到URL 245
13.3.7显示／隐藏元素 246
13.3.8设置容器的文本 249
13.4实践案例与上机操作 251
13.4.1实现打印功能 251
13.4.2实现关闭窗口功能 252
13.4.3创建自动滚屏网页效果 253
13.4.4设置框架文本 253
13.4.5交换图像 254
第14章Spry框架技术 257
14.1 Spry菜单栏 258
14.1.1插入Spry菜单栏 258
14.1.2设置Spry菜单栏的属性 259
14.1.3设置菜单项的尺寸 260
14.2 Spry选项卡式面板 260
14.2.1插入Spry选项卡式面板 260
14.2.2设置Spry选项卡式面板的属性 261
14.2.3调整Spry选项卡式面板的宽度 262
14.3 Spry折叠式构件 262
14.3.1插入Spry折叠式构件 262
14.3.2设置Spry折叠式构件的属性 263
14.3.3调整Spry折叠式构件的宽度 263
14.4 Spry可折叠面板 264
14.4.1插入Spry可折叠面板 264
14.4.2设置Spry可折叠面板的属性 265
14.4.3调整Spry可折叠面板的宽度 266
14.5 Spry工具提示 266
14.5.1插入Spry工具提示 266
14.5.2设置Spry工具提示的属性 267
14.6实践案例与上机操作 268
14.6.1插入Spry区域 268
14.6.2插入Spry重复项 269
14.6.3插入Spry重复列表 269
14.6.4 Spry验证文本域 270
14.6.5 Spry验证复选框 271
14.6.6 Spry验证密码 271
第15章 使用表单创建交互网页 273
15.1认识表单 274
15.1.1表单概述 274
15.1.2认识常用表单元素 274
15.2表单的创建及设置 276
15.2.1创建表单 276
15.2.2设置表单属性 277
15.3创建表单对象 278
15.3.1插入文本域 278
15.3.2创建密码域 279
15.3.3创建隐藏域 279
15.3.4创建复选框 280
15.3.5创建单选按钮 281
15.3.6创建下拉菜单 281
15.3.7创建跳转菜单 282
15.3.8创建滚动列表 283
15.3.9创建图像域 284
15.3.10创建文件域 285
15.3.11创建表单按钮 286
15.4 Spry验证表单 286
15.5在html代码中插入表单元素 288
15.5.1在html代码中插入表单 288
15.5.2在html代码中插入文本域 289
15.5.3在html代码中插入密码域 289
15.5.4在html代码中插入文件域 289
15.5.5在html代码中插入复选框 290
15.5.6在html代码中插入单选按钮 290
15.5.7在html代码中插入按钮 290
15.5.8在html代码中插入图像域 291
15.5.9在html代码中插入隐藏域 291
15.5.10在html代码中插入菜单／列表 291
15.6实践案例与上机操作 292
15.6.1插入多行文本域 292
15.6.2插入字段集 293
15.6.3插入标签 293
15.6.4插入复选框组 294
15.6.5插入单选按钮组 295
第16章 网站的维护与运营推广 296
16.1测试网站 297
16.1.1创建站点报告 297
16.1.2检查浏览器兼容性 298
16.1.3使用链接检查器 299
16.2上传网站 300
16.2.1域名、空间的申请 300
16.2.2使用Dreamweaver上传 301
16.2.3使用其他上传工具 301
16.3网站的运营与更新维护 302
16.3.1网站的运营 302
16.3.2网站的更新维护 303
16.3.3优化网站SEO 304
16.4取出与存回功能 305
16.4.1 Dreamweaver取出、存回系统介绍 305
16.4.2取出功能 305
16.4.3存回功能 306
16.5常见的网站推广方式 306
16.5.1注册搜索引擎 306
16.5.2资源合作推广方法 307
16.5.3电子邮件推广 308
16.5.4软文推广 309
16.5.5导航网站登录 309
16.5.6 BBS论坛网站推广 310
16.6实践案例与上机操作 310
16.6.1病毒性营销方法 311
16.6.2口碑营销 311
16.6.3网站SEO的具体优化流程 311
16.6.4删掉不必要的协议 312
16.6.5关闭文件和打印共享 315
第17章 网页设计与制作综合案例 316
17.1网页基础框架的创建 317
17.1.1新建HTML文档 317
17.1.2新建CSS文件 317
17.1.3插入Div 319
17.2插入表单与图像域 321
17.2.1插入表单 321
17.2.2插入图像域 322
17.3给网页添加文本与图像内容 326
17.3.1输入文本 326
17.3.2插入图像 327