终极博鳌网页设计：第9章美化网页设计

《终极博鳌网页设计：第9章美化网页设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：Photoshop基本操作利用Photoshop6.0处理网页图像利用Dreamweaver编辑各种超连接的方法Fireworks4.0基本操作利用Fireworks4.0美化网页图像Flash5基本操作利用Flash5处理网页动画第9章美化网页9.1使用Photoshop6.0美化网页9.1.1Photoshop的特点及功能新版Photoshop软件增加了许多新功能，设计了更加友好的界面，提供了更为方便的操作工具。它主要具有以下特点及功能：支持大量的图像文件格式.文本处理更加方便,可以在任何时候修改文本内容

2、，并可以对文本层进行多种格式设置。增强的色彩功能，提供了更广泛的色彩范围。增强图层的功能，可以建立文本层、效果层，并增加了图层操作命令。丰富的滤镜功能。具有“Actions（动作）选项板”，能对图像处理操作进行有效的控制管理.无限的撤消和重复操作为图像处理提供了更广泛的空间.新增了“魔术棒”、“磁性套索”等工具.9.1.2Photoshop6.0的基本操作Photoshop6.0的界面主要由标题栏、菜单栏、工具箱、选项栏、控制面板和状态栏组成.1．菜单栏的使用（1）“文件”菜单（2）“编辑”菜单（3）“图像”菜单（4）“图层”菜单（5）“选

3、择”菜单（6）“滤镜”菜单（7）“视图”菜单2．工具箱的使用工具箱一般出现在屏幕的左侧，也可以用鼠标按住其标题栏，拖动到屏幕的其它位置上。（1）绘图工具绘图工具包括“毛笔”、“铅笔”、“喷枪”、“印章”、“直线”工具等，利用这些工具可以在图像或选区中直接进行创作。（2）选区工具“选区”工具用于在图像上选出特定的区域。选区设定后，区域边界上会出现不断流动的虚线，虚线内部就是选定区域。（3）编辑工具编辑工具主要对图像进行进一步的修饰。包括“移动”、“橡皮擦”、“裁剪”、“涂抹”、“模糊”、“锐化”、“减淡”、“加深”、“海绵”、“缩放”、“抓手

4、”工具等。（4）填充工具填充工具可对封闭的选区填充颜色或图案，包括“油漆桶工具”、“渐变工具”。（5）文字工具文字工具可以在图像中加入文字对象。选中该工具在图像区单击，会弹出文字对话框。（6）其它工具利用“注释工具”可为图像添加文字注释或语音注释。利用“测量工具”可测量图像中两个像素点之间的距离、角度等。利用“颜色拾取工具”可从图像中拾取某一像素点的颜色来改变前景色和背景色，.“显示模式选择工具”使用户可根据实际情况在标准屏幕模式、带菜单栏的全屏模式、全屏模式中进行选择。3．控制面板的使用控制面板是Photoshop提供的一种很有特色且非常

5、有用的功能，主要用于图像及工具的属性显示与参数设置等。（1）导航器控制面板导航器控制面板用来观察图像，它以一个小窗口显示整个图像。（2）信息控制面板信息控制面板用于显示光标在图像上所处位置的坐标、颜色信息以及选择区域的大小。（3）颜色控制面板颜色控制面板用来设置前景色和背景色。（4）色板控制面板此面板也可用来改变前景色和背景色。（5）样式控制面板在样式控制面板中有许多现成的样式，供用户直接使用。（6）图层控制面板利用图层控制面板可以控制图层的新建、删除、显示、隐藏、连接、合并、添加效果层、添加蒙板等。（7）通道控制面板通道控制面板用于创建和

6、管理通道。通道不仅可以存放图像的颜色信息，还可以用来建立和存储选择区域。（8）路径控制面板路径是使用钢笔、自由钢笔等工具绘制的线条或形状，它提供了一种有效的方法来绘制精确的选区边界。（9）历史记录控制面板历史记录控制面板用来记录用户对图像的每一个操作，并根据执行的操作命令自动命名。它可帮助用户恢复到操作过程中的任何一步，可以完全恢复当时的状态。9.1.3利用Photoshop美化网页9.2利用Fireworks4.0美化网页9.2.1利用Fireworks4.0制作网页图片1．Fireworks4.0工作界面（1）标题栏（2）菜单栏（3）工

7、具栏（4）标准工具栏（5）状态栏（6）浮动面板2．Fireworks4.0基本操作（1）画面显示与调整与显示相关的功能主要位于“View”菜单中.（2）对象选择方法3．利用Fireworks网页导航栏4．利用Fireworks制作按钮符号9.2.2将Fireworks制作的图片放到网页上在Fireworks4.0中制作完图片或符号后，要将其放到网页中，需要进行如下操作：（1）将图片或符号文件复制到Dreamweaver4.0管理的网站的本地文件夹中；（2）在Dreamweaver4.0的网页文件内选定要放图片的位置，然后选择“Insert”

8、

9、“Image”命令；（3）在插入图片的对话框内选择要使用的图片或符号，然后单击“OK”按钮。9.3利用F1ash5制作网页动画9.3.1利用F1ash5制作网页动画1．F1as