AdobeDreamweaverCC网页设计与制作

第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常用快捷键汇总