第9章 节 美化网页 《网页制作宝典》.pptVIP

通过本章学习，应该掌握以下内容： Photoshop基本操作 利用Photoshop 6.0处理网页图像利用Dreamweaver编辑各种超连接的方法 Fireworks 4.0基本操作 利用Fireworks 4.0美化网页图像 Flash5基本操作 利用Flash5处理网页动画 ;9.1 使用Photoshop 6.0美化网页 ; 9.1.2 Photoshop 6.0的基本操作 Photoshop 6.0的界面主要由标题栏、菜单栏、工具箱、选项栏、控制面板和状态栏组成. 1．菜单栏的使用 （1）“文件”菜单 （2）“编辑”菜单 （3）“图像”菜单 （4）“图层”菜单 （5）“选择”菜单 （6）“滤镜”菜单 （7）“视图”菜单 ;2．工具箱的使用 工具箱一般出现在屏幕的左侧，也可以用鼠标按住其标题栏，拖动到屏幕的其它位置上。 （1）绘图工具 绘图工具包括“毛笔”、“铅笔”、“喷枪”、“印章”、“直线”工具等，利用这些工具可以在图像或选区中直接进行创作。 （2）选区工具 “选区”工具用于在图像上选出特定的区域。选区设定后，区域边界上会出现不断流动的虚线，虚线内部就是选定区域。 （3）编辑工具 编辑工具主要对图像进行进一步的修饰。包括“移动”、“橡皮擦”、“裁剪”、“涂抹”、“模糊”、“锐化”、“减淡”、“加深”、“海绵”、“缩放”、“抓手”工具等。 （4）填充工具 填充工具可对封闭的选区填充颜色或图案，包括“油漆桶工具”、“渐变工具”。; （5）文字工具 文字工具可以在图像中加入文字对象。选中该工具在图像区单击，会弹出文字对话框。 （6）其它工具 利用“注释工具”可为图像添加文字注释或语音注释。 利用“测量工具”可测量图像中两个像素点之间的距离、角度等。 利用“颜色拾取工具”可从图像中拾取某一像素点的颜色来改变前景色和背景色，. “显示模式选择工具”使用户可根据实际情况在标准屏幕模式、带菜单栏的全屏模式、全屏模式中进行选择。 ;9.1.3 利用Photoshop美化网页 9.2 利用Fireworks 4.0美化网页 9.2.1 利用Fireworks 4.0制作网页图片 1．Fireworks 4.0工作界面 （1）标题栏 （2）菜单栏 （3）工具栏 （4）标准工??栏 （5）状态栏 （6）浮动面板 ;2．Fireworks 4.0基本操作 （1）画面显示与调整 与显示相关的功能主要位于“View”菜单中. （2）对象选择方法 3．利用Fireworks网页导航栏 4．利用Fireworks制作按钮符号 9.2.2 将Fireworks制作的图片放到网页上 在Fireworks 4.0中制作完图片或符号后，要将其放到网页中，需要进行如下操作： （1）将图片或符号文件复制到Dreamweaver 4.0管理的网站的本地文件夹中； （2）在Dreamweaver 4.0的网页文件内选定要放图片的位置，然后选择 “Insert”|“Image” 命令； （3）在插入图片的对话框内选择要使用的图片或符号，然后单击“OK”按钮。;9.3 利用F1ash5制作网页动画 9.3.1 利用F1ash5制作网页动画 1．F1ash5简介 （1）有关动画的一些基本概念 ① 帧（Frame） Flash在制作动画时，是由若干个帧来组成一个动画效果的。帧是装载Flash作品内容、进行Flash作品播放的基本单位，也是Flash动画的基本组成元素。Flash的时间轴面板上的每一小格代表一帧。 帧有以下几种类型： ? 关键帧：关键帧是一个包含有内容，或是对内容的改变起决定性作用的帧。 ? 静止帧：时间轴上的静止帧是相邻静止关键帧的延续。 ? 中间过渡帧：中间过渡帧出现于过渡动画的两个关键帧之间。 ;② 图层（Layer） 图层是为了方便操作者制作复杂的Flash动画作品而引入的一种手段。在时间轴面板上，每个图层都有各自的时间轴。在每个图层中都包含了一系列的帧，在各图层中所使用的帧均是独立的。可用控制器来播放某个场景的动画效果。播放动画时，会从每个图层的第一帧开始播放（即同步播放），不同图层中的帧在同时播放中可以得到综合的效果。 ③ 场景（Scene） 一个Flash作品可以由若干个场景组成，每个场景都分别拥有各自独立的动画内容。每个场景中的图层和帧均