第1章 网页设计与Dreamweaver CC基础知识 1
1.1认识网页 2
1.1.1什么是网页 2
1.1.2网页与网站的关系 2
1.1.3静态网页与动态网页 2
1.1.4网络基本术语 4
1.1.5认识网站类型 4
1.2网站建设的基本流程 7
1.2.1选择网站主题 7
1.2.2规划网站栏目和目录结构 7
1.2.3设计网页布局 7
1.2.4整合网页内容 8
1.3移动端（手机/平板）网页的设计 8
1.3.1移动端网页与PC端网页设计的区别 8
1.3.2移动端网页设计的原则 9
1.3.3规划不同产品上的功能 10
1.4Dreamweaver CC工作界面 10
1.5Dreamweaver CC的参数设置 12
1.5.1常规参数 12
1.5.2代码格式 13
1.5.3代码颜色 14
1.5.4复制/粘贴 15
1.5.5在浏览器中预览 16
1.5.6字体 17
课堂范例——使网页中的图片紧贴浏览器左上角 18
课堂问答 19
问题1：网页是由什么组成的？ 19
问题2：如何自定义窗口中的面板布局？ 19
上机实战——自定义快捷键 21
同步训练——自定义代码视图 23
知识能力测试 24
第2章 站点的创建与管理操作 26
2.1【文件】面板简介 27
2.1.1打开【文件】面板 27
2.1.2认识【文件】面板 27
2.2创建、导出和导入站点 28
2.2.1创建站点 28
2.2.2导出站点 29
2.2.3导入站点 30
2.3管理站点 30
2.3.1编辑站点 30
2.3.2复制站点 31
2.4网站开发筹备与上传 32
2.4.1申请域名 32
2.4.2申请网站空间 36
2.4.3网站的管理 37
2.4.4网站的上传 39
2.4.5网站的日常维护 41
2.4.6网站的推广 42
课堂问答 45
问题1：如何方便快捷地打开【站点】面板？ 45
问题2：在创建站点时，如果没有指明本地根文件夹会怎样？ 45
问题3：如何规划站点？ 45
上机实战——管理站点 46
同步训练——删除与切换站点 48
知识能力测试 50
第3章 网页内容的基本编辑操作 51
3.1网页的创建与保存 52
3.1.1创建网页 52
3.1.2保存网页 53
3.2网页的打开与关闭 54
3.2.1打开网页 54
3.2.2关闭网页 54
3.3插入水平线与特殊符号 56
3.3.1插入水平线 56
3.3.2插入特殊符号 57
3.4添加网页文本 57
3.4.1直接在网页窗口中输入文本 57
3.4.2复制粘贴外部文本 59
课堂范例——导入Word中的文本到网页中 60
3.5标尺和网格的使用 61
3.5.1在网页中使用标尺 61
3.5.2在网页中使用网格 62
3.6项目列表与编号列表 63
3.6.1插入项目列表 63
3.6.2插入编号列表 64
课堂问答 66
问题1：如何在制作网页的过程中快速显示辅助线？ 66
问题2：有哪些影响文字版式的因素？ 66
问题3：如何快速地关闭所有的网页？ 66
上机实战——制作公司业务网页 67
同步训练——在网页中插入多彩的水平线 70
知识能力测试 72
第4章 网页中的图像创建与编辑 73
4.1网页中常用的图像格式 74
4.1.1GIF 74
4.1.2JPG 74
4.1.3PNG 74
4.2插入图像 75
4.2.1在网页中插入图像 75
4.2.2设置图像属性 76
4.3设置交互式图像与网页背景 76
4.3.1在网页中插入交互式图像 76
4.3.2设置网页背景 77
课堂范例——制作网站入口 79
4.4图像映射与外部图像编辑器 80
4.4.1设置图像映射 80
4.4.2设置外部图像编辑器 81
课堂范例——制作热卖产品网页 83
课堂问答 84
问题1：为何在预览网页时不显示图像？ 84
问题2：为确保图像文件正常使用，需要将图像怎样存放呢？ 85
问题3：如何让网页背景呈条纹状显示？ 85
上机实战——制作网站炫酷导航 85
同步训练——将网页图像链接到不同网站 88
知识能力测试 90
第5章 表格的创建与编辑操作 92
5.1插入表格 93
5.1.1在网页中创建表格 93
5.1.2设置表格与单元格属性 94
5.2输入表格内容 96
5.2.1输入文本 96
5.2.2插入图像 96
5.3选定表格元素 97
5.3.1选定整行 97
5.3.2选定整列 97
5.3.3选择不连续的多行或多列 97
5.3.4选择连续的单元格 98
5.3.5选择不连续的单元格 98
5.3.6选定整个表格 98
5.4添加和删除行或列 99
5.4.1在表格中添加一行 99
5.4.2在表格中添加一列 100
5.4.3在表格中添加多行或多列 100
5.4.4删除行或列 101
5.5单元格的合并和拆分 101
5.5.1合并单元格 101
5.5.2拆分单元格 101
课堂范例——制作小游戏网页 102
5.6导入和导出表格数据 105
5.6.1导入表格数据 105
5.6.2导出表格数据 106
课堂范例——通过导入数据制作网页 107
课堂问答 110
问题1：创建表格后，怎样调整表格的大小呢？ 110
问题2：像素和百分比分别在什么情况下使用？ 110
问题3：可以在已经创建的表格中无限地插入嵌套表格吗？ 110
上机实战——制作产品推荐网页 111
同步训练——制作装饰公司网页 113
知识能力测试 115
第6章 运用多媒体对象丰富网页 117
6.1插入Flash动画与设置动画属性 118
6.1.1插入Flash动画 118
6.1.2设置Flash动画属性 119
6.2为网页添加音频 120
6.2.1使用〈bgsound〉标签 120
6.2.2使用〈embed〉标签 121
6.3插入FLV视频 122
6.3.1FLV视频简介 122
6.3.2在网页中插入FLV 122
课堂范例——在网页中播放FLV视频 123
课堂问答 125
问题1：【累进式下载视频】选项有什么作用？ 125
问题2：使用〈bgsound〉标签和〈embed〉标签添加音乐的方法有什么区别？ 125
上机实战——制作商品销售网页 125
同步训练——制作在线视频教学网页 127
知识能力测试 130
第7章 网页中的超级链接应用与设置 131
7.1认识超级链接 132
7.1.1URL简介 132
7.1.2超级链接路径 132
7.2网站内部与外部链接 134
7.2.1网站内部链接 134
7.2.2网站外部链接 135
7.3创建超级链接 135
7.3.1创建电子邮件链接 135
7.3.2创建下载链接 136
7.3.3创建空链接 137
7.3.4创建脚本链接 137
课堂范例——创建外卖网页 138
课堂范例——创建网页对浏览者的提示信息 141
课堂问答 142
问题1：能直接在【属性】面板中创建电子邮件链接吗？ 142
问题2：怎样才能使单击空链接时页面不自动跳转到页面顶端？ 142
上机实战——在网页中下载和发送电子邮件 142
同步训练——使用超级链接为网页图像添加不同颜色的边框 145
知识能力测试 146
第8章 模板和库的应用与管理 147
8.1模板和库的概念 148
8.1.1模板的概念 148
8.1.2库的概念 148
8.2使用模板 148
8.2.1创建模板 148
8.2.2设计模板 150
8.2.3定义模板区域 151
8.3定制库项目 155
8.3.1创建库项目 155
8.3.2库项目【属性】面板 155
8.3.3编辑库项目 156
课堂范例——在网页中添加库项目 158
课堂问答 158
问题1：模板的优点是什么？ 159
问题2：如何删除模板的可编辑区域？ 159
问题3：库和模板分别存放在什么地方？它们的扩展名是什么？ 159
上机实战——使用模板制作网页 159
同步训练——使用库项目更新网页 163
知识能力测试 165
第9章 网页中表单的创建与编辑 167
9.1表单概述 168
9.2创建表单 168
9.3创建表单对象 169
9.3.1创建文本域 169
9.3.2创建单选按钮 169
9.3.3创建复选框 170
9.3.4创建下拉菜单 170
9.3.5创建表单按钮 171
9.3.6创建密码域 172
课堂范例——制作在线调查表 173
课堂问答 176
问题1：什么是动态表单对象？ 176
问题2：什么是表单的客户端角色？ 176
问题3：插入表单后，为何页面中没有出现红色虚线框？ 176
上机实战——创建网站注册页面 176
同步训练——创建网站登录页面 180
知识能力测试 183
第10章 网页行为的应用与设置 184
10.1认识行为 185
10.1.1行为简介 185
10.1.2【行为】面板 185
10.2内置行为的使用 187
10.2.1交换图像 187
10.2.2恢复交换图像 189
10.2.3打开浏览器窗口 189
10.2.4弹出信息 190
10.2.5转到URL 191
课堂范例——网站中放大商品图像效果 191
10.3【行为】面板的操作 195
10.3.1行为参数的修改 195
10.3.2行为排序 196
课堂问答 196
问题1：为何创建的交换图像大小失真，很难看？ 196
问题2：如何删除行为？ 196
问题3：如何自行安装其他的行为？ 196
上机实战——制作网站弹出广告 197
同步训练——创建弹出信息 199
知识能力测试 201
第11章 使用HTML代码辅助制作网页 202
11.1HTML简介 203
11.1.1什么是HTML 203
11.1.2创建HTML代码 204
11.2HTML的基本结构 205
11.2.1单标签 206
11.2.2双标签 206
11.2.3标签属性 207
11.3常用标签 207
11.3.1〈html〉…〈/html〉 207
11.3.2〈head〉…〈/head〉 208
11.3.3〈body〉…〈/body〉 208
11.3.4〈title〉…〈/title〉 208
11.3.5〈hn〉…〈/hn〉 209
11.3.6〈br〉 210
11.3.7〈p〉…〈/P〉 211
11.3.8〈hr〉 212
11.3.9〈font〉…〈/font〉 214
课堂范例——制作网站公告 219
课堂问答 221
问题1：〈title〉…＜/title〉标签对什么情况没有作用呢？ 221
问题2：在浏览器中输入网址时，很多网站都会在前面出现小图标，这是怎么制作的呢？ 221
问题3：如何清理HTML代码？ 221
上机实战——制作网页中文字放大镜效果 221
同步训练——检测用户屏幕分辨率 223
知识能力测试 225
第12章 使用CSS样式表修饰美化网页 227
12.1CSS概述 228
12.1.1什么是CSS 228
12.1.2CSS的基本语法 228
12.2伪类、伪元素及样式表的层叠顺序 229
12.2.1伪类和伪元素 229
12.2.2样式表的层叠顺序 230
12.3CSS中的属性 231
12.3.1CSS中的字体及文本控制 231
12.3.2CSS中的颜色及背景控制 235
12.3.3CSS中方框的控制属性 237
课堂问答 240
问题1：什么是CSS中的id属性？ 240
问题2：什么是class属性？ 240
问题3：什么是span元素？ 241
上机实战——制作热卖商品图文列表 241
同步训练——制作电商产品边框阴影与折角效果 246
知识能力测试 249
第13章 使用CSS＋DIV布局网页 251
13.1认识DIV 252
13.1.1DIV概述 252
13.1.2创建DIV 252
13.1.3选择DIV 254
13.2关于DIV＋CSS盒模型 254
13.2.1盒模型的概念 254
13.2.2margin（边界） 255
13.2.3border（边框） 259
13.2.4padding（填充） 261
13.3DIV＋CSS布局定位 262
13.3.1relative（相对定位） 262
13.3.2absolute（绝对定位） 262
13.3.3float（浮动定位） 263
课堂范例——创建精美六边形导航 268
13.4DIV＋CSS布局理念 269
13.4.1将页面用DIV分块 269
13.4.2设计各块的位置 270
13.4.3用CSS定位 270
课堂问答 270
问题1：现在常说的Web标准是什么？ 270
问题2：Web标准的构成是怎样的？ 271
问题3：DIV与CSS在网页中各自的工作是什么呢？ 271
上机实战——使用DIV＋CSS布局网页 272
同步训练——使用DIV布局网页 277
知识能力测试 280
第14章 网页制作综合案例 281
14.1企业形象宣传网站 282
14.1.1制作企业形象宣传网站PC端 282
14.1.2制作企业形象宣传网站手机/平板端 287
14.2制作交互式在线娱乐网站 291
14.2.1制作交互式在线娱乐网站PC端 291
14.2.2制作交互式在线娱乐网站手机/平板端 294
14.3制作电商网站 295
14.3.1制作女包电商网站PC端 295
14.3.2制作女包电商网站手机/平板端 297
附录A Dreamweaver CC常用快捷键索引 300
附录B CSS层叠样式表属性 305
附录C HTML代码的标签 309
附录D 综合上机实训题 313
附录E 知识与能力总复习题1 322