巧学巧用Dreamweaver制作网页习题精解

图书标准信息

• 作者 温谦 著
• 出版社 人民邮电出版社
• 出版时间 2006-03
• 版次 1
• ISBN 9787115142900
• 定价 29.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 162页
• 字数 256千字

【内容简介】

《巧学巧用Dreamweaver制作网页习题精解（附光盘2张）》是针对Dreamweaver应用的练习用书，提供了200个练习范例，供读者完成从学习到掌握，举一反三、融会贯通的实践过程。全书的练习安排由简到难，系统而全面。《巧学巧用Dreamweaver制作网页习题精解（附光盘2张）》的所有练习均来源于实践，同时重视与Photoshop软件的配合使用。全书共分为13章，主要内容有基础知识、页面布局、网页中的按钮、Banner条、导航栏、配饰、网站细节、综合练习、网站中交互、模板与库、CSS应用等。
《巧学巧用Dreamweaver制作网页习题精解（附光盘2张）》最具特色之处在于，书中给出了每个练习的任务描述、技术要点和关键步骤提示，而练习的答案均通过光盘中的多媒体视频演示文件来展示，用户可以清晰地看到每个演示的操作步骤和细节，提高学习效率。
《巧学巧用Dreamweaver制作网页习题精解（附光盘2张）》对初学者和有一定基础的用户都有很高的参考价值。可作为网页制作爱好者，大、中专院校及各类网页设计制作培训班的辅助教材，也可作为学习网页制作的实例入门教材。

【目录】

第1章基础知识1
本章练习主要涉及Dreamweaver必备的知识和技能，包括在网页中插入图片、变换标题格式、文字的换行、字体的设置、为图片和文字添加链接等内容。
1.1在网页中插入图片1
掌握在网页制作过程中插入图片的方法
1.2变换标题的格式1
掌握更改文字属性的方法
1.3文本的强制换行3
文本中强制换行的方法
1.4字体大小、颜色的设置4
文本属性的应用
1.5列表符号的应用5
列表符号的应用
1.6用CSS定义文字样式6
掌握简单的定义和使用CSS样式的方法
1.7图片与文字的对齐方式7
掌握属性面板中的几种对齐方式
1.8为图片添加链接8
图片链接的设置方法
1.9为文字添加链接9
为文字添加链接
1.10设置锚记链接10
“插入→命名锚记”命令的应用
1.11热区的设置11
“矩形热点工具”和“多边形热点工具”的应用
1.12插入水平线12
水平线的插入方法
1.13交换图像（一）13
“交换图像”行为的应用
1.14交换图像（二）14
为按钮添加“交换图像”行为并设置相应的链接
1.15设置邮件链接15
为文字设置邮件链接
1.16设置下载链接16
给文字添加下载链接

第2章网页布局17
本章主要介绍常见的网页布局和实现方法。
2.1标准模式下使用表格设计版式17
2.1.1在页面中插入表格17
标准模式下插入表格
2.1.2自定义表格样式17
“命令→格式化表格”命令的应用
2.1.3隐藏表格边框18
在“属性”面板中更改表格边框的属性
2.1.4双线表格的制作18
表格间距和边框颜色等参数的设置方法
2.1.5单线表格的制作19
单线表格制作方法
2.1.6表格属性的综合应用19
表格属性的综合应用
2.2使用框架设计版式20
2.2.1“上方固定”模式的框架20
创建一个“上方固定”模式的框架，并制作成页面
2.2.2制作上中下结构的框架页面21
“插入→HTML→框架→对齐上缘”命令的应用
2.2.3厂字型框架布局设计（一）21
“上方固定，左侧嵌套”模式框架的应用
2.2.4厂字型框架布局设计（二）21
“上方固定，左侧嵌套”模式框架的应用
2.2.5上中下结构框架的布局22
“对齐上缘”命令的应用
2.2.6在框架页面中使用链接23
使用框架在左侧列出导航链接
2.3在布局视图模式下设计版式24
2.3.1国字型页面布局（一）24
在布局模式下，使用“布局表格”和“绘制布局单元格”
2.3.2国字型页面布局（二）25
在布局模式下绘制表格样式
2.3.3不规则布局26
使用布局视图模式进行不规则页面的设计
2.3.4左中右对称型布局27
左中右结构页面的布局方法
2.3.5最常见的左右布局28
在布局模式下，构建最常见的左右布局网页
2.3.6在网页中的色系搭配练习28
相同结构的网页可以使用不同的色系
2.3.7水平导航栏的网页布局28
在布局模式下，使用“布局表格”绘制上下结构的表格样式
2.3.8复杂结构的页面布局29
绘制布局表格，以及页面颜色的搭配

第3章网页布局设计31
在上一章的基础上，结合实际工作中常用的Photoshop和Fireworks等图像处理软件制作网页布局效果，并进行切分，然后再进入Dreamweaver中制作成网页。
3.1常用的网页布局31
3.1.1暖色调网页布局练习31
在Photoshop中运用填充效果制作网页，在Dreamweaver中完成该网页
3.1.2冷色调基本网页布局练习32
在上面练习的基础上，制作冷色调网页
3.1.3厂字型网页布局（一）33
在Photoshop中设计厂字型网页布局
3.1.4厂字型网页布局（二）34
更充分地使用Photoshop的功能来加强网页的视觉效果
3.1.5素材图片作背景的网页34
利用素材图片制作网页
3.1.6包围型网页布局35
利用“填充”工具制作出网页布局
3.1.7三分栏布局35
制作基本的三分栏结构的网页
3.1.8复杂的三分栏布局（一）36
Photoshop中“图层样式”的应用
3.1.9复杂的三分栏布局（二）36
三分栏布局的变化
3.1.10综合网页的布局36
分栏布局的综合应用
3.2不规则的页面布局37
3.2.1不规则布局（一）37
Photoshop中“投影”和“填充”命令的结合应用
3.2.2不规则布局（二）38
Photoshop的“斜面和浮雕”效果的应用
3.2.3不规则布局（三）39
Photoshop中“填充”的应用
3.2.4不规则布局（四）39
“斜面和浮雕”效果的应用
3.2.5不规则布局（五）40
描边效果的应用
3.3特殊页面布局41
3.3.1特殊页面（一）41
Photoshop中“斜面和浮雕”效果的应用
3.3.2特殊页面（二）42
Photoshop中“斜面和浮雕”效果的应用
3.3.3特殊页面（三）43
Photoshop中“渐变叠加”和“光泽”效果的应用
3.3.4特殊页面（四）44
特殊页面的布局方法
3.3.5特殊页面（五）44
特殊页面的布局方法

第4章制作网页中的按钮45
网页上的按钮对浏览者起着至关重要的引导作用，本章主要介绍如何设计制作出漂亮的网页按钮。
4.1在网页中插入Dreamweaver自带的Flash按钮45
4.1.1插入Flash按钮（一）45
在页面中插入圆形Flash按钮
4.1.2插入Flash按钮（二）45
在页面中插入方形Flash按钮
4.1.3插入Flash按钮（三）45
在页面中插入异形的Flash按钮
4.2不同质感的按钮46
4.2.1淡入淡出按钮46
Photoshop中“线性渐变”填充的应用
4.2.2石质按钮46
“图层混合样式”中的“斜面和浮雕”效果的应用
4.2.3软塑料按钮47
“图层混合样式”的应用
4.2.4渐变按钮47
“渐变”和“描边”工具的结合使用
4.2.5浮雕效果按钮48
“渐变叠加”功能的使用
4.3不同形状的按钮48
4.3.1书夹形状的按钮48
“渐变叠加”和“描边”的结合应用
4.3.2砖形按钮49
Photoshop填充的应用
4.3.3荧光按钮49
Photoshop的填充功能的应用
4.3.4螺母形按钮49
“渐变叠加”和“内发光”效果的结合应用
4.3.5水膜按钮50
Photoshop中“描边”的应用
4.4动态按钮50
4.4.1动态按钮（一）50
Photoshop中的“色相/饱和度”工具的应用
4.4.2动态按钮（二）51
“渐变”和“描边”工具的结合应用
4.4.3动态按钮（三）52
“斜面和浮雕”效果的应用
4.4.4动态按钮（四）52
“动感模糊”和“图案叠加”效果的结合应用
4.4.5动态按钮（五）53
“云彩”和“渐变叠加”效果的结合应用

第5章网页Banner的设计55
本章主要介绍网页中另一重要元素—Banner的设计和制作方法。
5.1纯文字的Banner设计55
使用ImageReady制作动画GIF图片的方法
5.2制作美食Banner（一）55
使用ImageReady制作动画的方法，色彩的搭配
5.3制作美食Banner（二）56
ImageReady的应用
5.4应用插画制作Banner56
在ImageReady中，把一幅插画制作成动画
5.5漫画效果的Banner57
漫画效果的制作技巧
5.6制作圣诞节Banner57
节日Banner的制作方法
5.7制作游戏Banner58
在ImageReady中，多图层Banner的制作方法
5.8制作公益广告Banner58
在ImageReady中制作动画的方法
5.9制作旅游广告Banner58
ImageReady中动画的制作方法
5.10制作卡通动画Banner59
ImageReady中的动画制作技巧

第6章网页导航栏的设计61
本章主要介绍各类网页导航栏的设计与制作方法，与实际应用结合紧密，涉及各类Dreamweaver功能的应用。
6.1最常见的左置导航栏61
6.1.1左置导航栏（一）61
Photoshop中“斜面和浮雕”效果的应用
6.1.2左置导航栏（二）62
利用选区剪切制作导航栏
6.1.3左置导航栏（三）63
“图层混合样式”的应用
6.1.4左置导航栏（四）63
“斜面和浮雕”效果的使用
6.1.5左置导航栏（五）64
使用“斜面和浮雕”效果，制作书夹导航栏
6.1.6左置导航栏（六）65
“变形”命令的应用
6.2置顶导航栏66
6.2.1置顶导航栏（一）66
“斜面和浮雕”的应用
6.2.2置顶导航栏（二）67
“斜面和浮雕”的应用
6.2.3置顶导航栏（三）67
“投影”效果的应用
6.2.4置顶导航栏（四）68
矩形边框的制作方法
6.3右置导航栏69
6.3.1右置导航栏（一）69
滤镜中“扭曲”、“切变”工具的应用
6.3.2右置导航栏（二）70
“渐变”和“描边”工具的应用
6.3.3右置导航栏（三）71
“斜面和浮雕”效果的应用
6.3.4右置导航栏（四）71
“纹理化”效果的应用
6.3.5右置导航栏（五）72
“斜面和浮雕”和“投影”效果的结合应用
6.4两级导航栏73
6.4.1两级导航栏（一）73
“渐变”工具和“斜面和浮雕”效果的应用
6.4.2两级导航栏（二）74
“斜面和浮雕”和“投影”效果的结合应用
6.4.3两级导航栏（三）75
“斜面和浮雕”效果和“剪切”工具的应用
6.4.4两级导航栏（四）75
填充颜色应用
6.4.5两级导航栏（五）75
“云彩”和“渐变叠加”效果的结合应用

第7章厂字型布局深入77
厂字型布局是最常用到的网页布局方式，本章专门针对这种布局方式进行深入练习。
7.1常用直角接角设计77
7.1.1应用纹理的设计方案77
“自定义图案”填充的应用
7.1.2应用投影效果的设计方案78
“图层混合样式”中“投影”和“描边”效果的应用
7.1.3细线条与主体配合的设计方案79
填充颜色应用
7.1.4格子型的设计方案80
选区剪切工具的使用
7.1.5悬挂合页式的设计81
“图层混合样式”中“斜面和浮雕”功能的应用
7.1.6浮雕效果的设计方案81
填充的应用
7.2具有一些变化的厂字型布局网页82
7.2.1弧形接角82
填充的应用
7.2.2转角型接角84
圆角矩形的应用
7.2.3浮雕效果的接角84
“投影”和“等高线”的结合应用
7.2.4拱门形状接角85
拱门形状的制作方法
7.2.5曲线线条的应用85
“斜面和浮雕”效果的应用
7.3位图的处理与应用86
7.3.1用图片作接角（一）86
“斜面和浮雕”效果的应用
7.3.2用图片作接角（二）87
填充效果的应用
7.3.3用图片作接角（三）88
“动感模糊”的应用
7.3.4用图片作接角（四）89
剪切效果的应用
7.3.5用图片作接角（五）90
“杂色”效果的应用
7.4特殊衔接的接角处理91
7.4.1充分利用线条的设计方案91
剪切效果应用
7.4.2方格纹理的应用93
填充效果的应用
7.4.3半圆接角94
剪切和“投影”效果的结合应用
7.4.4悬浮接角94
剪切效果的应用

第8章网页图形元素的装饰设计95
本章主要介绍网页图形元素的装饰设计与制作，分别对网页的不同元素进行了针对性设计练习。
8.1网站中的按钮装饰95
8.1.1单色的按钮装饰95
填充的应用
8.1.2描边按钮装饰96
“描边”效果的制作
8.1.3浮雕效果的按钮装饰97
“斜面和浮雕”效果的应用
8.1.4渐变装饰按钮97
渐变工具的使用
8.1.5斜角按钮98
使用“钢笔”工具和“填充”的功能
8.1.6图片装饰按钮99
“图层混合样式”中“斜面和浮雕”效果的应用
8.1.7凸起按钮装饰100
“图层混合样式”中“斜面和浮雕”的应用
8.2导航条的装饰设计100
8.2.1光泽导航条100
“填充图案”和“描边”的结合应用
8.2.2石质效果的导航条101
“图层混合样式”中的“斜面和浮雕”、“纹理化”的应用
8.2.3路牌形状的导航条102
“投影”和“等高线”的结合应用
8.2.4木质的导航条103
“斜面和浮雕”效果的应用
8.2.5不规则的导航条103
“椭圆选区”剪切的应用
8.2.6渐变效果的导航条104
渐变填充效果的应用
8.3装饰性Banner105
8.3.1粗线条装饰Banner105
填充效果的应用
8.3.2素材叠加装饰Banner106
“添加图层蒙板”的应用
8.3.3渐变装饰效果107
“剪切”和“图层混合”效果的应用
8.3.4半透明方块装饰Banner108
“杂色”效果的应用
8.3.5颜色递进效果的装饰109
填充效果的应用
8.4综合装饰的效果110
8.4.1素材图片装饰（一）110
“填充”和“斜面和浮雕”效果的应用
8.4.2素材图片装饰（二）110
“斜面和浮雕”效果的应用
8.4.3线条的装饰效果111
“渐变填充”效果的应用
8.4.4颜色拼接装饰111
“填充”和“斜面和浮雕”效果的应用
8.4.5背景图片装饰Banner112
“斜面和浮雕”效果的应用

第9章网站细节113
本章主要介绍在制作精美的网页时需要注意的一些制作技巧。
9.1便条纸效果113
“线性渐变”填充的应用
9.2留言纸效果114
利用图层叠加效果
9.3便条留言板效果（一）115
“图层混合模式”应用
9.4便条留言板效果（二）115
“图层混合样式”和“羽化”工具的结合使用
9.5金属效果对话框（一）116
使用了图层混合样式中的“渐变叠加”功能，制作金属效果
9.6金属效果对话框（二）117
“渐变叠加”和“描边”的结合应用
9.7留言板（一）118
“渐变”填充的应用
9.8留言板（二）119
“斜面和浮雕”的应用
9.9投影效果119
“描边”和“高斯模糊”的结合应用
9.10描边效果120
描边应用

第10章综合练习121
本章在熟练练习前面各章内容的基础上进行综合练习。每节完成一个完整的网页设计、图片切割输出、合成网页的全过程。通过本章的练习，读者可以掌握设计一个比较专业的网站的各方面技能。
10.1综合实例（一）121
10.1.1构图和切片121
综合应用
10.1.2制作按钮122
在Photoshop中制作按钮
10.1.3制作链接页123
在Photoshop中制作链接页面
10.1.4生成完整网站124
在Dreamweaver中完成制作
10.2综合实例（二）125
10.2.1主页的设计与切片125
综合应用
10.2.2制作首页127
在Dreamweaver中制作首页
10.2.3制作链接页128
在Photoshop中制作链接页
10.2.4生成完整网站129
完成制作
10.3综合实例（三）130
综合应用
10.4综合实例（四）131
综合应用

第11章使用行为制作网页的交互功能135
本章针对Dreamweaver中的行为功能，练习制作网页中各种不同的网页交互功能。
11.1交换图像135
交换图像
11.2弹出式对话框135
设置弹出信息行为
11.3弹出浏览器窗口136
添加弹出浏览器行为
11.4拼图效果137
拖动层行为
11.5控制网页Flash播放138
插入媒体对象、表单按钮并给表单按钮添加行为
11.6为文字添加背景音乐139
添加播放声音行为
11.7改变属性139
改变属性行为
11.8显示和隐藏层140
“显示-隐藏层”命令的应用
11.9显示和隐藏弹出式菜单141
“显示弹出式菜单”行为
11.10检查插件安装142
检查插件行为
11.11检查浏览器143
检查浏览器
11.12表单检查144
表单检查
11.13导航栏图像行为145
导航栏图像行为
11.14状态栏文本行为145
状态栏文本行为
11.15调用JavaScript146
JavaScript的调用
11.16跳转菜单和跳转菜单开始行为147
跳转菜单和跳转菜单开始行为
11.17自动链接新的站点148
转动URL行为

第12章模板与库151
本章主要练习使用Dreamweaver中的模板与库功能来制作相同结构的网页。
12.1制作基于模板的实例151
制作基于模板的实例
12.2套用模板到页面152
套用模板实例
12.3嵌套模板152
套用模板实例
12.4在页面中添加和使用库项目153
“库”的应用
12.5修改库项目以更新整个站点154
修改库项目更新站点

第13章CSS应用157
本章在第1章中CSS基础练习的基础上，进一步练习使用CSS制作网页。
13.1使用CSS定义文字的颜色和大小157
CSS样式的创建
13.2创建CSS样式文件158
创建CSS样式文件
13.3附加外部CSS样式文件158
导入CSS样式
13.4内置CSS样式效果159
内置CSS样式效果的应用
13.5用CSS定义背景色159
使用CSS定义背景颜色
13.6使用CSS定义对齐方式160
对CSS样式中“方框→浮动”功能的应用
13.7应用CSS定义表格边框160
应用CSS定义表格边框
13.8自定义项目符号的图像161
应用CSS样式自定义项目符号的图像
13.9特殊光标效果162
使用CSS样式制作特殊光标效果实例