Dreamweaver CS6网页设计案例教程 微课版PDF电子书下载

第1章 初识DreamweaverCS6 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.插入面板 3

6.更完整的CSS功能 3

1.2创建网站框架 4

1.2.1【操作目的】 4

1.2.2【操作步骤】 5

1.2.3【相关工具】 6

1.3管理站点 7

1.3.1【操作目的】 7

1.3.2【操作步骤】 7

1.3.3【相关工具】 9

1.站点管理器 9

2.创建文件夹 11

3.定义新站点 11

1.4网页文件头设置 12

1.4.1【操作目的】 12

1.4.2【操作步骤】 12

1.4.3【相关工具】 13

1.插入搜索关键字 13

2.插入作者和版权信息 13

3.设置刷新时间 14

4.设置描述信息 15

5.设置页面中所有链接的基准链接 15

6.设置当前文件与其他文件的关联性 15

第2章 文本与文档 17

2.1轩宇门窗网页 17

2.1.1【案例分析】 17

2.1.2【设计理念】 17

2.1.3【操作步骤】 18

1.设置页面属性 18

2.输入空格和文字 18

2.1.4【相关工具】 22

1.输入文本 22

2.设置文本属性 22

3.输入连续的空格 23

4.设置是否显示不可见元素 23

5.设置页边距 24

6.设置网页的标题 24

7.设置网页的默认格式 25

2.1.5【实战演练】——佳人SPA养生馆网页 25

2.2休闲旅游网页 26

2.2.1【案例分析】 26

2.2.2【设计理念】 26

2.2.3【操作步骤】 26

1.添加字体 26

2.改变文字外观 27

2.2.4【相关工具】 29

1.改变文本的大小 29

2.改变文本的颜色 29

3.改变文本的字体 30

4.改变文本的对齐方式 32

5.设置文本样式 32

6.段落文本 33

7.插入换行符 35

8.设置项目符号或编号 35

9.修改项目符号或编号 36

10.设置文本缩进格式 36

11.插入日期 36

12.特殊字符 36

2.2.5【实战演练】——快乐购物网页 37

2.3休闲度假网页 37

2.3.1【案例分析】 37

2.3.2【设计理念】 38

2.3.3【操作步骤】 38

2.3.4【相关工具】 40

1.水平线 40

2.显示和隐藏网格 40

3.标尺 41

2.3.5【实战演练】——美食回味网页 42

2.4综合演练——家居装饰网页 43

2.4.1【案例分析】 43

2.4.2【设计理念】 43

2.4.3【知识要点】 43

2.5综合演练——有机果蔬网页 43

2.5.1【案例分析】 43

2.5.2【设计理念】 43

2.5.3【知识要点】 44

第3章 图像和多媒体 45

3.1咖啡馆网页 45

3.1.1【案例分析】 45

3.1.2【设计理念】 45

3.1.3【操作步骤】 46

3.1.4【相关工具】 47

1.网页中的图像格式 47

2.插入图像 47

3.设置图像属性 48

4.插入图像占位符 48

5.跟踪图像 49

3.1.5【实战演练】——宠物狗网店 49

3.2物流运输网页 50

3.2.1【案例分析】 50

3.2.2【设计理念 】 50

3.2.3【操作步骤】 50

3.2.4【相关工具】 52

1.插入Flash动画 52

2.插入FLV 53

3.插入Shockwave影片 55

4.影片插入Applet程序 55

5.插入ActiveX控件 55

3.2.5【实战演练】——准妈妈课堂网页 56

3.3综合演练——儿童零食网页 56

3.3.1【案例分析】 56

3.3.2【设计理念】 56

3.3.3【知识要点】 56

3.4综合演练——房源网页 57

3.4.1【案例分析】 57

3.4.2【设计理念】 57

3.4.3【知识要点】 57

第4章 超链接 58

4.1建筑模型网页 58

4.1.1【案例分析】 58

4.1.2【设计理念】 58

4.1.3【操作步骤】 59

1.制作电子邮件链接 59

2.制作下载文件链接 59

4.1.4【相关工具】 60

1.超链接的概念与路径知识 60

2.创建文本链接 61

3.文本链接的状态 62

4.下载文件链接 63

5.电子邮件链接 63

4.1.5 【实战演练】——冶金铸造网页 64

4.2温泉度假网页 64

4.2.1【案例分析】 64

4.2.2【设计理念】 64

4.2.3【操作步骤】 65

1.制作鼠标经过 65

2.创建热点链接 66

4.2.4【相关工具】 66

1.图像超链接 66

2.鼠标经过图像链接 67

3.命名锚记链接 68

4.创建热区链接 69

4.2.5【实战演练】——金融投资网页 70

4.3综合演练——世界景观网页 71

4.3.1【案例分析】 71

4.3.2【设计理念】 71

4.3.3【知识要点】 71

4.4综合演练——世界旅游网页 71

4.4.1【案例分析】 71

4.4.2【设计理念】 71

4.4.3【知识要点】 72

第5章 使用表格 73

5.1营养美食网页 73

5.1.1【案例分析】 73

5.1.2【设计理念】 73

5.1.3【操作步骤】 74

5.1.4【相关工具】 77

1.表格的组成 77

2.插入表格 78

3.表格各元素的属性 79

4.在表格中插入内容 80

5.选择表格元素 81

6.复制、粘贴表格 83

7缩放表格 84

8.删除表格和表格内容 84

9.合并和拆分单元格 85

10增加和删除表格的行和列 86

5.1.5【实战演练】——美丽人生网页 87

5.2绿色粮仓网页 87

5.2.1【案例分析】 87

5.2.2【设计理念】 87

5.2.3【操作步骤】 87

5.2.4【相关工具】 90

1.导入和导出表格的数据 90

2.排序表格 92

3.复杂表格的排版 93

5.2.5【实战演练】——OA办公系统网页 93

5.3综合演练——茶文化网页 93

5.3.1【案例分析】 93

5.3.2【设计理念】 93

5.3.3【知识要点】 93

5.4综合演练——火锅餐厅网页 94

5.4.1【案例分析】 94

5.4.2【设计理念】 94

5.4.3【知识要点】 94

第6章 使用框架 95

6.1牛奶饮料网页 95

6.1.1【案例分析】 95

6.1.2【设计理念】 95

6.1.3【操作步骤】 96

1.新建框架并编辑 96

2.插入图像 97

6.1.4【相关工具】 99

1.建立框架集 99

2.为框架添加内容 100

3.保存框架 101

4.框架的选择 101

5修改框架的大小 102

6.拆分框架 103

7.删除框架 103

6.1.5【实战演练】——献爱心活动中心网页 104

6.2建筑规划网页 104

6.2.1【案例分析】 104

6.2.2【设计理念】 104

6.2.3【操作步骤】 105

1.设置保存文档 105

2插入表格、图像和鼠标经过图像 106

3.修改页面属性并插入图像 108

4.创建图像超链接 109

6.2.4【相关工具】 110

1.框架属性 110

2.框架集的属性 110

3.框架中的链接 111

6.2.5【实战演练】——阳光外语小学网页 112

6.3综合演练——健康定制网页1 112

6.3.1【案例分析】 112

6.3.2【设计理念】 113

6.3.3【知识要点】 113

6.4综合演练——健康定制网页2 113

6.4.1【案例分析】 113

6.4.2【设计理念】 113

6.4.3【知识要点】 113

第7章 使用层 115

7.1联创网络技术网页 115

7.1.1【案例分析】 115

7.1.2【设计理念】 115

7.1.3【操作步骤】 116

7.1.4【相关工具】 117

1.创建并编辑层 117

2.选择层 118

3.设置层的默认属性 119

4.AP元素面板 119

5.更改层的堆叠顺序 119

6.更改层的可见性 120

7.调整层的大小 120

8.嵌套层 121

9.移动层 122

10.对齐层 122

11.层靠齐到网格 123

7.1.5【实战演练】——鲜花速递网页 124

7.2信业融资网页 124

7.2.1【案例分析】 124

7.2.2【设计理念】 124

7.2.3【操作步骤】 125

7.2.4【相关工具】 125

1.将AP Div转换为表格 125

2.将表格转换为AP Div 126

7.2.5【实战演练】——精品家居网页 127

7.3综合演练——充气浮床网页 127

7.3.1【案例分析】 127

7.3.2【设计理念】 127

7.3.3【知识要点】 128

7.4综合演练——美味小吃网页 128

7.4.1【案例分析】 128

7.4.2 【设计理念】 128

7.4.3【知识要点】 128

第8章 CSS样式 129

8.1国画展览馆网页 129

8.1.1【案例分析】 129

8.1.2【设计理念】 129

8.1.3【操作步骤】 130

8.1.4【相关工具】 131

1.CSS样式的概念 131

2.“CSS样式”面板 131

3.CSS样式的类型 132

4.创建重定义HTML标签样式 133

5.创建CSS选择器 134

6.创建和应用自定义样式 136

7.创建和引用外部样式 137

8.编辑样式 138

8.1.5【实战演练】——葡萄酒网页 139

8.2打印机网页 139

8.2.1【案例分析】 139

8.2.2【设计理念】 139

8.2.3【操作步骤】 140

1.插入表格并输入文字 140

2.设置CSS属性 141

8.2.4【相关工具】 143

1.类型 143

2.背景 144

3.区块 145

4.方框 146

5.边框 146

6.列表 147

7.定位 147

8.扩展 148

9.过渡 148

8.2.5【实战演练】——室内设计网页 148

8.3爱晚工程网页 149

8.3.1【案例分析】 149

8.3.2【设计理念】 149

8.3.3【操作步骤】 149

8.3.4【相关工具】 151

1.可应用过滤的HTML标签 151

2.CSS的静态过滤器 151

3.CSS的动态过滤器 152

8.3.5【实战演练】——汽车配件网页 152

8.4综合演练——GPS导航仪网页 153

8.4.1【案例分析】 153

8.4.2【设计理念】 153

8.4.3【知识要点】 153

8.5综合演练——抒情散文网页 153

8.5.1【案例分析】 153

8.5.2【设计理念】 153

8.5.3【知识要点】 154

第9章 模板和库 155

9.1电子吉他网页 155

9.1.1【案例分析】 155

9.1.2【设计理念】 155

9.1.3【操作步骤】 156

1.创建模板 156

2创建可编辑区域 156

9.1.4【相关工具】 157

1.“资源”面板 157

2.创建模板 158

3.定义和取消可编辑区域 159

4.创建基于模板的网页 162

5.管理模板 163

9.1.5【实战演练】——水果慕斯网页 165

9.2建达康集团网页 165

9.2.1【案例分析】 165

9.2.2【设计理念】 165

9.2.3【操作步骤】 166

1.把经常用的图标注册到库中 166

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

3.修改库中注册的项目 167

9.2.4【相关工具】 169

1.创建库文件 169

2.向页面添加库项目 170

3.更新库文件 171

9.2.5【实战演练】——律师事务所网页 172

9.3综合演练——食谱大全网页 173

9.3.1【案例分析】 173

9.3.2【设计理念】 173

9.3.3【知识要点】 173

9.4综合演练——爱家纺网页 174

9.4.1【案例分析】 174

9.4.2【设计理念】 174

9.4.3【知识要点】 174

第10章 表单与行为 175

10.1废品回收网页 175

10.1.1【案例分析】 175

10.1.2【设计理念】 175

10.1.3【操作步骤】 176

1.插入文本字段和文本区域 176

2.插入图像域 177

10.1.4【相关工具】 177

1.创建表单 177

2.表单的属性 178

3.单行文本域 178

4.隐藏域 181

5.单选按钮 181

6.单选按钮组 182

7.复选框 182

8.创建列表和菜单 183

9.创建跳转菜单 184

10.创建文件域 186

11.创建图像域 187

12.提交、无、重置按钮 188

10.1.5【实战演练】——探索寻宝网页 189

10.2卫浴网页 189

10.2.1【案例分析】 189

10.2.2【设计理念】 189

10.2.3【操作步骤】 190

1.添加页面晃动效果 190

2.添加状态栏文本 191

10.2.4【相关工具】 191

1.“行为”面板 191

2.应用行为 191

3.调用JavaScript 192

4.打开浏览器窗口 193

5.转到URL 195

6.检查插件 195

7.检查表单 196

8.交换图像 196

9.显示-隐藏层 197

10.设置容器的文本 200

11.设置状态栏文本 200

12.设置文本域文字 200

13.设置框架文本 201

14.跳转菜单 202

15.跳转菜单开始 203

10.2.5【实战演练】——蟹来居饭店网页 203

10.3综合演练——问卷调查网页 204

10.3.1【案例分析】 204

10.3.2【设计理念】 204

10.3.3【知识要点】 204

10.4综合演练——全麦面包网页 204

10.4.1【案例分析】 204

10.4.2【设计理念】 204

10.4.3【知识要点】 205

第11章 网页代码 206

11.1设计无忧网页 206

11.1.1【案例分析】 206

11.1.2【设计理念】 206

11.1.3【操作步骤】 207

11.1.4【相关工具】 208

1.使用“参考”面板 208

2.代码提示功能 208

3.使用标签库插入标签 209

4.使用标签选择器插入标签 210

5.使用标签检查器编辑代码 210

6.使用标签编辑器编辑代码 211

11.1.5【实战演练】——时尚儿童服饰网页 212

11.2油画艺术馆网页 212

11.2.1【案例分析】 212

11.2.2【设计理念】 212

11.2.3【操作步骤】 213

1.制作浏览器窗口（永远都不出现滚动条） 213

2.制作禁止使用单击右键 213

11.2.4【相关工具】 214

1.常用的HTML标签 214

2.脚本语言 216

3.响应HTML事件 216

11.2.5【实战演练】——消防在线网页 218

11.3综合演练——机电设备网页 218

11.3.1【案例分析】 218

11.3.2【设计理念】 218

11.3.3【知识要点】 218

11.4综合演练——自行车网页 219

11.4.1【案例分析】 219

11.4.2【设计理念】 219

11.4.3【知识要点】 219

第12章 综合设计实训 220

12.1个人网页——张美丽的个人网页 220

12.1.1【项目背景及要求】 220

1.客户名称 220

2.客户需求 220

3.设计要求 220

12.1.2【项目创意及制作】 220

1.设计素材 220

2.设计作品 221

3步骤提示 221

12.2游戏娱乐网页——娱乐星闻网页 223

12.2.1【项目背景及要求】 223

1.客户名称 223

2.客户需求 223

3.设计要求 223

12.2.2【项目创意及制作】 223

1.设计素材 223

2.设计作品 224

3.步骤提示 224

12.3旅游休闲网页——篮球运动网页 226

12.3.1【项目背景及要求】 226

1.客户名称 226

2.客户需求 227

3.设计要求 227

12.3.2【项目创意及制作】 227

1.设计素材 227

2.设计作品 227

3.步骤提示 227

12.4房产网页——焦点房产网页 230

12.4.1【项目背景及要求】 230

1.客户名称 230

2.客户需求 230

3.设计要求 230

12.4.2【项目创意及制作】 231

1.设计素材 231

2.设计作品 231

3.步骤提示 231

12.5文化艺术网页——书法艺术网页 232

12.5.1【项目背景及要求】 232

1.客户名称 232

2.客户需求 233

3.设计要求 233

12.5.2【项目创意及制作】 233

1.设计素材 233

2.设计作品 233

3.步骤提示 233