AdobeDreamweaverCC网页设计与制作案例教程

目 录

第1章 教育培训类网页设计——文本网页的创建与编辑 1

视频讲解：6 个

1.1 制作月亮宝贝网页（一）——打开文本网页 2

1.1.1 新建网页文档 3

1.1.2 保存网页文档 3

1.1.3 打开网页文档 4

1.1.4 关闭网页文件 5

1.2 制作月亮宝贝网页（二）——页面属性设置 5

1.2.1 外观 6

1.2.2 链接 6

1.2.3 标题 7

1.2.4 标题/编码 7

1.2.5 跟踪图像 7

1.3 制作月亮宝贝网页（三）——编辑设置文本属性 7

1.3.1 插入文本和文本属性设置 11

1.3.2 在文本中插入特殊字符 14

1.3.3 使用水平线 15

1.3.4 插入日期 16

1.4 制作新起点图书馆网页——格式化文本 17

1.4.1 设置字体样式 18

1.4.2 编辑段落 19

1.5 制作小学网站网页设计——项目列表 20

1.5.1 认识列表 20

1.5.2 创建项目列表和编号列表 21

1.5.3 创建嵌套项目 22

1.5.4 项目列表设置 23

1.6 上机练习——制作兴德教师招聘网网页 23

1.7 思考与练习 31

第2章 艺术爱好类网页设计——表格化网页布局 32

视频讲解：4 个

2.1 制作觅图网页——在单元格中添加内容 33

2.1.1 插入表格 39

2.1.2 向表格中输入文本 40

2.1.3 嵌套表格 41

2.1.4 在单元格中插入图像 41

2.2 制作工艺品网页——表格的基本操作 42

2.2.1　设置表格属性 46

2.2.2 选定整个表格 47

2.2.3 剪切、粘贴表格 48

2.2.4 选择表格行、列 49

2.2.5 添加行或列 49

2.2.6 删除行或列 50

2.2.7 选择一个单元格 51

2.2.8 合并单元格 51

2.2.9 拆分单元格 52

2.3 制作婚纱摄影网页——调整表格大小 53

2.3.1 调整整个表格大小 59

2.3.2 调整行高或列宽 59

2.3.3 表格排序 60

2.4 上机练习——家居网站设计 62

2.5 思考与练习 66

第3章 生活服务类网页设计——使用图像与多媒体美化网页 67

视频讲解：5 个

3.1 制作鲜花网网页——在网页中添加图像 68

3.1.1 网页图像格式 72

3.1.2 插入网页图像 73

3.2 制作房地产网页——编辑和更新网页图像 74

3.2.1 设置图像大小 83

3.2.2 使用Photoshop更新网页图像 84

3.2.3 优化图像 85

3.2.4 裁剪图像 86

3.2.5 调整图像的亮度和对比度 87

3.2.6 锐化图像 88

3.3 制作礼品网网页——应用图像 89

3.3.1 鼠标经过图像 92

3.3.2 背景图像 93

3.4 制作装饰公司网页（一）——插入多媒体 94

3.4.1 插入Flash SWF动画 97

3.4.2 插入声音 98

3.5 上机练习——装饰公司网页（二） 100

3.6　思考与练习 105

第4章 电脑网络类网页设计——链接的创建 106

视频讲解：3 个

4.1 制作IT信息网页——创建简单链接 107

4.1.1 使用【属性】面板创建链接 111

4.1.2 使用【指向文件】图标创建链接 112

4.1.3 使用快捷菜单创建链接 112

4.2 制作大众信息站网页——创建其他链接 112

4.2.1 创建锚记链接 122

4.2.2 创建E-mail链接 123

4.2.3 创建下载链接 124

4.2.4 创建空链接 125

4.2.5 创建热点链接 126

4.3 上机练习——制作绿色软件网页 127

4.4　思考与练习 132

第5章 旅游交通类网页设计——使用CSS样式修饰页面 133

视频讲解：5 个

5.1 制作天气预报网页——初识CSS 134

5.1.1 CSS基础 136

5.1.2 【CSS 设计器】面板 136

5.2 制作旅游网站（一）——定义CSS样式的属性 137

5.2.1 创建CSS样式 139

5.2.2 类型属性 140

5.2.3 背景样式的定义 142

5.2.4 区块样式的定义 143

5.2.5 方框样式的定义 144

5.2.6 边框样式的定义 146

5.2.7 列表样式的定义 146

5.2.8 定位样式的定义 147

5.2.9 扩展样式的定义 148

5.2.10 创建嵌入式CSS样式 149

5.2.11 链接外部样式表 150

5.3 制作旅游网站（二）——编辑CSS样式 151

5.3.1 修改CSS样式 158

5.3.2 删除CSS样式 159

5.3.3 复制CSS样式 159

5.4 制作旅游网站（三）——使用CSS过滤器 160

5.4.1 Alpha滤镜 166

5.4.2 Blur滤镜 167

5.4.3 FlipH滤镜 168

5.4.4 Glow滤镜 169

5.4.5 Gray滤镜 170

5.4.6 Invert滤镜 172

5.4.7 Shadow滤镜 173

5.4.8 Wave滤镜 174

5.4.9 Xray滤镜 175

5.5 上机练习——制作路畅网网页 176

5.6 思考与练习 193

第6章 娱乐休闲类网页设计——使用行为制作特效网页 194

视频讲解：3 个

6.1 制作游戏网页——行为的概念 195

6.1.1 【行为】面板 201

6.1.2 在【行为】面板中添加行为 201

6.2 制作篮球网页——内置行为 202

6.2.1 交换图像 212

6.2.2 弹出信息 213

6.2.3 恢复交换图像 214

6.2.4 打开浏览器窗口 215

6.2.5 拖动AP元素 216

6.2.6 改变属性 217

6.2.7 效果 218

6.2.8 显示-隐藏元素 218

6.2.9 检查插件 219

6.2.10 设置文本 220

6.2.11 跳转菜单 222

6.2.12 转到URL 223

6.3 上机练习——民谣音乐网页 224

6.4 思考与练习 231

第7章 商业经济类网页设计——使用表单创建交互网页 232

视频讲解：3 个

7.1 制作宏达物流网页——表单对象的创建 233

7.1.1 创建表单域 239

7.1.2 插入文本域 240

7.1.3 多行文本域 242

7.1.4 复选框 243

7.1.5 单选按钮 244

7.1.6 列表/菜单 245

7.2 制作优选易购网页——使用按钮激活表单 247

7.2.1 插入按钮 254

7.2.2 图像按钮 255

7.3 上机练习——制作美食网页 257

7.4　思考与练习 262

附录1 Dreamweaver CC 常用快捷键 263

附录2 参考答案 265