09 美化网页.ppt

通过本章学习,应该掌握以下内容:
Photoshop基本操作
利用Photoshop
Fireworks
利用Fireworks
Flash5基本操作
利用Flash5处理网页动画
第9章美化网页
使用Photoshop
Photoshop的特点及功能
新版Photoshop软件增加了许多新功能,设计了更加友好的界面,提供了更为方便的操作工具。它主要具有以下特点及功能:
支持大量的图像文件格式.
文本处理更加方便,可以在任何时候修改文本内容,并可以对文本层进行多种格式设置。
增强的色彩功能,提供了更广泛的色彩范围。
增强图层的功能,可以建立文本层、效果层,并增加了图层操作命令。
丰富的滤镜功能。
具有“Actions(动作)选项板”,能对图像处理操作进行有效的控制管理.
无限的撤消和重复操作为图像处理提供了更广泛的空间.
新增了“魔术棒”、“磁性套索”等工具.
Photoshop
Photoshop 、菜单栏、工具箱、选项栏、控制面板和状态栏组成.

(1)“文件”菜单
(2)“编辑”菜单
(3)“图像”菜单
(4)“图层”菜单
(5)“选择”菜单
(6)“滤镜”菜单
(7)“视图”菜单

工具箱一般出现在屏幕的左侧,也可以用鼠标按住其标题栏,拖动到屏幕的其它位置上。
(1)绘图工具
绘图工具包括“毛笔”、“铅笔”、“喷枪”、“印章”、“直线”工具等,利用这些工具可以在图像或选区中直接进行创作。
(2)选区工具
“选区”工具用于在图像上选出特定的区域。选区设定后,区域边界上会出现不断流动的虚线,虚线内部就是选定区域。
(3)编辑工具
编辑工具主要对图像进行进一步的修饰。包括“移动”、“橡皮擦”、“裁剪”、“涂抹”、“模糊”、“锐化”、“减淡”、“加深”、“海绵”、“缩放”、“抓手”工具等。
(4)填充工具
填充工具可对封闭的选区填充颜色或图案,包括“油漆桶工具”、“渐变工具”。
(5)文字工具
文字工具可以在图像中加入文字对象。选中该工具在图像区单击,会弹出文字对话框。
(6)其它工具
利用“注释工具”可为图像添加文字注释或语音注释。
利用“测量工具”可测量图像中两个像素点之间的距离、角度等。
利用“颜色拾取工具”可从图像中拾取某一像素点的颜色来改变前景色和背景色,.
“显示模式选择工具”使用户可根据实际情况在标准屏幕模式、带菜单栏的全屏模式、全屏模式中进行选择。

控制面板是Photoshop提供的一种很有特色且非常有用的功能,主要用于图像及工具的属性显示与参数设置等。
(1)导航器控制面板
导航器控制面板用来观察图像,它以一个小窗口显示整个图像。
(2)信息控制面板
信息控制面板用于显示光标在图像上所处位置的坐标、颜色信息以及选择区域的大小。
(3)颜色控制面板
颜色控制面板用来设置前景色和背景色。
(4)色板控制面板
此面板也可用来改变前景色和背景色。
(5)样式控制面板
在样式控制面板中有许多现成的样式,供用户直接使用。
(6)图层控制面板
利用图层控制面板可以控制图层的新建、删除、显示、隐藏、连接、合并、添加效果层、添加蒙板等。
(7)通道控制面板
通道控制面板用于创建和管理通道。通道不仅可以存放图像的颜色信息,还可以用来建立和存储选择区域。
(8)路径控制面板
路径是使用钢笔、自由钢笔等工具绘制的线条或形状,它提供了一种有效的方法来绘制精确的选区边界。
(9)历史记录控制面板
历史记录控制面板用来记录用户对图像的每一个操作,并根据执行的操作命令自动命名。它可帮助用户恢复到操作过程中的任何一步,可以完全恢复当时的状态。
利用Photoshop美化网页
利用Fireworks
利用Fireworks

(1)标题栏
(2)菜单栏
(3)工具栏
(4)标准工具栏
(5)状态栏
(6)浮动面板

(1)画面显示与调整
与显示相关的功能主要位于“View”菜单中.
(2)对象选择方法


将Fireworks制作的图片放到网页上
在Fireworks ,要将其放到网页中,需要进行如下操作:
(1)将图片或符号文件复制到Dreamweaver