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

出版时间：2006-4  出版社：人民邮电  作者：温谦  页数：178  字数：281000  

内容概要

　　Dreamweaver、Fireworks和Flash是深受广大用户喜爱的网页设计软件。作者根据实践经验，设计了大量具有实用价值的练习，包括了使用Dreamweaver编辑网页、使用Fireworks处理图形和图像以及使用Flash制作矢量动画的方法。这些练习不但涉及了每一种软件的使用方法，还介绍了如何使这3个软件相互配合，发挥每个软件的特色，制作出精美的主页。　　本书最具特色之处在于，书中给出了每个练习的任务描述、技术要点和关键步骤提示，而练习的答案均通过光盘中的多媒体视频演示文件来展示，用户可以清晰地看到每个演示的操作步骤和细节，提高学习效率。　　本书可作为网页制作爱好者，大、中专院校及各类网页设计制作培训班的辅助教材，也可作为学习网页制作的实例入门教材。

书籍目录

第一部分　Dreamweaver第1章　基础知识　1　　本章练习主要涉及Dreamweaver必备的知识和技能，包括在网页中插入图片、变换标题格式、文字的换行、字体的设置、为图片和文字添加链接等内容。1.1　在网页中插入图片　2　　在网页制作过程中，插入图片的方法1.2　变换标题的格式　2　　更改文字属性的基础操作1.3　段落换行　3　　掌握文本属性的应用1.4　字体大小、颜色的设置　4　　利用属性面板，改变网页中文本的字体和颜色1.5　列表符号的应用　4　　练习设置特殊列表符号，并将其应用到网页中1.6　用CSS定义文字样式　5　　初步认识CSS样式，并应用CSS定义文字样式1.7　图片与文字的对齐方式　6　　掌握属性面板中的几种对齐方式1.8　为按钮添加链接　6　　链接的设置方法1.9　为文字添加链接　7　　为文字添加链接1.10　设置锚记链接　8　　“插入→命名锚记”命令的应用1.11　热区的设置　9　　“矩形热点工具”和“多边型热点工具”的应用1.12　插入水平线　9　　水平线的插入方法1.13　交换图像(一)　10　　“交换图像”命令的应用1.14　交换图像(二)　10　　为按钮添加“交换图像”行为并设置相应的链接1.15　设置邮件链接　11　　为文字设置邮件链接1.16　设置下载链接　12　　给文字添加下载链接第2章　页面布局　13　　本章主要介绍常见的网页布局和实现方法。2.1　标准模式下使用表格设计版式　132.1.1　自定义表格样式　13　　“命令→格式化表格”命令的应用2.1.2　单线表格的制作　14　　单线表格的制作方法2.1.3　表格属性的综合应用　14　　表格属性的综合应用2.2　使用框架设计版式　152.2.1　“上方固定”模式的框架　15　　创建一个“上方固定”模式的框架，并制作成页面2.2.2　制作上下结构的框架页面　16　　“插入→HTML→框架→对齐上缘”命令的应用2.2.3　厂字型框架布局设计　16　　“上方固定，左侧嵌套”模式的应用2.2.4　上中下结构框架的布局　17　　“对齐上缘”命令的应用2.3　使用布局表格设计版式　182.3.1　国字型页面布局　18　　在布局模式下绘制表格样式2.3.2　不规则布局　19　　绘制布局表格2.3.3　左右对称型布局　20　　左右结构页面的布局方法2.4　结合Fireworks进行页面综合布局设计　22　　Fireworks与Dreamweaver的技术衔接2.4.1　左中右布局　222.4.2　右导航布局　232.4.3　上中下结构的布局　242.4.4　大型综合主页面布局(一)　262.4.5　大型综合主页面布局(二)　27第3章　网站中的交互　29　　本章主要通过练习借助JavaScript和Dreamweaver提供的“行为”功能为页面添加互动的特性。3.1　交换图像　29　　掌握在网页制作过程中插入图片的方法3.2　弹出式对话框　29　　设置弹出信息行为3.3　弹出浏览器窗口　30　　添加弹出浏览器行为3.4　拼图效果　31　　拖动层行为的应用3.5　调用JavaScript　32　　JavaScript程序的调用方法第4章　模板与库　34　　本章主要练习使用Dreamweaver中的模板与库功能来制作相同结构的网页。4.1　制作基于模板的实例　34　　制作基于模板的实例4.2　套用模板到页面　35　　套用模板4.3　嵌套模板　36　　套用模板4.4　在页面中添加和使用库项目　37　　库的应用4.5　修改库项目以更新整个站点　38　　修改库项目更新站点第5章　CSS的应用　40　　本章主要通过练习掌握使用CSS控制和美化网页的方法。5.1　内置CSS样式效果　40　　内置CSS样式效果的应用5.2　用CSS定义背景色　41　　使用CSS定义背景颜色5.3　自定义项目符号的图像　42　　应用CSS样式自定义项目符号的图像5.4　附加外部CSS样式文件　42　　导入CSS样式第二部分　Fireworks第6章　按钮的制作　44　　本章主要练习利用Fireworks设计制作网页的按钮图片的方法。6.1　简单按钮　44　　填充的应用6.2　绘制立体按钮　45　　“线形渐变”的运用6.3　绘制水晶按钮　45　　熟悉透明颜色的操作，给按钮添加高光感6.4　绘制播放器开关按钮　46　　“边缘羽化”的应用6.5　绘制邮件按钮　46　　高光和透明渐变的运用6.6　使用资源效果的按钮　47　　“资源样式”的应用6.7　绘制开关按钮　47　　“纹理”的运用6.8　绘制圆形水晶按钮　48　　使用矢量剪切绘制水晶按钮6.9　金属按钮　48　　“凸起浮雕”、“内斜角”和“外斜角”的应用6.10　立体渐变按钮　49　　“横排文字蒙版工具”和“透视变换”的结合应用第7章　Banner的制作　50　　本章通过练习掌握利用Fireworks制作网页Banner的方法。7.1　简单的卡通Banner　50　　将连续图片在Fireworks中制作为GIF格式的动态画面7.2　制作背景层Banner　51　　“图层→共享交叠帧”的运用7.3　运用分散到帧制作Banner　51　　“帧→分散到帧”的运用7.4　制作化妆品Banner　52　　使用图片制作商业Banner7.5　制作按钮Banner　52　　按钮和动态图片制作结合运用第8章　制作导航栏　53　　本章通过练习掌握利用Fireworks制作各类网页导航栏的方法。8.1　立体导航栏　53　　使用“线形渐变”工具绘制导航栏8.2　渐变效果的导航栏　54　　“修改→组合路径→联合/交集/打孔/裁切”等命令的综合应用8.3　使用材质制作导航栏　55　　使用“属性→纹理”的效果8.4　对比效果的导航　56　　合理应用颜色对比度来提高导航栏的制作效果8.5　情人网站导航　57　　应用“渐变”和“羽化”制作出适合情人节使用的网页导航栏8.6　装饰型导航栏　57　　填充边缘颜色绘制装饰导航栏8.7　融合网页　58　　利用网页中的效果制作导航栏8.8　金属导航栏　59　　应用金属渐变效果制作导航栏8.9　使用素材创建导航　60　　利用素材制作导航栏8.10　水晶效果的导航栏　61　　利用水晶效果绘制导航栏第9章　网页风格设计　62　　本章通过练习掌握利用Fireworks制作出各种风格的、漂亮的网页的方法。9.1　左置导航栏　62　　使用“线形渐变”工具绘制接角9.2　立体风格网页　63　　对“修改→组合路径→联合/交集/打孔/裁切”等命令的综合应用9.3　圆形接角　64　　使用“圆角矩形”工具绘制圆形接角9.4　分离式网页风格　65　　“线形渐变”工具的应用9.5　动感网页风格　66　　“线形渐变”工具的应用9.6　公告栏效果　67　　剪切的应用9.7　圆形风格在网页中的应用　68　　“圆形”工具的应用9.8　区域构图的运用　68　　“线形渐变”工具的应用9.9　流线形在网页中的运用　69　　使用“钢笔”工具9.10　色块风格的网页　69　　使用色块变化制作接角效果第10章　设计配饰　70　　本章通过练习掌握利用Fireworks设计网页配饰的方法。10.1　简单便条装饰　70　　使用透明渐变绘制便条效果10.2　分割装饰　71　　在一些按钮中添加不同元素，制作为网页图标效果10.3　按钮装饰(一)　72　　在一些按钮中添加不同元素，制作为网页图标效果10.4　按钮装饰(二)　72　　继续上一节的练习，同时添加一些暗示形装饰，目的是强调装饰区域10.5　居中装饰效果　73　　当页面都是横向排版时，添加小的装饰打破呆板的构图效果10.6　情人网站　74　　“纹理”和“羽化”效果的应用10.7　公告样式的装饰　75　　在实际网页应用中的装饰效果10.8　目录效果的装饰　76　　渐变和透明度的结合使用10.9　广告样式的装饰　77　　掌握制作广告栏的装饰10.10　左置效果的装饰　78　　利用素材图片制作导航栏的装饰效果第11章　网页细节调整　79　　本章通过练习掌握网页设计中的细节调整，让读者体会细节对于设计的整体效果的巨大作用和影响。11.1　链接按钮的制作　79　　将连续图片在Fireworks中制作为GIF格式的动态画面11.2　中心装饰细节的制作　80　　“线形渐变”的运用11.3　链接导航的细节制作　80　　光照效果的绘制方法11.4　情人网站导航按钮　81　　“羽化”边缘的应用11.5　使用图片制作细节效果　82　　素材在网页中的应用第12章　页面布局　83　　本章通过练习掌握精致的网页设计的布局方法。12.1　右置布局　83　　在网页设计中常见的布局方法之一12.2　居中布局　84　　一般应用于网站内容不是很多的情况12.3　三分栏布局　85　　可以有条理地将网页内容分割出来，主要应用于一些门户网站12.4　左置布局	86　　将链接子页面放置在视觉最容易发现的地方12.5　中心布局　86　　这个构图方法很常用，视觉上比较舒服12.6　分散型布局　87　　分散型构图的网页大多文字和图形面积一致第三部分　Flash第13章　图形的绘制及编辑　90　　本章在第1章中CSS基础练习的基础上，进一步练习使用CSS制作网页。13.1　绘制月亮　90　　使用“选择工具”对线条进行变形处理13.2　绘制玻璃杯　91　　练习“任意变形工具”、“线性渐变填充”以及滤镜中“调整颜色”命令的应用13.3　绘制蝴蝶　92　　练习使用“线条工具”、“选择工具”和“任意变形工具”13.4　绘制烟囱　94　　熟练应用“铅笔工具”和“矩形工具”绘制图形13.5　绘制闹钟　95　　“矩形工具”、“椭圆工具”和“线条工具”的使用方法13.6　绘制花朵　96　　理解“绘制对象”功能的含义，以及“复制并应用变形”功能的作用13.7　绘制桌子　98　　对“线条工具”和“铅笔工具”以及“颜料桶工具”的使用13.8　绘制QQ表情　99　　着重掌握滤镜中“调整颜色”和“投影”效果的含义以及用法13.9　绘制气球　100　　“放射状渐变填充”以及应用“填充变形工具”对渐变填充进行变形13.10　绘制鱼儿　101　　使用“线条工具”、“椭圆工具”、“铅笔工具”和“颜料桶工具”第14章　静态文字效果　103　　本章是对上一章的复习，制作一些生动有趣的文字效果，深入对各种绘图工具以及相关属性的掌握。14.1　金属文字　103　　“线性填充”和“填充变形工具”综合应用14.2　彩色线框文字　104　　将“线性填充”和“填充变形工具”作用于线条之上14.3　浮雕文字　105　　对文字进行重叠放置，制作出浮雕效果14.4　彩图文字　105　　“混色器”面板中的“位图填充”模式的应用14.5　塑料文字　106　　“修改→形状→柔化填充边缘”命令的含义以及用法14.6　发光文字　107　　使用滤镜中的“发光”和“投影”效果14.7　披雪文字　108　　“橡皮擦工具”和笔触样式中“点描”效果的应用14.8　立体文字　109　　“线性渐变填充”和不透明度的设置第15章　创建动画　111　　本章通过练习掌握变形动画、运动动画和逐帧动画的制作方法。15.1　视觉变幻效果　111　　创建形状补间动画以及溢出模式中“镜像”模式的应用15.2　行驶的汽车　111　　练习创建动画补间动画，达到汽车行驶的效果15.3　舞动翅膀的蝴蝶　113　　创建动画补间动画，根据蝴蝶翅膀挥动时的规律制作出动画效果15.4　漏水的龙头　114　　创建形状补间动画，掌握滴水时状态变化15.5　圆形变方形　115　　练习创建形状补间动画15.6　树叶上滴下的水珠　115　　创建形状补间动画15.7　飞行的小鸟　116　　掌握逐帧动画的制作方法15.8　倒计数　116　　练习逐帧动画的制作方法15.9　制作打印机打印动画　117　　练习创建形状补间动画15.10　制作闪电　118　　练习闪电的绘制方法，掌握元件与元件之间的相互嵌套关系第16章　引导线动画和遮罩动画　119　　本章通过练习掌握引导线图层和遮罩图层的应用。16.1　眼冒金星　119　　练习创建引导层，并通过绘制引导线制作动画效果16.2　制作地球旋转动画　119　　动态遮罩效果的制作技巧16.3　放大镜效果　120　　遮罩动画的制作方法以及滤镜中“投影”效果的应用16.4　手电照射动画　122　　遮罩动画的制作方法以及不透明度的设置方法16.5　波浪文字　123　　遮罩层和运动、形状动画的结合运用16.6　上升的水泡　125　　应用引导层原理，制作一个水泡上升并逐渐消失的动画效果16.7　百叶窗效果　126　　影片剪辑元件的相互嵌套以及遮罩原理的应用16.8　萤火虫　126　　练习创建影片剪辑，并在影片剪辑中应用引导层动画效果16.9　水波涟漪　127　　影片剪辑的嵌套使用16.10　飘落的枫叶　128　　“套索”工具和引导线的综合应用第17章　制作按钮　129　　本章通过练习掌握利用Flash制作动态的、具有交互性的按钮的方法。17.1　变换表情的按钮　129　　理解按钮元件中的“弹起”、“指针经过”和“按下”3种状态含义17.2　立体按钮　129　　理解按钮元件中的“弹起”和“指针经过”状态的含义及用法17.3　绘制一个静态的播放按钮　130　　运用“椭圆工具”绘制一个圆形按钮，并为其填充适当的色彩17.4　摇晃的铃铛　131　　在按钮元件中套用影片剪辑元件17.5　抓不住的蜻蜓　132　　练习为按钮添加脚本行为，使其控制影片中的按钮行为17.6　制作3D方块按钮　133　　3D按钮的制作技巧17.7　弹出菜单　134　　为按钮添加“点击”动作脚本17.8　电视画面效果　134　　为按钮添加“滑过”动作行为第18章　添加声音　135　　本章通过练习掌握为按钮、动画添加声音的方法。18.1　电铃声　135　　声音的导入方法与添加声音效果18.2　添加流水声　135　　练习在图层上添加声音18.3　添加碰撞声　136　　理解声音效果中“淡出”和“从左到右淡出”效果的含义18.4　声音的播放和停止　137　　练习使用动作脚本控制声音18.5　控制音量的大小　138　　用动作脚本控制声音的增大和减小18.6　选择播放歌曲　138　　“全局函数→时间轴控制→gotoAndPlay”命令的应用第19章　ActionScript的应用　139　　本章通过练习掌握ActionScript的应用方法，对动画中的元素进行更灵活的控制。19.1　随鼠标移动的探照灯　139　　“startDrag”函数的应用19.2　活动的坐标轴　139　　使用“全局函数→影片剪辑控制→getProperty”函数控制影片剪辑的坐标位置19.3　制作下雨效果　140　　“duplicateMovieClip”和“if ”语句的应用19.4　制作风景导航　141　　“On”语句和“gotoAndPlay”函数的应用19.5　随光标移动的蜜蜂　141　　“全局函数→影片剪辑控制→start Drag”函数和“mouse.hide()”方法的运用19.6　制作控制影片大小的动画　141　　“setProperty”函数和“getProperty”函数的运用19.7　光标经过处出现萤光效果　142　　在影片剪辑中嵌套按钮元件，使用(.)方法控制影片播放19.8　可随意拖动的图片　142　　使用影片剪辑控制脚本第四部分　综合练习第20章　实战练习(一)　144　　本章练习结合使用Dreamweaver、Fireworks、Flash等3个软件从零开始制作一个完整的、专业的网站。20.1　绘制网页草图　14420.2　处理素材图片　14420.3　使用Fireworks绘制主页和子页　14520.4　使用Fireworks制作主页切片并输出网页　14620.5　用Fireworks制作按钮交换图像　14720.6　在Flash中制作Banner动画　14720.7　使用Dreamweaver建立站点　14820.8　在Dreamweaver中编辑主页面　14820.9　为页面添加文字内容　14920.10　设置主页图像链接按钮　15020.11　输出链接页切片和页面　15120.12　制作链接页　15120.13　制作其他链接页　15220.14　检查所有的页面和链接，完成整个制作　153第21章　实战练习(二)　155　　本章练习结合使用Dreamweaver、Fireworks、Flash等3个软件从零开始制作一个商业网站。21.1　绘制网页草图　15521.2　处理素材图片　15521.3　使用Fireworks制作主页面和子页面　15621.4　使用Dreamweaver创建站点　15721.5　使用Fireworks切片并输出为HTML页　15721.6　使用Fireworks制作按钮交换图像　15821.7　在Flash中制作Banner动画　15921.8　将制作完成的Flash Banner导入页面　15921.9　为主页添加文字内容　16021.10　设置主页动态按钮(交换图像的应用)　16121.11　输出链接页切片和页面　16121.12　在Dreamweaver中继续制作链接页　16221.13　以链接页为基础创建模板　16321.14　应用模板创建其他二级链接页面　16421.15　将做好的二级页面与首页链接　16521.16　检查所有的页面和链接，完成整个制作　165第22章　实战练习(三)　167　　本章练习结合使用Dreamweaver、Fireworks、Flash等3个软件从零开始制作一个商业网站。22.1　绘制网页草图　16722.2　处理素材图片　16722.3　使用Fireworks绘制网页页面　16822.4　使用Dreamweaver创建站点　16922.5　使用Fireworks切片并输出为HTML页　16922.6　使用Fireworks制作按钮交换图像　17022.7　制作Banner动画　17122.8　将制作完成的Flash Banner导入页面　17222.9　为主页添加文字内容　17222.10　设置主页动态按钮(交换图像的应用)　17322.11　输出链接页切片和页面　17422.12　在Dreamweaver中继续制作链接页　17522.13　以链接页为基础创建模板　17622.14　应用模板创建其他二级链接页面　17722.15　将做好的二级页面与首页链接　17722.16　检查所有的页面和链接，完成整个制作　178