巧学巧用Dreamweaver制作网页习题精解【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

巧学巧用Dreamweaver制作网页习题精解PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 基础知识1

1.1 在网页中插入图片1

掌握在网页制作过程中插入图片的方法1

1.2 变换标题的格式1

掌握更改文字属性的方法3

1.3 文本的强制换行3

文本中强制换行的方法4

1.4 字体大小、颜色的设置4

文本属性的应用5

1.5 列表符号的应用5

1.6 用CSS定义文字样式6

列表符号的应用6

掌握简单的定义和使用CSS样式的方法7

1.7 图片与文字的对齐方式7

掌握属性面板中的几种对齐方式8

1.8 为图片添加链接8

图片链接的设置方法9

1.9 为文字添加链接9

为文字添加链接10

1.10 设置锚记链接10

“插入→命名锚记”命令的应用11

1.11 热区的设置11

“矩形热点工具”和“多边形热点工具”的应用12

1.12 插入水平线12

1.13 交换图像（一）13

水平线的插入方法13

“交换图像”行为的应用14

1.14 交换图像（二）14

为按钮添加“交换图像”行为并设置相应的链接15

1.15 设置邮件链接15

为文字设置邮件链接16

1.16 设置下载链接16

给文字添加下载链接17

第2章 网页布局17

2.1 标准模式下使用表格设计版式17

2.1.1 在页面中插入表格17

标准模式下插入表格17

2.1.2 自定义表格样式17

在“属性”面板中更改表格边框的属性18

2.1.4 双线表格的制作18

“命令→格式化表格”命令的应用18

2.1.3 隐藏表格边框18

表格间距和边框颜色等参数的设置方法19

2.1.5 单线表格的制作19

单线表格制作方法19

2.1.6 表格属性的综合应用19

表格属性的综合应用20

2.2 使用框架设计版式20

2.2.1 “上方固定”模式的框架20

2.2.4 厂字型框架布局设计（二）21

“上方固定，左侧嵌套”模式框架的应用21

2.2.3 厂字型框架布局设计（一）21

“插入→HTML→框架→对齐上缘”命令的应用21

创建一个“上方固定”模式的框架，并制作成页面21

2.2.2 制作上中下结构的框架页面21

“上方固定，左侧嵌套”模式框架的应用22

2.2.5 上中下结构框架的布局22

“对齐上缘”命令的应用23

2.2.6 在框架页面中使用链接23

使用框架在左侧列出导航链接24

2.3 在布局视图模式下设计版式24

2.3.1 国字型页面布局（一）24

在布局模式下，使用“布局表格”和“绘制布局单元格”25

2.3.2 国字型页面布局（二）25

2.3.3 不规则布局26

在布局模式下绘制表格样式26

使用布局视图模式进行不规则页面的设计27

2.3.4 左中右对称型布局27

左中右结构页面的布局方法28

2.3.5 最常见的左右布局28

在布局模式下，构建最常见的左右布局网页28

2.3.6 在网页中的色系搭配练习28

相同结构的网页可以使用不同的色系28

2.3.7 水平导航栏的网页布局28

在布局模式下，使用“布局表格”绘制上下结构的表格样式29

2.3.8 复杂结构的页面布局29

3.1.1 暖色调网页布局练习31

3.1 常用的网页布局31

第3章 网页布局设计31

绘制布局表格，以及页面颜色的搭配31

在Photoshop中运用填充效果制作网页，在Dreamweaver中完成该网页32

3.1.2 冷色调基本网页布局练习32

在上面练习的基础上，制作冷色调网页33

3.1.3 厂字型网页布局（一）33

在Photoshop中设计厂字型网页布局34

3.1.4 厂字型网页布局（二）34

更充分地使用Photoshop的功能来加强网页的视觉效果34

3.1.5 素材图片作背景的网页34

3.1.7 三分栏布局35

利用“填充”工具制作出网页布局35

3.1.6 包围型网页布局35

利用素材图片制作网页35

制作基本的三分栏结构的网页36

3.1.8 复杂的三分栏布局（一）36

Photoshop中“图层样式”的应用36

3.1.9 复杂的三分栏布局（二）36

三分栏布局的变化36

3.1.10 综合网页的布局36

分栏布局的综合应用37

3.2 不规则的页面布局37

3.2.1 不规则布局（一）37

Photoshop中“投影”和“填充”命令的结合应用38

3.2.2 不规则布局（二）38

Photoshop中“填充”的应用39

3.2.4 不规则布局（四）39

Photoshop的“斜面和浮雕”效果的应用39

3.2.3 不规则布局（三）39

“斜面和浮雕”效果的应用40

3.2.5 不规则布局（五）40

描边效果的应用41

3.3 特殊页面布局41

3.3.1 特殊页面（一）41

Photoshop中“斜面和浮雕”效果的应用42

3.3.2 特殊页面（二）42

Photoshop中“斜面和浮雕”效果的应用43

3.3.3 特殊页面（三）43

特殊页面的布局方法44

3.3.5 特殊页面（五）44

Photoshop中“渐变叠加”和“光泽”效果的应用44

3.3.4 特殊页面（四）44

特殊页面的布局方法45

第4章 制作网页中的按钮45

4.1 在网页中插入Dreamweaver自带的Flash按钮45

4.1.1 插入Flash按钮（一）45

在页面中插入圆形Flash按钮45

4.1.2 插入Flash按钮（二）45

在页面中插入方形Flash按钮45

4.1.3 插入Flash按钮（三）45

Photoshop中“线性渐变”填充的应用46

4.2.1 淡入淡出按钮46

4.2.2 石质按钮46

4.2 不同质感的按钮46

在页面中插入异形的Flash按钮46

“图层混合样式”中的“斜面和浮雕”效果的应用47

4.2.3 软塑料按钮47

“图层混合样式”的应用47

4.2.4 渐变按钮47

“渐变”和“描边”工具的结合使用48

4.2.5 浮雕效果按钮48

“渐变叠加”功能的使用48

4.3 不同形状的按钮48

4.3.1 书夹形状的按钮48

4.3.4 螺母形按钮49

Photoshop的填充功能的应用49

4.3.3 荧光按钮49

Photoshop填充的应用49

4.3.2 砖形按钮49

“渐变叠加”和“描边”的结合应用49

“渐变叠加”和“内发光”效果的结合应用50

4.3.5 水膜按钮50

Photoshop中“描边”的应用50

4.4 动态按钮50

4.4.1 动态按钮（一）50

Photoshop中的“色相／饱和度”工具的应用51

4.4.2 动态按钮（二）51

“渐变”和“描边”工具的结合应用52

4.4.3 动态按钮（三）52

“斜面和浮雕”效果的应用52

4.4.4 动态按钮（四）52

4.4.5 动态按钮（五）53

“动感模糊”和“图案叠加”效果的结合应用53

第5章 网页Banner的设计55

5.1 纯文字的Banner设计55

使用ImageReady制作动画GIF图片的方法55

5.2 制作美食Banner（一）55

“云彩”和“渐变叠加”效果的结合应用55

使用ImageReady制作动画的方法，色彩的搭配56

5.3 制作美食Banner（二）56

ImageReady的应用56

5.4 应用插画制作Banner56

漫画效果的制作技巧57

5.6 制作圣诞节Banner57

5.5 漫画效果的Banner57

在ImageReady中，把一幅插画制作成动画57

节日Banner的制作方法58

5.7 制作游戏Banner58

在ImageReady中，多图层Banner的制作方法58

5.8 制作公益广告Banner58

在ImageReady中制作动画的方法58

5.9 制作旅游广告Banner58

ImageReady中动画的制作方法59

5.10 制作卡通动画Banner59

ImageReady中的动画制作技巧61

第6章 网页导航栏的设计61

6.1 最常见的左置导航栏61

6.1.1 左置导航栏（一）61

6.1.2 左置导航栏（二）62

Photoshop中“斜面和浮雕”效果的应用62

利用选区剪切制作导航栏63

6.1.3 左置导航栏（三）63

“图层混合样式”的应用63

6.1.4 左置导航栏（四）63

“斜面和浮雕”效果的使用64

6.1.5 左置导航栏（五）64

使用“斜面和浮雕”效果，制作书夹导航栏65

6.1.6 左置导航栏（六）65

“变形”命令的应用66

6.2 置顶导航栏66

6.2.1 置顶导航栏（一）66

“斜面和浮雕”的应用67

6.2.3 置顶导航栏（三）67

6.2.2 置顶导航栏（二）67

“斜面和浮雕”的应用67

“投影”效果的应用68

6.2.4 置顶导航栏（四）68

矩形边框的制作方法69

6.3 右置导航栏69

6.3.1 右置导航栏（一）69

滤镜中“扭曲”、“切变”工具的应用70

6.3.2 右置导航栏（二）70

“渐变”和“描边”工具的应用71

6.3.3 右置导航栏（三）71

“斜面和浮雕”效果的应用71

6.3.4 右置导航栏（四）71

6.3.5 右置导航栏（五）72

“纹理化”效果的应用72

“斜面和浮雕”和“投影”效果的结合应用73

6.4 两级导航栏73

6.4.1 两级导航栏（一）73

“渐变”工具和“斜面和浮雕”效果的应用74

6.4.2 两级导航栏（二）74

“斜面和浮雕”和“投影”效果的结合应用75

6.4.3 两级导航栏（三）75

“斜面和浮雕”效果和“剪切”工具的应用75

6.4.4 两级导航栏（四）75

填充颜色应用75

6.4.5 两级导航栏（五）75

7.1 常用直角接角设计77

7.1.1 应用纹理的设计方案77

第7章 厂字型布局深入77

“云彩”和“渐变叠加”效果的结合应用77

“自定义图案”填充的应用78

7.1.2 应用投影效果的设计方案78

“图层混合样式”中“投影”和“描边”效果的应用79

7.1.3 细线条与主体配合的设计方案79

填充颜色应用80

7.1.4 格子型的设计方案80

选区剪切工具的使用81

7.1.5 悬挂合页式的设计81

“图层混合样式”中“斜面和浮雕”功能的应用81

7.1.6 浮雕效果的设计方案81

7.2.1 弧形接角82

7.2 具有一些变化的厂字型布局网页82

填充的应用82

填充的应用84

7.2.2 转角型接角84

圆角矩形的应用84

7.2.3 浮雕效果的接角84

“投影”和“等高线”的结合应用85

7.2.4 拱门形状接角85

拱门形状的制作方法85

7.2.5 曲线线条的应用85

“斜面和浮雕”效果的应用86

7.3 位图的处理与应用86

7.3.1 用图片作接角（一）86

7.3.2 用图片作接角（二）87

“斜面和浮雕”效果的应用87

填充效果的应用88

7.3.3 用图片作接角（三）88

“动感模糊”的应用89

7.3.4 用图片作接角（四）89

剪切效果的应用90

7.3.5 用图片作接角（五）90

“杂色”效果的应用91

7.4 特殊衔接的接角处理91

7.4.1 充分利用线条的设计方案91

剪切效果应用93

7.4.2 方格纹理的应用93

7.4.4 悬浮接角94

剪切和“投影”效果的结合应用94

7.4.3 半圆接角94

填充效果的应用94

剪切效果的应用95

第8章 网页图形元素的装饰设计95

8.1 网站中的按钮装饰95

8.1.1 单色的按钮装饰95

填充的应用96

8.1.2 描边按钮装饰96

“描边”效果的制作97

8.1.3 浮雕效果的按钮装饰97

“斜面和浮雕”效果的应用97

8.1.4 渐变装饰按钮97

8.1.5 斜角按钮98

渐变工具的使用98

使用“钢笔”工具和“填充”的功能99

8.1.6 图片装饰按钮99

“图层混合样式”中“斜面和浮雕”效果的应用100

8.1.7 凸起按钮装饰100

“图层混合样式”中 “斜面和浮雕”的应用100

8.2 导航条的装饰设计100

8.2.1 光泽导航条100

“填充图案”和“描边”的结合应用101

8.2.2 石质效果的导航条101

“图层混合样式”中的“斜面和浮雕”、“纹理化”的应用102

8.2.3 路牌形状的导航条102

8.2.5 不规则的导航条103

“斜面和浮雕”效果的应用103

“投影”和“等高线”的结合应用103

8.2.4 木质的导航条103

“椭圆选区”剪切的应用104

8.2.6 渐变效果的导航条104

渐变填充效果的应用105

8.3 装饰性Banner105

8.3.1 粗线条装饰Banner105

填充效果的应用106

8.3.2 素材叠加装饰Banner106

“添加图层蒙板”的应用107

8.3.3 渐变装饰效果107

“剪切”和“图层混合”效果的应用108

8.3.4 半透明方块装饰Banner108

8.3.5 颜色递进效果的装饰109

“杂色”效果的应用109

填充效果的应用110

8.4 综合装饰的效果110

8.4.1 素材图片装饰（一）110

“填充”和“斜面和浮雕”效果的应用110

8.4.2 素材图片装饰（二）110

“斜面和浮雕”效果的应用111

8.4.3 线条的装饰效果111

“渐变填充”效果的应用111

8.4.4 颜色拼接装饰111

“填充”和“斜面和浮雕”效果的应用112

8.4.5 背景图片装饰Banner112

9.1 便条纸效果113

“斜面和浮雕”效果的应用113

第9章 网站细节113

“线性渐变”填充的应用114

9.2 留言纸效果114

利用图层叠加效果115

9.3 便条留言板效果（一）115

“图层混合模式”应用115

9.4 便条留言板效果（二）115

“图层混合样式”和“羽化”工具的结合使用116

9.5 金属效果对话框（一）116

使用了图层混合样式中的“渐变叠加”功能，制作金属效果117

9.6 金属效果对话框（二）117

9.7 留言板（一）118

“渐变叠加”和“描边”的结合应用118

“渐变”填充的应用119

9.8 留言板（二）119

“斜面和浮雕”的应用119

9.9 投影效果119

“描边”和“高斯模糊”的结合应用120

9.10 描边效果120

描边应用121

第10章 综合练习121

10.1 综合实例（一）121

10.1.1 构图和切片121

综合应用122

10.1.2 制作按钮122

10.1.3 制作链接页123

在Photoshop中制作按钮123

在Photoshop中制作链接页面124

10.1.4 生成完整网站124

在Dreamweaver中完成制作125

10.2 综合实例（二）125

10.2.1 主页的设计与切片125

综合应用127

10.2.2 制作首页127

在Dreamweaver中制作首页128

10.2.3 制作链接页128

在Photoshop中制作链接页129

10.2.4 生成完整网站129

10.3 综合实例（三）130

完成制作130

综合应用131

10.4 综合实例（四）131

综合应用135

第11章 使用行为制作网页的交互功能135

11.1 交换图像135

交换图像135

11.2 弹出式对话框135

设置弹出信息行为136

11.3 弹出浏览器窗口136

添加弹出浏览器行为137

11.4 拼图效果137

拖动层行为138

11.5 控制网页Flash播放138

11.7 改变属性139

添加播放声音行为139

插入媒体对象、表单按钮并给表单按钮添加行为139

11.6 为文字添加背景音乐139

改变属性行为140

11.8 显示和隐藏层140

“显示-隐藏层”命令的应用141

11.9 显示和隐藏弹出式菜单141

“显示弹出式菜单”行为142

11.10 检查插件安装142

检查插件行为143

11.11 检查浏览器143

检查浏览器144

11.12 表单检查144

导航栏图像行为145

11.14 状态栏文本行为145

11.13 导航栏图像行为145

表单检查145

状态栏文本行为146

11.15 调用JavaScript146

JavaScript的调用147

11.16 跳转菜单和跳转菜单开始行为147

跳转菜单和跳转菜单开始行为148

11.17 自动链接新的站点148

转动URL行为151

第12章 模板与库151

12.1 制作基于模板的实例151

12.3 嵌套模板152

套用模板实例152

12.2 套用模板到页面152

制作基于模板的实例152

套用模板实例153

12.4 在页面中添加和使用库项目153

“库”的应用154

12.5 修改库项目以更新整个站点154

修改库项目更新站点157

第13章 CSS应用157

13.1 使用CSS定义文字的颜色和大小157

创建CSS样式文件158

13.3 附加外部CSS样式文件158

13.2 创建CSS样式文件158

CSS样式的创建158

导入CSS样式159

13.4 内置CSS样式效果159

内置CSS样式效果的应用159

13.5 用CSS定义背景色159

使用CSS定义背景颜色160

13.6 使用CSS定义对齐方式160

对CSS样式中“方框→浮动”功能的应用160

13.7 应用CSS定义表格边框160

应用CSS定义表格边框161

13.8 自定义项目符号的图像161

应用CSS样式自定义项目符号的图像162

13.9 特殊光标效果162