Dreamweaver8完美网页设计与制作

第1章　初识Dreamweaver 8　1
1.1　Dreamweaver 8的新增功能　1
1.2　安装Dreamweaver 8　4
1.2.1　Dreamweaver 8系统要求　4
1.2.2　安装Dreamweaver 8的步骤　4
1.3　选择工作区　7
1.4　Dreamweaver 8的工作窗口　9
第2章　创建网站和网页　13
2.1　网页的布局　13
2.1.1　左右型　13
2.1.2　上下型　14
2.1.3　混合型　14
2.2　网页排版设计过程　14
2.2.1　在纸上画出草图　15
2.2.2　主题色彩配置　15
2.3　创建和管理站点　15
2.3.1　创建本地站点的文件夹　15
2.3.2　创建本地站点　16
2.3.3　管理站点　17
2.4　管理网页文档　19
2.4.1　新建网页　19
2.4.2　保存网页　20
2.4.3　另存网页　21
2.4.4　预览网页　23
2.5　网页图像　23
2.5.1　插入图像　24
2.5.2　修改图像的属性　25
2.5.3　调整图像的大小　27
2.5.4　插入鼠标经过图像　27
2.5.5　创建图像地图　29
2.6　综合实例　31
2.7　将网页上传到因特网上　35
第3章　表格的使用　40
3.1　表格的用途　40
3.2　创建表格的方法　41
3.2.1　插入表格　42
3.2.2　使用【属性】检查器　43
3.2.3　选择表格元素　45
3.3　编辑表格和单元格　47
3.3.1　以像素和百分比为单位指定表格大小　47
3.3.2　插入、删除行和列　48
3.3.3　合并和拆分单元格　50
3.3.4　表格和单元格的背景设置　51
3.3.5　表格的对齐方式　53
3.4　嵌套表格　54
3.5　为表格添加边线　57
3.5.1　利用单元格的高度属性制作1像素的细线　58
3.5.2　利用表格的间距属性制作1像素的边框　59
3.6　排序及整理表格和单元格内容　61
3.6.1　导入表格数据　61
3.6.2　排序表格　63
3.6.3　使用预设表格样式对表格进行格式设置　64
3.7　使用布局表格功能　67
3.7.1　绘制布局表格和布局单元格　67
3.7.2　在布局单元格内插入内容　69
3.7.3　移动布局表格和布局单元格　70
3.7.4　重设布局表格和布局单元格的大小　71
3.7.5　清除自动设置的单元格高度　72
3.7.6　绘制同级和嵌套布局表格　73
3.7.7　隐藏和显示布局表格标签　74
3.8　制作显示底图的布局　75
3.8.1　在文档中设置跟踪图像　75
3.8.2　使用跟踪图像绘制布局表格和布局单元格　76
3.8.3　在完成的布局中填充内容　78
3.8.4　切换到标准表格模式　80
3.9　综合实例　83
第4章　层的应用　86
4.1　网页层的特征　86
4.2　创建层并插入图像　89
4.3　编辑层的属性　90
4.4　灵活运用层的高级属性　95
4.4.1　设置层的显示/隐藏属性　95
4.4.2　设置层的对齐方式　98
4.4.3　改变层的堆叠顺序　101
4.4.4　为层添加滚动条　103
4.5　嵌套层　104
4.6　层与表格的转换　106
4.6.1　利用层设计布局　106
4.6.2　将层转换为表格　108
4.6.3　防止层重叠　111
4.6.4　将表格转换为层　112
4.7　使用【拖动层】行为制作拼图　113
4.7.1　创建可拖动的层　113
4.7.2　应用【拖动层】行为　115
4.8　使用【显示-隐藏层】行为制作大图片预览效果　119
4.8.1　制作图库页面　119
4.8.2　应用【显示-隐藏层】行为　123
第5章　模板的应用　126
5.1　模板的概念　126
5.2　创建模板　127
5.2.1　将已有文档转换成模板　127
5.2.2　直接创建模板　130
5.3　应用模板　133
5.4　修改模板　135
5.4.1　通过模板更新全部子页　135
5.4.2　通过模板更新单个子页　137
5.5　分离模板　139
5.6　重命名模板　140
5.6.1　直接重命名模板名称　140
5.6.2　通过菜单命令重命名　141
5.7　删除模板　142
5.7.1　通过【删除】按钮直接删除　142
5.7.2　通过快捷菜单命令删除　142
5.8　模板复制　143
5.9　综合实例　144
第6章　层叠样式表(CSS)　147
6.1　CSS样式概述　147
6.1.1　认识CSS　148
6.1.2　【CSS样式】面板　148
6.1.3　CSS样式的种类　149
6.2　使用样式表改变文字属性　151
6.2.1　利用【属性】检查器设置样式　151
6.2.2　使用【CSS样式】面板设置样式　154
6.2.3　应用【CSS样式】面板中的样式　155
6.2.4　使用CSS样式修改字体样式　156
6.3　应用HTML标记样式改变文档外观　158
6.4　应用已有样式至其他文档　161
6.4.1　导出外部CSS样式表　161
6.4.2　链接外部CSS样式表　163
6.4.3　在链接外部CSS样式表中增加样式　164
6.5　为图像应用样式　166
6.5.1　利用【属性】检查器制作编号列表　166
6.5.2　利用选择的图像制作样式列表　167
6.5.3　利用样式表固定背景图像的位置　169
6.6　制作个性滚动条　172
6.7　制作翻转文本菜单　173
6.7.1　设置链接样式　173
6.7.2　使用样式表修改链接样式　176
6.7.3　使用样式表创建两种以上的链接样式　177
6.7.4　用样式表扩展文本背景填充范围　181
第7章　制作框架集页面　184
7.1　框架集　184
7.1.1　创建框架集　184
7.1.2　修改框架集　187
7.1.3　删除框架集　189
7.1.4　插入预定义框架集　191
7.1.5　创建嵌套框架集　192
7.2　选择框架和框架集　194
7.2.1　在【文档】窗口内选择单个框架或框架集　194
7.2.2　【框架】面板　195
7.2.3　通过【框架】面板选择单个框架或框架集　195
7.3　设置框架和框架集文件　197
7.3.1　保存框架集的所有文件　197
7.3.2　保存框架集文件　200
7.3.3　保存框架文件　200
7.3.4　改变框架文件　201
7.4　框架和框架集的属性　202
7.4.1　框架属性及设置　203
7.4.2　框架集属性及其设置　204
7.5　框架应用实例　206
第8章　时间轴动画　214
8.1　了解时间轴　214
8.2　【时间轴】面板　216
8.3　创建时间轴动画　217
8.4　使用时间轴和层制作幻灯片效果　221
8.5　通过时间轴动画实现漂浮广告　225
第9章　应用多媒体　227
9.1　添加声音　227
9.1.1　关于音频文件格式　227
9.1.2　链接音频文件　228
9.1.3　在页面中插入背景音乐　229
9.1.4　单击按钮播放背景音乐　233
9.2　添加Flash影片　235
9.2.1　在Dreamweaver中插入Flash影片　235
9.2.2　Flash文件的【属性】检查器　237
9.2.3　透明处理Flash影片　238
9.2.4　使用浏览器浏览Flash的常见问　 题　239
9.2.5　用按钮控制Flash影片　239
9.2.6　制作Flash文本　241
9.2.7　制作Flash按钮　244
9.3　Flash图像浏览器　247
9.4　【Flash元素】面板　250
9.5　插入视频文件　251
9.6　插入其他媒体对象　254
9.6.1　插入Shockwave影片　254
9.6.2　插入Java小程序　255
9.6.3　插入ActiveX控件　255
第10章　行为的使用　257
10.1　什么是行为　257
10.1.1　【行为】面板　257
10.1.2　Dreamweaver提供的动作　258
10.1.3　认识事件　259
10.2　应用行为　260
10.2.1　打开浏览器窗口　260
10.2.2　调用JavaScript　263
10.2.3　检查浏览器　266
10.2.4　检查表单　267
10.2.5　检查插件　269
10.2.6　变换图像　271
10.2.7　设置导航栏图像　274
10.2.8　设置层文本　276
10.2.9　设置状态栏文本　278
10.2.10　设置文本域文字　280
10.2.11　转到URL　282
10.2.12　弹出信息　285
10.2.13　播放声音　287
第11章　表单的使用　290
11.1　创建表单　290
11.1.1　插入表单　291
11.1.2　设置表单属性　291
11.2　添加表单对象　292
11.2.1　文本字段　293
11.2.2　文本区域　294
11.2.3　复选框　295
11.2.4　单选按钮　296
11.2.5　单选按钮组　297
11.2.6　列表/菜单　299
11.2.7　跳转菜单　300
11.2.8　图像域　302
11.2.9　文件域　303
11.2.10　按钮　304
11.2.11　标签　305
11.2.12　字段集　305
11.2.13　隐藏域　306
11.3　制作用户注册实例　307
第12章　网页标记　316
12.1　HTML标记与组件　316
12.2　HTML的结构　316
12.3　编写HTML文件的方法　317
12.4　HTML标记的使用方法　317
12.4.1　文件注释标记 !-- -- 　317
12.4.2　文件开始标记 HTML 　318
12.4.3　文件信息标记 HEAD 　318
12.4.4　文件标题标记 TITLE 　319
12.4.5　文件主体标记 BODY 　319
12.5　表格的建立标记　320
12.6　表格外框的控制　321
12.6.1　边框宽度属性border　321
12.6.2　内框宽度属性cellspacing　321
12.6.3　表格内元素与边框距离属性cellpadding　322
12.7　表格的控制　322
12.7.1　表格的高度属性height　322
12.7.2　表格宽度属性width　323
12.7.3　表格边框颜色属性bordercolor　323
12.7.4　表格背景颜色属性bgcolor　324
12.7.5　表格水平对齐方式属性align　324
12.8　表格行的控制　325
12.8.1　行高属性height　325
12.8.2　行的外边框颜色属性bordercolor　325
12.8.3　行的背景颜色属性bgcolor　326
12.8.4　行内元素的水平对齐属性align　326
12.8.5　行内元素的垂直对齐属性valign　327
12.9　单元格的设置　327
12.9.1　单元格的边框颜色属性bordercolor　327
12.9.2　单元格的背景颜色属性bgcolor　328
12.9.3　单元格元素的水平对齐属性align　328
12.9.4　单元格内元素的垂直对齐属性valign　329
12.9.5　水平延伸单元格属性colspan　329
12.9.6　垂直延伸单元格属性rowspan　330
12.9.7　设置单元格宽度属性width　330
12.10　编号列表标记 OL  /OL 　331
12.10.1　设置编号的类型属性type　331
12.10.2　设置编号的开始序号属性start　332
12.11　项目符号列表标记 UL  /UL 　332
12.12　取消文字换行标记 NOBR 　333
12.13　换行标记 BR 　333
12.14　段落标记 P 　334
12.15　空格符号标记 　335
12.16　水平分割线标记 HR 　335
12.16.1　水平分割线样式属性size　335
12.16.2　水平分割线样式属性width　336
12.16.3　水平分割线对齐属性align　336
12.16.4　水平分割线颜色属性color　336
12.16.5　水平分割线不显示3D阴影属性noshade　337
12.17　文字格式标记 font 　337
12.17.1　文字的字体属性face　337
12.17.2　文字的大小属性size　338
12.17.3　文字的颜色属性color　338
12.18　图片标记 img 　339
12.18.1　图片宽度属性width　339
12.18.2　图片高度属性height　340
12.18.3　图片边框宽度属性border　341
12.19　超链接标记 A 　341
12.20　综合实例　342
第13 章　个人网站　345
13.1　个人网站概述　345
13.2　制作个人网站实例　347
13.2.1　制作网站首页　347
13.2.2　制作“关于”页面　352
13.2.3　为页面添加CSS样式　356
13.2.4　为栏目按钮制作链接　357
13.2.5　将“关于”页面转换成模板　357
13.2.6　利用模板制作其他内页　359
13.2.7　制作留言本页面　365
第14章　企业网站　369
14.1　企业网站概述　369
14.2　制作企业网站实例　370
14.2.1　站点的建立与设置　371
14.2.2　首页的制作　372
14.2.3　内页的制作　380
14.2.4　制作其他内容页　386
第15章　门户网站　395
15.1　门户网站概述　395
15.2　制作门户网站实例　396
15.2.1　制作网站导航栏　397
15.2.2　制作网站主体部分　401
15.2.3　制作二级页面　415