本书以案例制作的讲解为主，以理论知识的阐述为辅，对Dreamweaver这一软件进行了全面阐述。全书内容丰富、语言流畅，内容涵盖网站建设与网页设计的方方面面，包括网页基础、创建和管理站点、规划网页布局、创建和管理网页链接、创建多媒体网页、创建框架网页、创建表单网页、网页中CSS样式的应用、层和行为的应用、网站测试与发布，每章开始以案例作为线索，引出理论知识；还配有该章节相关的两个小练习进行上手操作。

全书结构合理，用语通俗，图文并茂，易教易学，既适合作为高职高专院校和应用型本科院校计算机、多媒体及视频剪辑相关专业的教材，又适合作为广大视频剪辑爱好者和各类技术人员的参考用书。

本书提供了与书中内容相对应的教学视频、原始素材和最终效果文件，这类内容将在北京希望电子出版社公众号、微博和北京希望电子出版社网站（www.bhp.com.cn）上提供。为了方便教学，还为用书教师准备了与本书内容同步的电子课件，请通过本书封底的联系方式获取相关资源。

　　网站的成功与否，很重要的一个因素在于它的构思及设计理念，好的创意及丰富的内容才能够让网页焕发出勃勃生机。
　　1.2.1 网页配色艺术
　　色彩对网站的设计来说非常重要，从一个网站的色彩设计中就可以看出网站的风格。色彩的魅力是无限的，可以让本身平淡无味的东西瞬间变得漂亮起来。作为最具说服力的视觉语言，色彩在人们的生活中起着非常重要的作用。
　　1. 色彩的基本概念
　　自然界的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他颜色均属于彩色。任何一种彩色都具有三个属性。
　　色相（Hue）：也叫色泽，是颜色的基本特征，反映颜色的基本面貌，是一种色彩区别于另一种色彩的最主要特征。
　　饱和度（Saturation）：也叫纯度，指颜色的纯洁程度。饱和度高的色彩纯、鲜亮，饱和度低的色彩暗淡、含灰色。
　　明度（Brightness或Lightness或Luminousity）：也叫亮度，体现颜色的明暗程度，明度越大，色彩越亮。非彩色只有明度特征，没有色相和饱和度的区别。计算机屏幕的色彩是由RGB（红、绿、蓝）三种色光合成的，通过调整这三个基本色可以调校出其他的颜色，在许多图像处理软件里，都有提供色彩调配功能，如图1-21所示。
　　2. 色彩搭配
　　网页的色彩是树立网站形象的关键要素之一，色彩搭配既是一项技术性工作，也是一项艺术性很强的工作。在设计网页时，除了要考虑网站本身的特点外，还要遵循一定的艺术规律，才能设计出色彩鲜明、性格独特的网站。网页色彩的搭配需要遵循一些原理，这些原理包括色彩的鲜明性、独特性、艺术性，以及色彩搭配的合理性。充分运用色彩搭配的原理，可以使网页具有更深的艺术内涵，并能提升网页的文化品位。
　　（1）近似色搭配。
　　近似色是指色环中两个或三个相邻的颜色，例如橙黄色—黄色，红色—橙色为近似色。近似色的搭配给人的视觉效果是比较舒服、自然，画面统一和谐，如图1-22所示。
　　图1-22
　　（2）互补色搭配。
　　互补色是指在色环中相对的两种色彩，该色系为极端对比类型，例如红—绿为互补色。其效果让人感觉对比强烈、炫目，有时候会成为一种很好的搭配形式，如图1-23所示。

第1章  网页设计轻松入门

案例精讲  创建我的第一个站点 2

案 / 例 / 描 / 述......................................................................................2

案 / 例 / 详 / 解......................................................................................2

边用边学 6

1.1 网页与网站 ..............................................................................6

1.1.1 认识网页 .........................................................................6

1.1.2 认识网站 .........................................................................8

1.2 网页设计理念 ..........................................................................9

1.2.1 网页配色艺术 ..................................................................9

1.2.2 网页布局艺术 ................................................................15

1.3 初识Dreamweaver设计工具 .............................................18

1.4 文档的基本操作 ....................................................................20

1.4.1 创建空白文档网页 .........................................................20

1.4.2 设置页面属性 ................................................................21

1.5 站点的创建 ............................................................................23

1.6 站点的管理 ............................................................................25

1.7 站点的上传 ............................................................................29

经验之谈  测试站点 32

上手实操 33

实操一：网站赏析 ..............................................................................33

实操二：上传站点 ..............................................................................33

第2章  编辑网页的构成元素

案例精讲  制作图文混排网页 35

案 / 例 / 描 / 述....................................................................................35

案 / 例 / 详 / 解....................................................................................35

边用边学 38

2.1 创建文本内容 ........................................................................38

2.1.1 输入文本 .......................................................................38

2.1.2 设置文本属性 ................................................................39

2.1.3 添加字体 .......................................................................40

2.2 插入其他元素 ........................................................................41

2.2.1 插入特殊字符 ................................................................41

2.2.2 插入水平线 ....................................................................41

2.3 创建项目列表和编号列表 ...................................................42

2.3.1 项目列表 .......................................................................42

2.3.2 编号列表 .......................................................................42

2.3.3 设置列表属性 ................................................................43

2.4 插入图像 ................................................................................43

2.4.1 网页中常用的图像格式 ..................................................43

2.4.2 插入图像 .......................................................................44

2.4.3 设置图像属性 ................................................................44

2.4.4 插入鼠标经过图像 .........................................................45

2.5 编辑图像 ................................................................................46

2.5.1 裁剪图像 .......................................................................46

2.5.2 重新取样图像 ................................................................47

2.5.3 调整图像亮度和对比度 ..................................................48

2.5.4 锐化图像 .......................................................................49

2.6 插入多媒体 ............................................................................49

2.6.1 插入SWF动画 ...............................................................49

2.6.2 插入FLV视频 .................................................................50

2.6.3 插入背景音乐 ................................................................52

经验之谈  “页面属性”的作用 53

上手实操 57

实操一：制作按钮变化效果 ................................................................57

实操二：制作鸟类繁育网站 ................................................................57

第3章  网页中超链接的创建

案例精讲  制作银杏农场网页 59

案 / 例 / 描 / 述....................................................................................59

案 / 例 / 详 / 解....................................................................................59

边用边学 62

3.1 超级链接的概念 ....................................................................62

3.1.1 相对路径 .......................................................................62

3.1.2 绝对路径 .......................................................................62

3.1.3 外部链接和内部链接 ......................................................62

3.2 管理网页超级链接 ................................................................63

3.2.1 自动更新链接 ................................................................63

3.2.2 在站点范围内更改链接 ..................................................64

3.2.3 检查站点中的链接错误 ..................................................65

3.3 在图像中应用链接 ................................................................66

3.3.1 图像链接 .......................................................................66

3.3.2 图像热点链接 ................................................................67

3.3.3 创建图像热点链接 .........................................................67

经验之谈  以新窗口打开超链接 69

上手实操 71

实操一：制作风景介绍网页 ................................................................71

实操二：创建下载链接 .......................................................................71

第4章  利用表格布局网页

案例精讲  制作公司网站页面 73

案 / 例 / 描 / 述....................................................................................73

案 / 例 / 详 / 解....................................................................................73

边用边学 85

4.1 插入表格 ................................................................................85

4.1.1 与表格有关的术语 .........................................................85

4.1.2 插入表格 .......................................................................85

4.1.3 表格的基本代码 .............................................................86

4.2 表格属性 ................................................................................87

4.2.1 设置表格属性 ................................................................87

4.2.2 设置单元格属性 .............................................................87

4.2.3 改变背景颜色 ................................................................88

4.2.4 表格的属性代码 .............................................................89

4.3 选择表格 ................................................................................90

4.3.1 选择整个表格 ................................................................90

4.3.2 选择一个单元格 .............................................................92

4.4 编辑表格 ................................................................................93

4.4.1 复制和粘贴表格 .............................................................93

4.4.2 添加行或列 ....................................................................95

4.4.3 删除行或列 ....................................................................96

经验之谈  合并单元格 97

上手实操 99

实操一：设置表格背景 .......................................................................99

实操二：制作网站首页 .......................................................................99

第7章  利用Div+CSS布局网页

第8章  利用canvas绘制图形

第9章  利用表单创建动态网页

第10章  网页行为的应用

第11章  网页模板和库的应用

附录 Adobe Dreamweaver CC常用快捷键汇总