边做边学 Dreamweaver CS3网页设计案例教程PDF电子书下载

第1章 初识Dreamweaver CS3 1

1.1 操作界面 1

1.1.1 【操作目的】 1

1.1.2 【操作步骤】 1

1.1.3 【相关工具】 2

1．开始页面 2

2．不同风格的界面 2

3．伸缩自如的功能面板 3

4．多文档的编辑界面 3

5．插入面板 4

6．更完整的CSS功能 4

1.2 创建网站框架 5

1.2.1 【操作目的】 5

1.2.2 【操作步骤】 5

1.2.3 【相关工具】 6

1．创建和保存网页 6

2．在站点地图中创建网页 8

3．在文件列表中创建网页 9

1.3 管理站点 11

1.3.1 【操作目的】 11

1.3.2 【操作步骤】 11

1.3.3 【相关工具】 12

1．站点管理器 12

2．创建文件夹 15

3．定义新站点 15

1.4 网页文件头设置 16

1.4.1 【操作目的】 16

1.4.2 【操作步骤】 16

1.4.3 【相关工具】 17

1．插入搜索关键字 17

2．插入作者和版权信息 18

3．设置刷新时间 18

4．设置描述信息 19

5．设置页面中所有链接的基准链接 19

6．设置当前文件与其他文件的关联性 20

第2章 文本与文档 21

2.1 植物香水网页 21

2.1.1 【案例分析】 21

2.1.2 【设计理念】 21

2.1.3 【操作步骤】 21

1．设置页面属性 21

2．输入空格和文字 22

2.1.4 【相关工具】 23

1．输入文本 23

2．设置文本属性 23

3．输入连续的空格 24

4．设置是否显示不可见元素 24

5．设置页边距 25

6．设置网页的标题 26

7．设置网页的默认格式 26

2.1.5 【实战演练】——数码产品专卖网页 26

2.2 美味西点网页 27

2.2.1 【案例分析】 27

2.2.2 【设计理念】 27

2.2.3 【操作步骤】 27

2.2.4 【相关工具】 29

1．改变文本的大小 29

2．改变文本的颜色 30

3．改变文本的字体 31

4．改变文本的对齐方式 33

5．设置文本样式 33

6．段落文本 34

7．插入换行符 35

2.2.5 【实战演练】——美颜知识网页 36

2.3 儿童漫画网页 36

2.3.1 【案例分析】 36

2.3.2 【设计理念】 36

2.3.3 【操作步骤】 37

1．创建项目列表 37

2．插入版权符号 37

2.3.4 【相关工具】 38

1．设置项目符号或编号 38

2．修改项目符号或编号 38

3．设置文本缩进格式 39

4．插入日期 39

5．特殊字符 39

2.3.5 【实战演练】——时尚咖啡网页 40

2.4 绿色食品网页 40

2.4.1 【案例分析】 40

2.4.2 【设计理念】 40

2.4.3 【操作步骤】 41

2.4.4 【相关工具】 41

1．水平线 41

2．显示和隐藏网格 42

3．标尺 43

2.4.5 【实战演练】——电子产品网页 44

2.5 综合演练——鲜花速递网页 45

2.6 综合演练——精品购物网页 45

第3章 图像和多媒体 45

3.1 卡通素材网页 46

3.1.1 【案例分析】 46

3.1.2 【设计理念】 46

3.1.3 【操作步骤】 47

3.1.4 【相关工具】 48

1．网页中的图像格式 48

2．插入图像 48

3．设置图像属性 49

4．插入图像占位符 49

5．跟踪图像 50

3.1.5 【实战演练】——家居时尚网页 51

3.2 购房中心网页 51

3.2.1 【案例分析】 51

3.2.2 【设计理念】 52

3.2.3 【操作步骤】 52

3.2.4 【相关工具】 53

1．调整图像与文本的相对位置 53

2．创建网站相册 54

3.2.5 【实战演练】——健康水果网页 55

3.3 营养美食网页 55

3.3.1 【案例分析】 55

3.3.2 【设计理念】 56

3.3.3 【操作步骤】 56

3.3.4 【相关工具】 57

1．插入Flash动画 57

2．插入Flash文本 57

3．插入Flash按钮 58

4．插入Shockwave影片 59

5．影片插入Applet程序 60

6．插入ActiveX控件 60

3.3.5 【实战演练】——动感音乐网页 61

3.4 综合演练——商务在线网页 61

3.5 综合演练——化妆品网页 62

第4章 超链接 63

4.1 创业在线网页 63

4.1.1 【案例分析】 63

4.1.2 【设计理念】 63

4.1.3 【操作步骤】 64

1．制作特殊的文字超级链接 64

2．制作下载文件链接 65

4.1.4 【相关工具】 66

1．超链接的概念与路径知识 66

2．创建文本链接 66

3．文本链接的状态 67

4．下载文件链接 68

5．电子邮件链接 68

4.1.5 【实战演练】——精品家具网页 69

4.2 恋之语素材模板网页 69

4.2.1 【案例分析】 69

4.2.2 【设计理念】 70

4.2.3 【操作步骤】 70

1．制作鼠标经过 70

2．创建热点链接 71

4.2.4 【相关工具】 72

1．图像超链接 72

2．鼠标经过图像链接 72

3．命名锚记链接 73

4．创建热区链接 74

4.2.5 【实战演练】——旅游资讯网页 75

4.3 综合演练——流行音乐网页 76

4.4 综合演练——数码相机网页 76

第5章 使用表格 77

5.1 咖啡机专卖网页 77

5.1.1 【案例分析】 77

5.1.2 【设计理念】 77

5.1.3 【操作步骤】 78

5.1.4 【相关工具】 80

1．表格的组成 80

2．插入表格 81

3．表格各元素的属性 82

4．在表格中插入内容 83

5．选择表格元素 84

6．复制、粘贴表格 85

7．删除表格和表格内容 86

8．缩放表格 86

9．合并和拆分单元格 87

10．增加和删除表格的行和列 88

5.1.5 【实战演练】——音乐世界网页 88

5.2 设计师家园网页 89

5.2.1 【案例分析】 89

5.2.2 【设计理念】 89

5.2.3 【操作步骤】 89

1．导入表格式数据 89

2．排序表格 91

5.2.4 【相关工具】 92

1．导入和导出表格的数据 92

2．排序表格 94

3．利用表格的布局模式实现复杂的页面布局 95

5.2.5 【实战演练】——旅游渡假网页 97

5.3 综合演练——时尚戒指网页 97

5.4 综合演练——家具天地网页 98

第6章 使用框架 99

6.1 办公用品网页 99

6.1.1 【案例分析】 99

6.1.2 【设计理念】 99

6.1.3 【操作步骤】 100

1．新建框架并修改框架 100

2．在框架中插入内容 102

6.1.4 【相关工具】 105

1．建立框架集 105

2．为框架添加内容 107

3．保存框架 107

4．框架的选择 108

5．修改框架的大小 108

6．拆分框架 109

7．删除框架 110

6.1.5 【实战演练】——房产信息网页 110

6.2 儿童玩具网页 111

6.2.1 【案例分析】 111

6.2.2 【设计理念】 111

6.2.3 【操作步骤】 111

1．设置保存文档 111

2．添加框架元素 113

6.2.4 【相关工具】 115

1．框架属性 115

2．框架集的属性 115

3．框架中的链接 116

6.2.5 【实战演练】——汽车资讯网页 118

6.3 综合演练——沙发购物网页 118

6.4 综合演练——电子商务网页 119

第7章 使用层和时间轴 119

7.1 绿色植物网页 120

7.1.1 【案例分析】 120

7.1.2 【设计理念】 120

7.1.3 【操作步骤】 121

7.1.4 【相关工具】 122

1．创建层 122

2．选择层 123

3．设置层的默认属性 123

4．AP元素面板 124

5．更改层的堆叠顺序 124

6．更改层的可见性 125

7．调整层的大小 125

8．嵌套层 126

9．移动层 127

10．对齐层 128

11．层靠齐到网格 128

7.1.5 【实战演练】——数码科技前线网页 129

7.2 现代家居购物网页 130

7.2.1 【案例分析】 130

7.2.2 【设计理念】 130

7.2.3 【操作步骤】 130

7.2.4 【相关工具】 131

1．将AP Div转换为表格 131

2．将表格转换为AP Div 133

7.2.5 【实战演练】——数码科技前线网页 133

7.3 礼品盒专卖网页 133

7.3.1 【案例分析】 133

7.3.2 【设计理念】 134

7.3.3 【操作步骤】 134

7.3.4 【相关工具】 135

1．“时间轴”面板 135

2．使用时间轴移动层 136

3．录制层路径 137

4．控制动画播放 138

5．修改关键帧 138

6．添加、删除帧 138

7．用时间轴改变图像与层的属性 138

7.3.5 【实战演练】——美容护肤网页 139

7.4 综合演练——无公害水果网页 139

7.5 综合演练——数码世界网页 139

第8章 CSS样式 140

8.1 儿童教育网页 140

8.1.1 【案例分析】 140

8.1.2 【设计理念】 140

8.1.3 【操作步骤】 141

8.1.4 【相关工具】 141

1．CSS样式的概念 141

2．“CSS样式”控制面板 142

3．CSS样式的类型 142

4．创建重定义HTML标签样式 143

5．创建CSS选择器 144

6．创建和应用自定义样式 146

7．创建和引用外部样式 147

8．编辑样式 148

8.1.5 【实战演练】——女士香水网页 149

8.2 时尚彩妆网页 149

8.2.1 【案例分析】 149

8.2.2 【设计理念】 149

8.2.3 【操作步骤】 150

1．插入表格并输入文字 150

2．设置CSS属性 151

8.2.4 【相关工具】 153

1．类型 153

2．背景 154

3．区块 155

4．方框 156

5．边框 156

6．列表 157

7．定位 157

8．扩展 158

8.2.5 【实战演练】——数码照片冲印网页 158

8.3 最新电影网页 158

8.3.1 【案例分析】 158

8.3.2 【设计理念】 159

8.3.3 【操作步骤】 159

8.3.4 【相关工具】 161

1．可应用过滤的HTML标签 161

2．CSS的静态过滤器 161

3．CSS的动态过滤器 162

8.3.5 【实战演练】——儿童玩具人偶网页 162

8.4 综合演练——精品房产网页 163

8.5 综合演练——时尚前风网页 163

第9章 模板和库 164

9.1 家居资讯网页 164

9.1.1 【案例分析】 164

9.1.2 【设计理念】 164

9.1.3 【操作步骤】 165

1．创建模板 165

2．创建可编辑区域 165

9.1.4 【相关工具】 166

1．“资源”控制面板 166

2．创建模板 167

3．定义和取消可编辑区域 168

4．创建基于模板的网页 171

5．管理模板 172

9.1.5 【实战演练】——数码配件网页 174

9.2 健康瑜珈网页 174

9.2.1 【案例分析】 174

9.2.2 【设计理念】 175

9.2.3 【操作步骤】 175

1．创建库项目 175

2．利用库中注册的项目制作网页文档 176

9.2.4 【相关工具】 177

1．创建库文件 177

2．向页面添加库项目 178

3．更新库文件 179

9.2.5 【实战演练】——茶文化网页 180

9.3 综合演练——个人网页 181

9.4 综合演练——新品家居网页 181

第10章 使用表单 182

10.1 咖啡厅会员注册网页 182

10.1.1 【案例分析】 182

10.1.2 【设计理念】 182

10.1.3 【操作步骤】 183

1．插入表单和表格并设置表格的属性 183

2．插入文本域 184

10.1.4 【相关工具】 185

1．创建表单 185

2．表单的属性 185

3．单行文本域 186

4．隐藏域 188

5．单选按钮 189

6．单选按钮组 190

7．复选框 190

10.1.5 【实战演练】——化妆品用户登录网页 191

10.2 儿童会员注册网页 191

10.2.1 【案例分析】 191

10.2.2 【设计理念】 192

10.2.3 【操作步骤】 192

10.2.4 【相关工具】 194

1．创建列表和菜单 194

2．创建跳转菜单 195

3．创建文件域 196

4．创建图像域 197

5．提交、无、重置按钮 198

10.2.5 【实战演练】——旅游用户登录网页 199

10.3 综合演练——星运奇缘网页 200

10.4 综合演练——家居购物订单网页 200

第11章 使用行为 201

11.1 美丽女人购物网页 201

11.1.1 【案例分析】 201

11.1.2 【设计理念】 201

11.1.3 【操作步骤】 201

11.1.4 【相关工具】 202

1．行为 202

2．事件 203

3．“行为”控制面板 205

4．应用行为 206

11.1.5 【实战演练】——儿童美食网页 208

11.2 车行天下网页 208

11.2.1 【案例分析】 208

11.2.2 【设计理念】 208

11.2.3 【操作步骤】 209

11.2.4 【相关工具】 209

1．调用JavaScript 209

2．打开浏览器窗口 210

3．转到URL 212

4．播放声音 212

5．控制Shockwave或Flash 212

6．检查浏览器 213

7．检查插件 214

8．检查表单 215

9．设置导航栏图像 215

10．交换图像 217

11．显示隐藏层 218

12．拖动层 220

13．设置容器的文本 221

14．设置状态栏文本 222

15．设置文本域文字 222

16．设置框架文本 223

17．跳转菜单 224

18．跳转菜单开始 224

11.2.5 【实战演练】——企业宣传公告网页 225

11.3 综合演练——精品汽车网页 225

11.4 综合演练——美容购物网页 226

第12章 网页代码 227

12.1 运动鞋网页 227

12.1.1 【案例分析】 227

12.1.2 【设计理念】 227

12.1.3 【操作步骤】 228

12.1.4 【相关工具】 229

1．使用“参考”面板 229

2．代码提示功能 230

3．使用标签库插入标签 230

4．使用标签选择器插入标签 231

5．使用标签检查器编辑代码 232

6．使用标签编辑器编辑代码 233

12.1.5 【实战演练】——在线试听网页 233

12.2 健康蔬菜网页 233

12.2.1 【案例分析】 233

12.2.2 【设计理念】 234

12.2.3 【操作步骤】 234

1．制作禁止网页另存为 234

2．制作禁止使用单击右键 235

12.2.4 【相关工具】 235

1．常用的HTML标签 235

2．脚本语言 237

3．响应HTML事件 237

12.2.5 【实战演练】——灯具购物网页 239

12.3 综合演练——在线电影网页 239

12.4 综合演练——儿童用品专卖网 240