完全掌握——Dreamweaver CS6白金手册（配光盘） PDF下载

第1章　网页设计基础与制作流程

1.1　web因特网基础知识2

1.1.1　因特网、网站和网页的关系2

1.1.2　网页语言3

1.1.3　常用web浏览器3

1.1.4　域名与url4

1.1.5　http与ftp4

1.2　什么是网页4

1.2.1　网页的构成元素4

网站logo5

网站广告图片5

导航菜单5

文本和图像5

动画 6

表单6

1.2.2　静态网页与动态网页7

1.2.3　网页设计概述7

1.2.4　网页设计的特点7

1.3　怎样设计出好的网页9

1.3.1　网页设计的基本原则9

1.3.2　网页设计的成功要素10

整体布局11

有价值的信息11

速度11

图形和版面设计11

文字的可读性11

网页标题的可读性11

网站导航11

词语标准11

1.3.3　网页的色彩搭配11

网页的流行色12

忌讳的配色12

1.4　网站制作流程12

1.4.1　前期策划12

1.4.2　网页的实施与细化12

1.4.3　后期维护12

1.5　本章小结13

第2章　初识dreamweaver cs6

2.1　dreamweaver cs6简介14

2.1.1　dreamweaver cs6概述14

2.1.2　dreamweaver cs6的新增功能15

全新的“管理站点”对话框15

business catalyst站点15

business catalyst面板15

流体网格的css布局16

css过渡效果16

为单个元素应用多个类的css样式16

图像优化功能16

web字体16

支持jquery 1.6.4和jquery mobile 1.017

新增jquery mobile色板17

集成phonegap build17

2.2　安装、运行和卸载dreamweaver cs617

2.2.1　dreamweaver cs6的系统要求17

2.2.2　安装dreamweaver cs618

练习：安装dreamweaver cs618

源文件：无

视频：光盘视频第2章2-2-2.swf

2.2.3　运行dreamweaver cs619

2.2.4　卸载dreamweaver cs6 20

练习：卸载dreamweaver cs6 20

源文件：无

视频：光盘视频第2章2-2-4.swf

2.3　dreamweaver cs6的工作界面21

2.4　dreamweaver cs6的菜单栏22

2.4.1　“文件”菜单23

2.4.2　“编辑”菜单24

2.4.3　“查看”菜单25

2.4.4　“插入”菜单28

2.4.5　“修改”菜单30

2.4.6　“格式”菜单32

2.4.7　“命令”菜单32

2.4.8　“站点”菜单34

2.4.9　“窗口”菜单35

2.4.10　“帮助”菜单35

2.5　dreamweaver cs6的面板35

2.5.1　“插入”面板35

2.5.2　“属性”面板36

2.5.3　其他浮动面板36

2.5.4　文档工具栏36

2.5.5　状态栏37

2.6　本章小结38

第3章　创建与管理本地站点

3.1　创建本地站点40

3.1.1　创建本地静态站点40

练习：创建本地静态站点40

源文件：无

视频：光盘视频第3章3-1-1.swf

3.1.2　设置服务器41

3.1.3　服务器基本选项41

3.1.4　服务器高级选项44

3.1.5　版本控制选项44

3.2　站点的高级选项设置45

3.2.1　本地信息45

3.2.2　遮盖46

3.2.3　设计备注46

3.2.4　文件视图列47

3.2.5　contribute47

3.2.6　模板47

3.2.7　spry48

3.2.8　web字体48

3.3　站点的规划与基本操作48

3.3.1　站点规划48

划分站点目录48

不同种类的文件放在不同的文件夹中48

本地站点和远程服务器站点使用统一的目录结构48

3.3.2　在站点中新建文件夹48

练习：在站点中新建文件夹49

源文件：无

视频：光盘视频第3章3-3-2.swf

3.3.3　在站点中新建文件49

练习：在站点中新建文件49

源文件：无

视频：光盘视频第3章3-3-3.swf

3.3.4　使用“新建文档”对话框新建文件49

3.3.5　移动和复制文件或文件夹52

3.3.6　重命名文件或文件夹53

3.3.7　删除文件或文件夹53

3.4　business catalyst53

3.4.1　什么是business catalyst54

3.4.2　创建business catalyst站点54

练习：创建business catalyst站点54

源文件：无

视频：光盘视频第3章3-4-2.swf

3.4.3　business catalyst面板56

3.5　管理站点56

3.5.1　使用“管理站点”对话框对站点进行

管理56

3.5.2　自由切换站点57

3.6　创建远程企业站点58

练习：创建远程企业站点58

源文件：无

视频：光盘视频第3章3-6.swf

3.7　本章小结59

第4章　html与html 5

4.1　html语言60

4.1.1　什么是html语言60

4.1.2　html页面的基本结构61

4.1.3　html中的普通标题和空标签61

普通标签61

空标签61

4.1.4　html的主要功能61

4.1.5　html的重要标签62

基本标签62

文本标签62

图像标签63

格式标签63

表格标签63

超链接标签64

分区标签64

4.2　在dreamweaver cs6中编写html64

4.2.1　在代码视图中编写html页面65

练习：在代码视图中编写html页面65

源文件：光盘源文件第4章4-2-1.html

视频：光盘视频第4章4-2-1.swf

4.2.2　在设计视图中制作html页面65

练习：在设计视图中制作html页面65

源文件：光盘源文件第4章4-2-2.html

视频：光盘视频第4章4-2-2.swf

4.2.3　认识dreamweaver cs6的代码视图66

4.3　快速标签编辑器69

4.3.1　使用插入模式的快速标签编辑器69

4.3.2　使用编辑模式的快速标签编辑器70

4.3.3　使用环绕模式的快速标签编辑器70

4.3.4　设置标签编辑器的属性70

4.4　使用标签选择器70

4.5　使用“代码片断”面板71

4.5.1　插入代码片断71

4.5.2　创建代码片断71

4.6　在dreamweaver中优化网页代码71

4.6.1　优化html代码71

4.6.2　清理word生成的html代码72

4.7　html 5基础72

4.7.1　初识html 572

4.7.2　html 5标签73

4.7.3　html 5标准属性76

4.7.4　html 5事件属性76

4.7.5　使用html 5实现网页绘图78

练习：使用html 5实现网页绘图78

源文件：光盘源文件第4章4-7-5.html

视频：光盘视频第4章4-7-5.swf78

4.7.6　使用html 5实现视频播放78

练习：使用html 5实现视频播放79

源文件：光盘源文件第4章4-7-6.html

视频：光盘视频第4章4-7-6.swf

4.7.7　使用html 5实现网页背景音乐80

练习：使用html 5实现网页背景音乐80

源文件：光盘源文件第4章4-7-7.html

视频：光盘视频第4章4-7-7.swf

4.8　本章小结81

第5章　设置网页头信息

5.1　设置头信息82

5.1.1　设置网页标题82

练习：为网页设计标题82

源文件：光盘源文件第5章5-1-1.html

视频：光盘视频第5章5-1-1.swf

5.1.2　设置网页meta信息83

设置网页文字编码格式83

设置网页到期时间84

禁止浏览器从本地计算机的缓存中

调阅页面内容84

设置cookie过期84

强制页面在当前窗口以独立页面显示84

设置网页打开时的效果84

设置网页退出时的效果84

其他设置84

设置网页的搜索引擎关键字84

5.1.3　添加网页关键字85

练习：为网页添加关键字85

源文件：光盘源文件第5章5-1-3.html

视频：光盘视频第5章5-1-3.swf

5.1.4　添加网页说明85

练习：为网页添加说明85

源文件：光盘源文件第5章5-1-4.html

视频：光盘视频第5章5-1-4.swf

5.1.5　设置网页刷新86

练习：设置网页刷新86

源文件：光盘源文件第5章5-1-5.html

视频：光盘视频第5章5-1-5.swf

5.1.6　设置基础86

练习：设置基础86

源文件：光盘源文件第5章5-1-6.html

视频：光盘视频第5章5-1-6.swf

5.1.7　设置链接87

5.2　在html代码中编辑网页头信息87

5.2.1　标题88

5.2.2　meta88

5.2.3　基础88

5.2.4　链接88

5.3　设置社区生活网站头信息88

练习：设置社区生活网站头信息89

源文件：光盘源文件第5章5-3.html

视频：光盘视频第5章5-3.swf

5.4　本章小结90

第6章　网页整体属性设置

6.1　设置“页面属性”对话框92

6.1.1　设置“外观（css）”选项92

练习：设置“外观（css）”选项93

源文件：光盘源文件第6章6-1-1.html

视频：光盘视频第6章6-1-1.swf

6.1.2　设置“外观（html）”选项94

6.1.3　设置“链接（css）”选项94

练习：设置“链接（css）”选项95

源文件：光盘源文件第6章6-1-3.html

视频：光盘视频第6章6-1-3.swf

6.1.4　设置“标题（css）”选项96

练习：设置“标题（css）”选项96

源文件：光盘源文件第6章6-1-4.html

视频：光盘视频第6章6-1-4.swf

6.1.5　设置“标题和编码”选项97

6.1.6　设置“跟踪图像”选项98

练习：设置“跟踪图像”选项98

源文件：光盘源文件第6章6-1-6.html

视频：光盘视频第6章6-1-6.swf

6.2　使用辅助工具99

6.2.1　配置窗口大小99

6.2.2　使用标尺100

6.2.3　使用网格100

6.2.4　辅助线101

6.2.5　使用缩放和平移101

6.2.6　使用“历史记录”面板102

“历史记录”面板102

将历史保存为命令102

设置恢复的操作步骤数目102

6.3　在html代码中编辑页面属性102

文字颜色103

背景颜色103

背景图像103

链接颜色103

激活链接颜色103

访问过的链接颜色103

边距103

6.4　设置个人网站页面属性103

练习：设置个人网站页面属性103

源文件：光盘源文件第6章6-4.html

视 频：光盘视频第6章6-4.swf

6.5　本章小结105

第7章　精通css样式

7.1　什么是css样式106

7.1.1　了解css样式的发展历程106

7.1.2　css样式的优势107

分离格式和结构107

更强的页面布局控制107

网页的体积更小、下载更快107

更加便捷的网页更新107

更好的兼容性107

7.1.3　css样式的不足107

7.1.4　css样式的基本语法107

7.2　创建css样式108

7.2.1　建立标签css样式108

练习：建立标签css样式108

源文件：光盘源文件第7章7-2-1.html

视频：光盘视频第7章7-2-1.swf

7.2.2　建立类css样式110

练习：建立类css样式110

源文件：光盘源文件第7章7-2-2.html

视频：光盘视频第7章7-2-2.swf

7.2.3　建立id css样式111

练习：建立id css样式111

源文件：光盘源文件第7章7-2-3.html

视频：光盘视频第7章7-2-3.swf

7.2.4　建立复合 css样式112

练习：建立复合css样式112

源文件：光盘源文件第7章7-2-4.html

视频：光盘视频第7章7-2-4.swf

7.2.5　编辑样式113

7.3　在网页中应用css样式的方法114

7.3.1　内联css样式114

练习：内联css样式114

源文件：光盘源文件第7章7-3-1.html

视频：光盘视频第7章7-3-1.swf

7.3.2　内部css样式115

练习：内部css样式115

源文件：光盘源文件第7章7-3-2.html

视频：光盘视频第7章7-3-2.swf

7.3.3　外部css样式116

练习：外部css样式116

源文件：光盘源文件第7章7-3-3.html

视频：光盘视频第7章7-3-3.swf

7.3.4　导入css样式117

练习：导入css样式117

源文件：光盘源文件第7章7-3-4.html

视频：光盘视频第7章7-3-4.swf

7.4　使用“css规则定义”对话框118

7.4.1　设置文本样式118

练习：设置文本样式119

源文件：光盘源文件第7章7-4-1.html

视频：光盘视频第7章7-4-1.swf

7.4.2　设置背景样式120

练习：设置背景样式121

源文件：光盘源文件第7章7-4-2.html

视频：光盘视频第7章7-4-2.swf

7.4.3　设置区块样式122

练习：设置区块样式123

源文件：光盘源文件第7章7-4-3.html

视频：光盘视频第7章7-4-3.swf

7.4.4　设置方框样式123

练习：设置方框样式124

源文件：光盘源文件第7章7-4-4.html

视频：光盘视频第7章7-4-4.swf

7.4.5　设置边框样式125

练习：设置边框样式126

源文件：光盘源文件第7章7-4-5.html

视频：光盘视频第7章7-4-5.swf

7.4.6　设置列表样式126

练习：设置列表样式127

源文件：光盘源文件第7章7-4-6.html

视频：光盘视频第7章7-4-6.swf

7.4.7　设置定位样式128

练习：设置定位样式129

源文件：光盘源文件第7章7-4-7.html

视频：光盘视频第7章7-4-7.swf

7.4.8　设置扩展样式130

练习：设置扩展样式131

源文件：光盘源文件第7章7-4-8.html

视频：光盘视频第7章7-4-8.swf

7.4.9　设置过渡样式132

7.5　使用css过渡实现网页特效133

练习：使用css过渡实现网页特效133

源文件：光盘源文件第7章7-5.html

视频：光盘视频第7章7-5.swf

7.6　css类选区136

练习：css类选区136

源文件：光盘源文件第7章7-6.html

视频：光盘视频第7章7-6.swf

7.7　css 3.0新增属性138

7.7.1　css 3.0新增属性介绍138

7.7.2　使用css 3.0实现圆角边框139

练习：使用css 3.0实现圆角边框139

源文件：光盘源文件第7章7-7-2.html

视频：光盘视频第7章7-7-2.swf

7.7.3　使用css 3.0实现多列布局140

练习：使用css 3.0实现多列布局140

源文件：光盘源文件第7章7-7-3.html

视频：光盘视频第7章7-7-3.swf

7.7.4　使用css 3.0实现元素的半透明效果141

练习：使用css 3.0实现元素的半透明效果141

源文件：光盘源文件第7章7-7-4.html

视频：光盘视频第7章7-7-4.swf

7.7.5　使用css 3.0实现元素的阴影效果142

练习：使用css 3.0实现元素的阴影效果142

源文件：光盘源文件第7章7-7-5.html

视频：光盘视频第7章7-7-5.swf

7.7.6　使用css 3.0实现鼠标滑过图像效果143

练习：使用css 3.0实现鼠标滑过图像效果143

源文件：光盘源文件第7章7-7-6.html

视频：光盘视频第7章7-7-6.swf

7.8　制作设计类网站页面144

练习：制作设计类网站页面145

源文件：光盘源文件第7章7-8.html

视频：光盘视频第7章7-8.swf

7.9　本章小结151

第8章　使用div css灵活布局网页

8.1　什么是网站标准152

结构化标准语言152

表现标准语言152

行为标准152

8.2　关于表格布局153

8.2.1　表格布局的特点153

8.2.2　冗余的嵌套表格和混乱的结构153

8.3　关于div css布局154

8.3.1　什么是web标准154

8.3.2　div css的优势154

8.4　块元素和行内元素155

8.4.1　块元素155

8.4.2　行内元素155

8.5　在网页中插入div156

8.5.1　div是什么156

8.5.2　如何在网页中插入div156

8.5.3　div的嵌套157

8.6　关于div css盒模型158

8.6.1　盒模型的概念158

8.6.2　margin（边界）158

练习：margin（边界）159

源文件：光盘源文件第8章8-6-2.html

视频：光盘视频第8章8-6-2.swf

8.6.3　border（边框）159

练习：border（边框）159

源文件：光盘源文件第8章8-6-3.html

视频：光盘视频第8章8-6-3.swf

8.6.4　padding（填充）160

练习：padding（填充）160

源文件：光盘源文件第8章8-6-4.html

视频：光盘视频第8章8-6-4.swf

8.6.5　content（内容）161

8.7　div css布局定位161

8.7.1　元素定位的css属性161

8.7.2　relative（相对定位）162

练习：relative（相对定位）162

源文件：光盘源文件第8章8-7-2.html

视频：光盘视频第8章8-7-2.swf

8.7.3　absolute（绝对定位）163

练习：absolute（绝对定位）163

源文件：光盘源文件第8章8-7-3.html

视频：光盘视频第8章8-7-3.swf

8.7.4　fixed（固定定位）164

练习：fixed（固定定位）164

源文件：光盘源文件第8章8-7-4.html

视频：光盘视频第8章8-7-4.swf

8.7.5　float（浮动定位）165

练习：float（浮动定位）165

源文件：光盘源文件第8章8-7-5.html

视频：光盘视频第8章8-7-5.swf

8.7.6　空白边叠加167

练习：空白边叠加167

源文件：光盘源文件第8章8-7-6.html

视频：光盘视频第8章8-7-6.swf

8.8　常用div css布局方式168

8.8.1　div高度自适应169

8.8.2　网页内容居中布局169

网页内容水平居中169

网页内容垂直居中169

8.8.3　网页元素浮动布局170

两列固定宽度布局170

两列百分比宽度布局170

两列右列宽度自适应布局170

两列固定宽度居中布局171

三列浮动中间列宽度自适应布局171

8.8.4　流体网格布局172

练习：制作流体网格布局页面172

源文件：光盘源文件第8章8-8-4.html

视频：光盘视频第8章8-8-4.swf

8.9　制作休闲游戏网站页面177

练习：制作休闲游戏网站页面177

源文件：光盘源文件第8章8-9.html

视频：光盘视频第8章8-9.swf

8.10　本章小结184

第9章　在网页中输入文本

9.1　输入文本186

9.1.1　在网页中输入文本186

练习：在网页中输入文本186

源文件：光盘源文件第9章9-1-1.html

视频：光盘视频第9章9-1-1.swf

9.1.2　页面编码以及分行和分段187

页面编码方式187

分行与分段187

9.2　文本属性的设置188

9.2.1　设置html选项面板189

9.2.2　设置css选项面板190

9.3　检查拼写与查找替换191

9.3.1　检查拼写191

9.3.2　查找和替换192

9.4　在网页中插入其他文本对象193

9.4.1　制作新闻列表193

练习：制作新闻列表193

源文件：光盘源文件第9章9-4-1.html

视频：光盘视频第9章9-4-1.swf

9.4.2　设置列表属性194

9.4.3　插入水平线195

练习：插入水平线195

源文件：光盘源文件第9章9-4-3.html

视频：光盘视频第9章9-4-3.swf

9.4.4　设置水平线属性196

9.4.5　插入日期196

练习：插入日期196

源文件：光盘源文件第9章9-4-5.html

视频：光盘视频第9章9-4-5.swf

9.4.6　“插入日期”对话框197

9.4.7　插入网页注释197

练习：插入网页注释197

源文件：光盘源文件第9章9-4-7.html

视频：光盘视频第9章9-4-7.swf

9.4.8　插入特殊字符198

9.5　在网页中实现文本滚动199

练习：在网页中实现文本滚动199

源文件：光盘源文件第9章9-5.html

视频：光盘视频第9章9-5.swf

9.6　使用web字体实现特殊的字体效果200

练习：实现特殊的字体效果200

源文件：光盘源文件第9章9-6.html

视频：光盘视频第9章9-6.swf

9.7　在html代码中编辑文本203

注释203

标题字203

文字的修饰203

字体203

水平线204

滚动字幕204

9.8　制作企业网站页面204

练习：制作企业网站页面204

源文件：光盘源文件第9章9-8.html

视频：光盘视频第9章9-8.swf

9.9　本章小结209

第10章　在网页中插入图像

10.1　网页图像的基本知识210

10.1.1　gif格式210

10.1.2　jpeg格式210

10.1.3　png格式211

10.2　在网页中插入图像211

10.2.1　插入图像211

练习：插入图像211

源文件：光盘源文件第10章10-2.html

视频：光盘视频第10章10-2.swf

10.2.2　设置图像属性212

10.3　插入其他图像元素215

10.3.1　图像占位符215

练习：图像占位符216

源文件：光盘源文件第10章

10-3-1.html

视频：光盘视频第10章10-3-1.swf

10.3.2　鼠标经过图像217

练习：鼠标经过图像217

源文件：光盘源文件第10章

10-3-2.html

视频：光盘视频第10章10-3-2.swf

10.3.3　fireworks html218

10.4　在html代码中编辑图像218

10.5　制作旅游信息网站页面219

练习：制作旅游信息网站页面219

源文件：光盘源文件第10章10-5.html

视频：光盘视频第10章10-5.swf

10.6　本章小结225

第11章　在网页中插入flash动画及其他多媒体

11.1　在网页中插入flash动画和flv视频226

11.1.1　插入flash动画226

练习：插入flash动画226

源文件：光盘源文件第11章

11-1-1.html

视频：光盘视频第11章11-1-1.swf

11.1.2　设置flash动画属性227

11.1.3　插入flv视频228

练习：插入flv视频228

源文件：光盘源文件第11章

11-1-3.html

视频：光盘视频第11章11-1-3.swf

11.1.4　“插入flv”对话框 229

11.2　在网页中插入shockwave动画230

练习：插入shockwave动画230

源文件：光盘源文件第11章11-2.html

视频：光盘视频第11章11-2.swf

11.3　为网页添加背景音乐231

11.3.1　网页中常用的音乐格式231

midi或mid231

wav231

aif231

mp3231

ra或ram、rpm和real audio231

11.3.2　使用[bgsound]标签添加背景音乐232

练习：使用[bgsound]标签添加

背景音乐232

源文件：光盘源文件第11章11-3-2.html

视频：光盘视频第11章11-3-2.swf

11.3.3　使用插件嵌入音频232

练习：使用插件嵌入音频232

源文件：光盘源文件第11章11-3-3.html

视频：光盘视频第11章11-3-3.swf

11.4　在网页中插入视频233

11.4.1　网页中常用视频格式234

mpeg或mpg234

avi234

wmv234

rm234

mov234

11.4.2　插入视频234

练习：插入视频234

源文件：光盘源文件第11章

11-4-2.html

视频：光盘视频第11章11-4-2.swf

11.5　在网页中应用javaapplet小程序235

练习：在网页中应用javaapplet

小程序235

源文件：光盘源文件第11章11-5.html

视频：光盘视频第11章11-5.swf

11.6　了解activex236

11.7　在html代码中插入多媒体元素238

多媒体对象插入标签238

特殊标签[object]238

11.8　制作休闲旅游网站页面238

练习：制作休闲旅游网站页面238

源文件：光盘源文件第11章11-8.html

视频：光盘视频第11章11-8.swf

11.9　本章小结244

第12章　使用表格和框架布局网页

12.1　插入表格及设置表格属性246

12.1.1　“表格”对话框246

12.1.2　插入表格247

练习：插入表格247

源文件：无

视频：光盘视频第12章12-1-2.swf

12.1.3　选择表格和单元格247

练习：选择表格和单元格247

源文件：光盘源文件第12章12-1-3.html

视频：光盘视频第12章12-1-3.swf

12.1.4　设置表格属性249

12.1.5　设置单元格属性249

12.2　编辑表格250

12.2.1　调整表格大小250

12.2.2　调整单元格大小250

12.2.3　插入行或列251

12.2.4　删除行或列251

12.2.5　复制和粘贴单元格251

12.2.6　合并单元格251

12.2.7　拆分单元格252

12.3　表格的高级处理技巧252

12.3.1　对表格数据进行排序252

练习：对表格数据进行排序253

源文件：光盘源文件第12章12-3-1.html

视频：光盘视频第12章12-3-1.swf

12.3.2　导入表格内容253

练习：导入表格内容254

源文件：光盘源文件第12章12-3-2.html

视频：光盘视频第12章12-3-2.swf

12.3.3　导出表格内容255

12.4　使用css实现表格特效255

12.4.1　使用css实现隔行变色的单元格256

练习：使用css实现隔行变色的单元格256

源文件：光盘源文件第12章12-4-1.html

视频：光盘视频第12章12-4-1.swf

12.4.2　使用css实现变色表格256

练习：使用css实现变色表格256

源文件：光盘源文件第12章12-4-2.html

视频：光盘视频第12章12-4-2.swf

12.5　使用框架布局网页257

12.5.1　了解框架257

12.5.2　插入预定义框架集257

12.5.3　自定义框架集258

12.5.4　保存框架259

12.5.5　框架集与框架的属性设置259

设置框架集属性260

设置框架属性260

12.5.6　设置无框架内容261

12.6　使用iframe框架布局网页261

12.6.1　制作iframe框架页面261

练习：制作iframe框架页面262

源文件：光盘源文件第12章

12-6-1.html

视频：光盘视频第12章12-6-1.swf

12.6.2　 iframe框架页面链接262

练习：iframe框架页面链接263

源文件：光盘源文件第12章

12-6-1.html

视频：光盘视频第12章12-6-2.swf

12.7　在html代码中编辑表格263

表格264

表格的标题与表头264

12.8　在html代码中编辑框架265

框架集标签[frameset]265

框架标签[frame]265

不支持框架标签265

iframe框架265

12.9　制作社区类网站页面266

练习：制作社区类网站页面266

源文件：光盘源文件第12章12-9.html

视频：光盘视频第12章12-9.swf

12.10　本章小结273

第13章　ap div与spry构件的应用

13.1　使用ap div排版274

13.1.1　ap div的基本使用274

“ap元素”面板274

插入ap div275

选择ap div276

设置ap div属性276

13.1.2　使用ap div排版277

练习：使用ap div排版277

源文件：光盘源文件第13章

13-1-2.html

视频：光盘视频第13章13-1-2.swf

13.1.3　利用ap div溢出排版278

练习：利用ap div溢出排版278

源文件：光盘源文件第13章

13-1-3.html

视频：光盘视频第13章13-1-3.swf

13.2　关于spry构件279

13.3　spry菜单栏280

13.3.1　插入spry菜单栏280

13.3.2　设置spry菜单栏属性281

13.3.3　调整菜单项样式281

禁用菜单样式281

更改菜单项的文本样式282

更改菜单项的背景颜色282

13.3.4　定位子菜单282

13.3.5　制作网页下拉菜单283

练习：制作网页下拉菜单283

源文件：光盘源文件第13章13-3-5.html

视频：光盘视频第13章13-3-5.swf

13.4　spry选项卡式面板284

13.4.1　插入spry选项卡式面板284

13.4.2　设置spry选项卡式面板的属性285

13.4.3　设置spry选项卡式面板的样式285

13.4.4　制作选项卡式新闻列表286

练习：制作选项卡式新闻列表286

源文件：光盘源文件第13章

13-4-4.html

视频：光盘视频第13章13-4-4.swf

13.5　spry折叠式289

13.5.1　插入spry折叠式289

13.5.2　设置spry折叠式属性289

13.5.3　设置spry折叠式样式290

13.5.4　制作折叠式公告290

练习：制作折叠式公告290

源文件：光盘源文件第13章

13-5-4.html

视频：光盘视频第13章13-5-4.swf

13.6　spry可折叠面板293

13.6.1　插入spry可折叠面板293

13.6.2　设置spry可折叠面板属性293

13.6.3　设置spry可折叠面板的样式294

13.6.4　制作可折叠栏目294

练习：制作可折叠栏目294

源文件：光盘源文件第13章

13-6-4.html

视频：光盘视频第13章13-6-4.swf

13.7　spry工具提示297

13.7.1　插入spry工具提示297

13.7.2　制作作品集网页298

练习：制作作品集网页298

源文件：光盘源文件第13章

13-7-2.html

视频：光盘视频第13章13-7-2.swf

13.8　制作儿童乐园网站的页面300

练习：制作儿童乐园网站的页面300

源文件：光盘源文件第13章13-8.html

视频：光盘视频第13章13-8.swf

13.9　本章小结307

第14章　使用行为丰富网页效果

14.1　了解dreamweaver中的行为308

14.1.1　什么是行为308

14.1.2　“行为”面板308

14.2　添加行为实现网页特效309

14.2.1　交换图像309

练习：交换图像309

源文件：光盘源文件第14章14-2-1.html

视频：光盘视频第14章14-2-1.swf

14.2.2　弹出信息310

练习：弹出信息310

源文件：光盘源文件第14章14-2-2.html

视频：光盘视频第14章14-2-2.swf

14.2.3　恢复交换图像311

14.2.4　打开浏览器窗口311

练习：打开浏览器窗口311

源文件：光盘源文件第14章14-2-4.html

视频：光盘视频第14章14-2-4.swf

14.2.5　拖动ap元素312

练习：拖动ap元素312

源文件：光盘源文件第14章14-2-5.html

视频：光盘视频第14章14-2-5.swf

14.2.6　改变属性314

练习：改变属性314

源文件：光盘源文件第14章14-2-6.html

视频：光盘视频第14章14-2-6.swf

14.2.7　设置效果316

练习：应用“遮帘”效果316

源文件：光盘源文件第14章14-2-7.html

视频：光盘视频第14章14-2-7.swf

14.2.8　显示/隐藏元素317

练习：显示/隐藏ap div317

源文件：光盘源文件第14章14-2-8.html

视频：光盘视频第14章14-2-8.swf

14.2.9　检查插件319

练习：检查插件320

源文件：光盘源文件第14章14-2-9.html

视频：光盘视频第14章14-2-9.swf

14.2.10　检查表单320

练习：检查表单321

源文件：光盘源文件第14章

14-2-10.html

视频：光盘视频第14章14-2-10.swf

14.2.11　设置文本322

设置容器的文本322

练习：设置容器的文本322

源文件：光盘源文件第14章

4-2-11.html

视频：光盘视频第14章14-2-11.swf

设置文本域文字323

练习：设置文本域文字323

源文件：光盘源文件第14章

14-2-11.2.html

视频：光盘视频第14章14-2-11.2.swf

设置框架文本324

设置状态栏文本325

练习：设置状态栏文本325

源文件：光盘源文件第14章

14-2-11.3.html

视频：光盘视频第14章14-2-11.3.swf

14.2.12　调用javascript326

练习：调用javascript326

源文件：光盘源文件第14章

14-2-12.html

视频：光盘视频第14章14-2-12.swf

14.2.13　跳转菜单326

14.2.14　跳转菜单开始327

14.2.15　转到url327

练习：转到url327

源文件：光盘源文件第14章

14-2-15.html

视频：光盘视频第14章14-2-15.swf

14.2.16　预先载入图像328

14.3　在html代码中编辑行为328

14.4　制作交友网站的页面329

练习：制作交友网站的页面330

源文件：光盘源文件第14章14-4.html

视频：光盘视频第14章14-4.swf

14.5　本章小结337

第15章　使用表单创建交互网页

15.1　关于表单338

15.1.1　表单概述338

15.1.2　认识常用表单元素338

15.2　各种表单元素在网页中的应用340

15.2.1　插入表单域340

练习：插入表单域340

源文件：光盘源文件第15章15-2-1.html

视频：光盘视频第15章15-2-1.swf

15.2.2　插入文本域342

练习：插入文本域342

源文件：光盘源文件第15章15-2-2.html

视频：光盘视频第15章15-2-2.swf

15.2.3　插入密码域343

练习：插入密码域343

源文件：光盘源文件第15章15-2-3.html

视频：光盘视频第15章15-2-3.swf

15.2.4　插入多行文本域344

练习：插入多行文本域344

源文件：光盘源文件第15章15-2-4.html

视频：光盘视频第15章15-2-4.swf

15.2.5　插入隐藏域345

15.2.6　插入复选框346

练习：插入复选框346

源文件：光盘源文件第15章15-2-6.html

视频：光盘视频第15章15-2-6.swf

15.2.7　插入单选按钮组347

练习：插入单选按钮组347

源文件：光盘源文件第15章15-2-7.html

视频：光盘视频第15章15-2-7.swf

15.2.8　插入列表/菜单347

练习：插入列表/菜单347

源文件：光盘源文件第15章15-2-8.html

视频：光盘视频第15章15-2-8.swf

15.2.9　插入跳转菜单348

练习：插入跳转菜单348

源文件：光盘源文件第15章15-2-9.html

视频：光盘视频第15章15-2-9.swf

15.2.10　插入图像域350

练习：插入图像域350

源文件：光盘源文件第15章

15-2-10.html

视频：光盘视频第15章15-2-10.swf

15.2.11　插入文件域351

练习：插入文件域351

源文件：光盘源文件第15章

15-2-11.html

视频：光盘视频第15章15-2-11.swf

15.2.12　插入按钮352

练习：插入按钮352

源文件：光盘源文件第15章

15-2-12.html

视频：光盘视频第15章15-2-12.swf

15.3　spry验证表单353

练习：spry验证表单354

源文件：光盘源文件第15章15-3.html

视频：光盘视频第15章15-3.swf

15.4　在html代码中插入表单元素356

表单356

表单输入356

文本域357

密码域357

文件域357

复选框357

单选按钮357

按钮357

图像域358

隐藏域358

菜单/列表358

多行文本域358

15.5　制作登录页面358

练习：制作登录页面359

源文件：光盘源文件第15章15-5.html

视频：光盘视频第15章15-5.swf

15.6　制作用户注册页面363

练习：制作用户注册页面364

源文件：光盘源文件第15章15-6.html

视频：光盘视频第15章15-6.swf

15.7　本章小结369

第16章　网页中的链接设置

16.1　链接与路径的关系370

16.1.1　相对路径370

16.1.2　创建内部链接370

练习：创建内部链接370

源文件：光盘源文件第16章16-1-2.html

视频：光盘视频第16章16-1-2.swf

16.1.3　绝对路径371

16.1.4　创建外部链接372

练习：创建外部链接372

源文件：光盘源文件第16章16-1-4.html

视频：光盘视频第16章16-1-4.swf

16.1.5　根路径373

16.2　文字和图像链接373

16.2.1　创建文字链接373

练习：创建文字链接373

源文件：光盘源文件第16章16-2-1.html

视频：光盘视频第16章16-2-1.swf

16.2.2　创建图像链接375

练习：创建图像链接375

源文件：光盘源文件第16章16-2-2.html

视频：光盘视频第16章16-2-2.swf

16.2.3　链接打开方式375

16.3　网页中的特殊链接375

16.3.1　创建空链接375

练习：创建空链接375

源文件：光盘源文件第16章

16-3-1.html

视频：光盘视频第16章16-3-1.swf

16.3.2　创建文件下载链接376

练习：创建文件下载链接376

源文件：光盘源文件第16章

16-3-2.html

视频：光盘视频第16章16-3-2.swf

16.3.3　创建e-mail链接377

练习：创建e-mail链接377

源文件：光盘源文件第16章16-3-3.html

视频：光盘视频第16章16-3-3.swf

16.3.4　创建锚记链接378

练习：创建锚记链接378

源文件：光盘源文件第16章16-3-4.html

视频：光盘视频第16章16-3-4.swf

16.3.5　创建脚本链接380

练习：创建脚本链接380

源文件：光盘源文件第16章16-3-5.html

视频：光盘视频第16章16-3-5.swf

16.3.6　创建热点链接381

练习：创建热点链接381

源文件：光盘源文件第16章

16-3-6.html

视频：光盘视频第16章16-3-6.swf

16.4　css超链接样式伪类382

练习：css超链接样式伪类382

源文件：光盘源文件第16章16-4.html

视频：光盘视频第16章16-4.swf

16.5　在html代码中编辑链接384

内部链接384

外部链接384

锚点链接385

脚本链接385

空链接385

16.6　制作音乐类网站页面385

练习：制作音乐类网站页面385

源文件：光盘源文件第16章16-6.html

视频：光盘视频第16章16-6.swf

16.7　本章小结394

第17章　创建库和模板网页

17.1　库在网页中的应用396

17.1.1　新建库文件396

练习：新建库文件396

源文件：光盘源文件第17章17-1-1.lbi

视频：光盘视频第17章17-1-1.swf

17.1.2　在网页中应用库文件398

练习：在网页中应用库文件398

源文件：光盘源文件第17章17-1-2.html

视频：光盘视频第17章17-1-2.swf

17.1.3　编辑和更新库文件399

17.1.4　库文件的“属性”面板399

17.2　创建模板页面400

17.2.1　模板的特点400

17.2.2　新建网页模板400

练习：新建网页模板400

源文件：光盘源文件第17章17-2-2.dwt

视频：光盘视频第17章17-2-2.swf

17.2.3　“另存模板”对话框401

17.2.4　创建模板中的可编辑区域401

练习：创建模板中的可编辑区域401

源文件：光盘源文件第17章17-2-2.dwt

视频：光盘视频第17章17-2-4.swf

17.2.5　创建模板中的可选区域402

练习：创建模板中的可选区域402

源文件：光盘源文件第17章17-2-2.dwt

视频：光盘视频第17章17-2-5.swf

17.2.6　“新建可选区域”对话框403

17.2.7　创建模板中的可编辑可选区域404

练习：创建模板中的可编辑可选区域404

源文件：光盘源文件第17章17-2-2.dwt

视频：光盘视频第17章17-2-7.swf

17.2.8　创建模板中的重复区域404

17.2.9　可编辑标签属性404

17.3　在网页中应用模板405

17.3.1　新建基于模板的页面405

练习：新建基于模板的页面405

源文件：光盘源文件第17章17-3-1.html

视频：光盘视频第17章17-3-1.swf

17.3.2　删除网页中所使用的模板408

17.3.3　更新网页模板409

17.4　在html代码中编辑库和模板409

17.5　制作艺术类网站的页面409

练习：制作艺术类网站的页面410

源文件：光盘源文件第17章17-5.html

视频：光盘视频第17章17-5.swf

17.6　本章小结417

第18章　网站的测试、上传与维护

18.1　网站的测试418

18.1.1　检查浏览器的兼容性418

练习：检查浏览器的兼容性418

源文件：无

视频：光盘视频第18章18-1-1.swf

18.1.2　检查链接419

练习：检查链接419

源文件：无

视频：光盘视频第18章18-1-2.swf

18.1.3　w3c验证420

练习：w3c验证420

源文件：无

视频：光盘视频第18章18-1-3.swf

18.1.4　创建站点报告421

18.2　上传网站422

18.2.1　域名、空间的申请422

18.2.2　使用dreamweaver上传/下载

网页文件423

练习：使用dreamweaver上传/下载

网页文件423

源文件：无

视频：光盘视频第18章18-2-2.swf

18.2.3　使用其他上传工具425

练习：使用其他上传工具425

源文件：无

视频：光盘视频第18章18-2-3.swf

18.3　站点维护427

18.3.1　激活取出和存回功能427

练习：激活取出和存回功能427

源文件：无

视频：光盘视频第18章18-3-1.swf

18.3.2　取出427

18.3.3　存回428

18.3.4　取消取出和存回操作428

18.4　本章小结428

第19章　商业网站实战

19.1　制作企业类的网站页面430

19.1.1　设计分析430

19.1.2　实例制作430

练习：制作企业类的网站页面430

源文件：光盘源文件第19章19-1.html

视频：光盘视频第19章19-1.swf

19.1.3　实例小结434

19.2　制作游戏类网站的页面434

19.2.1　设计分析434

19.2.2　实例制作434

练习：制作游戏类网站的页面434

源文件：光盘源文件第19章19-2.html

视频：光盘视频第19章19-2.swf

19.2.3　实例小结440

19.3　制作儿童类网站的页面440

19.3.1　设计分析441

19.3.2　实例制作441

练习：制作儿童类网站的页面441

源文件：光盘源文件第19章19-3.html

视频：光盘视频第19章19-3.swf

19.3.3　实例小结

19.4　本章小结