内 容 简 介本书是丛书“学以致用系列丛书”中的一本。全书共分为14章，主要包括网页制作与Dreamweaver CC基础、网页的全局设置与管理、在网页中添加内容、网页的格式化和布局设置、网页制作的高级操作以及综合案例实战应用6个部分。通过对本书的学习，读者不仅能学会Dreamweaver CC软件的基本操作，更能学会如何使用该软件制作符合需求的网页，而且通过本书中列举的实战案例，还可以举一反三，在实战工作中用得更好。此外，本书还提供了丰富的栏目板块，如“专家提醒”、“核心妙招”和“长知识”。这些板块不仅丰富了本书的知识，还可以教会读者更多常用的技巧，从而提高读者的实战操作能力。本书浅显易懂，指导性较强，特别适合网页设计与制作的初级用户，也适合有一定Dreamweaver应用基础和具有一定网页设计经验的读者。此外，本书也可作为高等院校、大专院校网页设计课程的教材，或者作为相关领域人员的网页设计入门学习用书或入门培训教材。前 言
Preface
◆《Excel财务应用》
◆《PowerPoint 2013设计与制作》
◆《AutoCAD 2014中文版绘图基础》
◆《Flash CC动画设计与制作》
◆《Dreamweaver CC网页设计与制作》
◆《Dreamweaver+Flash+Photoshop网页设计综合应用》
◆《新手学电脑》
◆《中老年人学电脑》
◆《电脑组装、维护与故障排除》
◆《电脑安全与黑客攻防》
◆《网上开店、装修与推广》
◆《Office 2013综合应用》
关于本丛书
如今，学会使用电脑已不再是为了休闲娱乐，在生活、工作节奏不断加快的今天，电脑已成为各类人士工作中不可替代的一种办公用具。然而仅仅学会如何使用电脑操作一些常见的软件已经不能满足人们当下的工作需求了。高效率、高品质的电脑办公已经显得越来越重要。
为了让更多的初学者学会电脑和办公软件的操作，让工作内容更符合当下的职场和行业要求，我们经过精心策划，创作了“学以致用系列”这套丛书。
本丛书包含了电脑基础与入门、网上开店、Office办公软件、图形图像和网页设计等领域内的精华内容，每本书的内容和讲解方式都根据其特有的应用要求进行了量身打造，目的是让读者真正学得会，用得好。本丛书具体包括如下书目。
丛书两大特色
本丛书之所以称为“学以致用”，是因为我们在策划和创作过程中始终坚持“理论操作学得会，实战技能用得好”的宗旨。
理论知识和操作学得会
◆ 讲解上——实用为先，语言精练
本丛书在内容挑选方面注重3个“最”——内容最实用，操作最常见，案例最典型，并用精炼的文字讲解理论部分，用最通俗的语言将知识讲解清楚，提高读者的阅读和学习效率。
◆ 外观上——单双混排，全彩图解
本丛书采用灵活的单双混排方式，全程图解式操作，每个操作步骤在内容和配图上逐一对应，力求让整个操作更清晰，让读者能够轻松和快速地掌握。
◆ 结构上——布局科学，学习、解惑、巩固三不误
本丛书在每章的知识结构安排上，采取“主体知识+实战问答+思考与练习”的结构，其中，“主体知识”是针对当前章节中涉及的所有理论知识进行讲解；“实战问答”是针对实战工作中的常见问题进行答疑，为读者扫清工作中的“拦路虎”；“思考与练习”中列举了各种类型的习题，如填空题、判断题、操作题等，目的是帮助读者巩固本章所学知识和操作。
◆ 信息上——栏目丰富，延展学习
本丛书在知识讲解过程中，还穿插了各种栏目板块，如专家提醒、核心妙招、长知识等。通过这些栏目，扩展读者的学习宽度，帮助读者掌握更多实用的技巧操作。实战工作中能够用得好本丛书在讲解过程中，采用“知识点+实例操作”的结构来讲解，为了让读者清楚这些知识在实战中的具体应用，所有的案例均是实战中的典型案例。通过这种讲解方式，让读者在真实的环境中体会知识的应用，从而达到举一反三，在工作中用得好的目的。
关于本书内容
本书是“学以致用系列丛书”中的一本。全书共分为14章，主要包括网页制作与Dreamweaver CC基础、网页的全局设置与管理、在网页中添加内容、网页的格式化和布局设置、网页制作的高级操作以及综合案例实战应用6个部分，各部分的具体内容如下。
该部分是本书的第1～2章，其具体内容包括：认识网页的基本组成，网页设计流程与工具，了解Dreamweaver CC的基本操作，以及网页制作的基本操作等。通过对本部分内容的学习，主要是为后面的学习打下坚实的基础。网页制作与Dreamweaver CC基础
该部分是本书的第3～4章，其具体内容包括：利用可视化操作设置网页的页面属性，使用标签设置页面属性，创建站点，站点远程服务器的定义，发布站点，管理站点，以及在站点中管理文件和文件夹等。通过对本部分内容的学习，读者可以熟练掌握网页设计与制作的全局设置与管理操作。网页的全局设置与管理该部分是本书的第5～8章，其具体内容包括：在网页中插入文本，在网页中插入列表、水平线等，在网页中插入图像、各种音频和视频文件，为对象添加超链接，以及表格的应用。通过本对部分内容的学习，读者可以掌握在网页中添加各种内容的方法。在网页中添加内容该部分是本书的第9～10章，其具体内容包括：了解CSS样式表，使用层叠样式表格式化网页效果，利用Div层布局网页，以及CSS+Div综合应用格式化网页效果等。通过对本部分内容的学习，读者可以熟练掌握美化页面和设置页面布局的方法。网页的格式化和布局设置
该部分是本书的第11～13章，其具体内容包括：模板和库的应用，在网页中使用表单和表单对象，以及在网页中编写JavaScript代码等。通过对本部分内容的学习，读者可以快速掌握制作统一界面风格、效果更丰富的网页。网页制作的高级操作该部分是本书的第14章，本章主要是通过制作婚纱网站，巩固本书的所学知识，以及让读者亲身体验制作一个完整网站的过程。让读者真正达到学以致用，举一反三的目的。综合案例实战应用关于读者对象
本书浅显易懂，指导性较强，特别适合网页设计与制作的初级用户，也适合有一定Dreamweaver使用基础和具有一定网页设计经验的读者。此外，本书也可作为高等院校、大专院校网页设计课程的教材，或者作为相关领域人员的网页设计入门学习用书或入门培训教材。
关于创作团队
本书由智云科技编著，参与本书编写的人员有邱超群、杨群、罗浩、马英、邱银春、罗丹丹、刘畅、林晓军、林菊芳、周磊、蒋明熙、甘林圣、丁颖、蒋杰、何超等，在此对大家的辛勤工作表示衷心的感谢！
由于编者经验有限，加之时间仓促，书中难免会有疏漏和不足，恳请专家和读者不吝赐教。
编者目 录
Contents
Chapter 01 网页设计与制作基础
1.1 认识网页的基本组成 2
1.2 优秀网页结构赏析 5
1.3 认识静态网页与动态网页 8
1.4 了解网页的访问原理 9
1.5 认识域名和域名服务器 10
1.5.1 域名的各种分类 10
1.5.2 域名服务器(DNS) 11
1.6 网站设计流程 13
1.7 网页制作的常用工具 13
1.7.1 内容编辑工具 14
1.7.2 网页美化工具 14
1.8 实战问答 15
NO.1 静态网页与动态网页有何区别 15
NO.2 网页设计是否必须懂HTML标记 15
1.9 思考与练习 16
Chapter 02 初识Dreamweaver CC
2.1 Dreamweaver CC的基本操作 18
2.1.1 安装Dreamweaver CC 18
2.1.2 启动Dreamweaver CC 20
2.1.3 退出Dreamweaver CC 22
2.2 了解Dreamweaver CC的新功能 23
2.3 认识Dreamweaver CC工作环境 24
2.3.1 菜单栏 24
2.3.2 面板组 24
2.3.3 “插入”面板 24
2.3.4 文档窗口 26
2.3.5 “属性”面板 27
2.4 网页设计的基本操作 28
2.4.1 新建网页 28
2.4.2 保存网页 28
2.4.3 打开网页 29
2.4.4 预览网页 31
2.4.5 关闭网页 31
2.5 实战问答 33
NO.1 创建网页的其他方法 33
NO.2 如何改变预览网页时的浏览器 33
2.6 思考与练习 34
Chapter 03 页面属性的设置
3.1 在对话框中设置页面属性 36
3.1.1 设置外观(CSS) 36
3.1.2 设置外观(HTML) 37
3.1.3 设置链接(CSS) 39
3.1.4 设置标题(CSS) 41
3.1.5 设置标题/编码 43
3.1.6 设置跟踪图像 44
3.2 使用代码设置字体与页面背景效果 45
3.2.1 添加页面标题 45
3.2.2 为文字添加加粗和倾斜格式 46
3.2.3 设置文字的字号大小 47
3.2.4 设置网页文本的文本颜色 48
3.2.5 设置网页的背景颜色 49
3.2.6 为网页添加背景图片 50
3.3 使用代码设置超链接属性 51
3.3.1 设置超链接的边距 51
3.3.2 设置链接颜色 52
3.3.3 设置鼠标经过超链接效果 53
3.3.4 设置已访问链接 53
3.3.5 设置活动链接 54
3.3.6 修改下划线样式 54
3.4 实战问答 55
NO.1 外观(CSS)和外观(HTML)有何区别 55
NO.2 如何让背景图片固定 55
3.5 思考与练习 55
Chapter 04 创建与管理站点
4.1 创建、配置与发布本地站点 58
4.1.1 创建本地站点 58
4.1.2 为站点定义远程服务器 59
4.1.3 发布站点 60
4.2 管理站点 61
4.2.1 删除站点 61
4.2.2 编辑站点 61
4.2.3 复制站点 62
4.2.4 导出站点 63
4.2.5 导入站点 63
4.3 管理站点中的内容 64
4.3.1 添加文件/文件夹 64
4.3.2 重命名和删除文件/文件夹 65
4.4 实战问答 65
NO.1 站点已删除为什么文件还在 65
NO.2 如何将已有文件添加到站点中 66
4.5 思考与练习 66
Chapter 05 网页中的文本创建
5.1 文本的简单操作 68
5.1.1 在网页中录入文本 68
5.1.2 让文本换行分段 69
5.1.3 设置文本的对齐方式 69
5.1.4 设置文本的字体格式 70
5.2 项目列表和编号列表的使用 71
5.2.1 插入项目列表 71
5.2.2 插入编号列表 71
5.3 特殊文本的操作 72
5.3.1 插入换行符 72
5.3.2 插入水平线 73
5.3.3 插入日期 74
5.3.4 插入特殊字符 75
5.3.5 插入注释 76
5.4 实战问答 77
NO.1 项目列表中列表项前缀是否可以更改 77
NO.2 编号列表中列表项前缀序号是否可更改 77
5.5 思考与练习 78
Chapter 06 在网页中插入图像与多媒体
6.1 常用图像格式 80
6.1.1 JPEG图像 80
6.1.2 GIF图像 80
6.1.3 PNG图像 80
6.2 在网页中使用图像 81
6.2.1 插入图像 81
6.2.2 编辑图像大小 82
6.2.3 设置图像对齐方式 84
6.2.4 裁剪需要的图像 85
6.2.5 调整图片的亮度和对比度 87
6.2.6 设置图像的锐化效果 88
6.3 插入其他图像元素 90
6.3.1 插入图像热区 90
6.3.2 鼠标经过图像 91
6.4 在网页中插入多媒体 93
6.4.1 插入背景音乐 93
6.4.2 插入Flash动画 94
6.4.3 插入FLV视频 96
6.4.4 插入HTML5视频 98
6.4.5 插入HTML5音频 99
6.4.6 插入其他媒体 101
6.5 实战问答 102
NO.1 如何让背景音乐循环播放 102
NO.2 为何插入普通视频的网页在其他计算机不能播放 103
NO.3 为什么插入HTML5视频后不能播放 103
6.6 思考与练习 103
Chapter 07 超链接的应用
7.1 认识超链接的类型 106
7.1.1 按超链接源端点的对象划分 106
7.1.2 按执行超链接后的动作划分 106
7.1.3 按超链接的链接位置划分 107
7.2 链接路径有哪些分类 108
7.2.1 什么是URL 108
7.2.2 相对路径 108
7.2.3 绝对路径 109
7.2.4 根路径 109
7.3 各种超链接的创建方法 109
7.3.1 插入文本链接 109
7.3.2 设置链接打开方式 111
7.3.3 插入图像链接 112
7.3.4 插入热点链接 114
7.3.5 插入锚点链接 115
7.3.6 插入空链接 117
7.3.7 插入E-mail链接 118
7.3.8 插入脚本链接 119
7.4 实战问答 121
NO.1 超链接打开方式中_BLANK和NEW的区别 121
NO.2 为什么锚点链接不起作用 121
7.5 思考与练习 121
Chapter 08 表格的应用
8.1 创建表格并输入内容 124
8.1.1 精确插入指定行列的表格 124
8.1.2 在表格中输入内容 125
8.1.3 插入嵌套表格 126
8.2 格式化表格效果 127
8.2.1 选择表格及单元格 127
8.2.2 设置表格大小和对齐方式 130
8.2.3 为表格添加边框 132
8.2.4 设置单元格中文本和背景格式 133
8.2.5 设置单元格大小与对齐方式 134
8.3 编辑表格的常见操作 136
8.3.1 插入行或列 136
8.3.2 删除行或列 139
8.3.3 复制、剪切和粘贴单元格 140
8.3.4 合并单元格 141
8.3.5 拆分单元格 142
8.4 表格的高级操作 143
8.4.1 在网页中对表格数据排序 143
8.4.2 导入表格数据 145
8.4.3 导出表格数据 146
8.5 实战问答 147
NO.1 如何快速、准确地选择表格及单元格 147
NO.2 在表格中能插入图像文件吗 147
NO.3 为什么网页中的表格无法进行排序操作 149
NO.4 为什么导入到网页中的数据出现了混乱 149
8.6 思考与练习 149
Chapter 09 使用CSS层叠样式表
9.1 了解CSS样式表 152
9.1.1 什么是CSS 152
9.1.2 CSS的3种类型 152
9.1.3 CSS的语法格式 153
9.2 CSS样式的嵌入、内联和外联方式 154
9.2.1 嵌入式CSS 154
9.2.2 内联式CSS 154
9.2.3 外联式CSS 155
9.3 各种CSS样式的创建方法 156
9.3.1 建立ID样式 156
9.3.2 建立类样式 158
9.3.3 建立标签样式 159
9.3.4 建立复合样式 160
9.3.5 建立外部样式 161
9.4 CSS中的常用样式 162
9.4.1 设置字体样式 162
9.4.2 设置文本样式 166
9.4.3 设置背景样式 167
9.4.4 设置方框样式 170
9.4.5 设置边框样式 172
9.4.6 设置列表样式 174
9.4.7 设置定位样式 176
9.4.8 设置过渡样式 178
9.5 实战问答 180
NO.1 如何导入外部CSS样式表文件 180
NO.2 如何自动调整图像大小 181
9.6 思考与练习 182
Chapter 10 利用Div层布局
10.1 认识并创建层 184
10.1.1 什么是层 184
10.1.2 创建层 184
10.1.3 创建嵌套层 185
10.1.4 为层添加CSS样式表 187
10.2 Div层的定位方法 189
10.2.1 什么是盒子模型 189
10.2.2 通过float属性定位层 189
10.2.3 通过position属性定位层 191
10.3 Div常用布局方式的应用 192
10.3.1 居中布局 192
10.3.2 浮动布局 193
10.3.3 一列固定宽度布局 194
10.3.4 一列自适应宽度布局 194
10.3.5 两列固定宽度布局 195
10.4 实战问答 197
NO.1 如何清除Div浮动 197
NO.2 如何设置Div对象的行高 197
10.5 思考与练习 198
Chapter 11 使用模板和库
11.1 使用模板 200
11.1.1 创建模板 200
11.1.2 定义可编辑区域 201
11.1.3 创建基于模板的网页 202
11.1.4 从模板中分离网页 203
11.1.5 管理模板 204
11.2 使用库 206
11.2.1 创建库文件 206
11.2.2 向页面添加库文件 207
11.2.3 修改并更新库文件 208
11.3 实战问答 209
NO.1 如何在现有网页文件上应用模板 209
NO.2 模板可以嵌套模板吗 209
11.4 思考与练习 210
Chapter 12 表单的应用
12.1 认识网页中的表单 212
12.1.1 什么是表单 212
12.1.2 认识表单对象 212
12.2 创建表单 216
12.2.1 插入表单 216
12.2.2 设置表单属性 217
12.3 插入表单对象 218
12.3.1 插入文本域 218
12.3.2 插入密码域 221
12.3.3 插入其他文本域 223
12.3.4 插入按钮对象 224
12.3.5 插入图像按钮 225
12.3.6 插入文件上传域 226
12.4 实战问答 228
NO.1 如何通过“插入”面板添加表单对象 228
NO.2 如何自动选择文本框中所有文本内容 229
12.5 思考与练习 229
Chapter 13 在网页中编写JavaScript
13.1 了解JavaScript的基础知识 232
13.1.1 JavaScript是什么 232
13.1.2 JavaScript能做什么 232
13.1.3 JavaScript怎么用 233
13.2 JavaScript基础语法 233
13.2.1 了解值和变量 234
13.2.2 了解运算符 234
13.2.3 认识各种比较符 234
13.2.4 函数的使用 234
13.3 掌握JavaScript的常用事件 235
13.3.1 窗口事件 235
13.3.2 鼠标事件 237
13.3.3 键盘事件 238
13.3.4 表单处理事件 239
13.4 jQuery的应用 241
13.4.1 jQuery核心函数 241
13.4.2 使用jQuery选择器 242
13.4.3 使用jQuery操作对象属性 243
13.4.4 使用jQuery事件 245
13.4.5 jQuery中常用的效果 246
13.5 实战问答 248
NO.1 ++与--放置在变量前后的区别 248
NO.2 解决预览页面时脚本执行问题 249
13.6 思考与练习 249
Chapter 14 制作婚纱网站
14.1 婚纱网制作介绍 252
14.2 婚纱网制作思路分析 253
14.3 婚纱网制作过程 254
14.3.1 创建婚纱网站点 254
14.3.2 创建婚纱网模板 255
14.3.3 创建样式表 257
14.3.4 在模板中制作导航 261
14.3.5 底部制作 265
14.3.6 制作婚纱网首页 267
14.3.7 制作联系我们页面 270
14.3.8 修改模板页中的导航菜单 273
14.4 婚纱网案例制作总结 274
14.5 婚纱网案例制作答疑 274
14.6 实战问答 274
NO.1 为什么要有Div+CSS布局而不用表格 274
NO.2 为何要减少对图像的使用 274
NO.3 如何将制作好的网站发布到网络上 274
NO.4 为什么创建的模板文件在浏览器中不能查看 275
习题答案 277
