【网站设计师常用工具】-网站设计常用工具软件

1、星期八职场经验网（）【现成经验助你快速完成工作】网络设计常用工具软件1.超文本标识语言 超文本标识语言 2.Frontpage网页制作软件 网页制作软件 3.Photoshop图像处理软件 图像处理软件 4.GIF Animator 动画处理软件 5.Dreamweaver 网站和网页设计软件 6.Fireworks 图形处理软件 7.Flash 动画制作软件Photoshop 简介 Photoshop的特点及功能 的特点及功能支持大量的图像文件格式. 支持大量的图像文件格式 可以在任何时候修改文本内容， 文本处理更加方便 ,可以在任何时候修改文本内容， 可以在任何时候修改文本内容 并可以对文

2、本层进行多种格式设置。 并可以对文本层进行多种格式设置。 增强的色彩功能，提供了更广泛的色彩范围。 增强的色彩功能，提供了更广泛的色彩范围。 增强图层的功能，可以建立文本层、效果层， 增强图层的功能，可以建立文本层、效果层，并增加 了图层操作命令。 了图层操作命令。 丰富的滤镜功能。 丰富的滤镜功能。 具有“ 具有 “ Actions（ 动作 ） 选项板 ” ， 能对图像处理操 （ 动作） 选项板” 作进行有效的控制管理。 作进行有效的控制管理。 无限的撤消和重复操作为图像处理提供了更广泛的空 间。 具有“魔术棒” 磁性套索”等工具。 具有“魔术棒”、“磁性套索”等工具。Photoshop C

3、S4 的操作界面Photoshop CS4 的操作界面 Photoshop CS4 的菜单栏 Photoshop CS4 的工具箱 Photoshop CS4 的基本操作利用Photoshop进行图片处理 进行图片处理 利用 利用Photoshop制作春节花炮 利用 制作春节花炮图片处理效果 图片合成技术 改变亮度、对比度、颜色、灰度等效果 滤镜的使用春节花炮制作效果 “文件”“新建”，新建一个宽度10厘米、高度20厘 米；分辩率：72的文件； 新建图层并命名为“炮”，选择工具箱中的矩形选框 工具，在图层“炮”上框选一个矩形 ； 渐变填充，在工具选项栏中选择渐变编辑器，设花炮 炮身； 新建一个

4、图层命为“头”，椭圆选框工具，画出炮头； 椭圆选框工具，绘制椭圆并描边为金黄色； 合并图层得一个花炮； 旋转变换，复制图层多次得多个花炮，叠加； 用钢笔工具画出导火索。Ulead GIF Animator 简介 GIF 的全称是 Graphics Interchange Format（可交换的文件格式）, 是 CompuServe 公司提出的一种图形文件格式。 Ulead GIF Animator 是非常方便的 GIF 动画制作软件。Ulead GIF Animator 不但可以把一系列图片保存为 GIF 动画格式，还能产 生二十多种 2D 或 3D 的动态效果，以满足制作网页动画的要求。 G

5、IF 文件格式主要应用于互联网, GIF 格式提供了一种压缩比较 高的高质量位图, 但 GIF 文件的一帧中只能有 256 种颜色。 GIF 格式的图片文件的扩展名是“.gif”。 与其它图形文件格式不同的是, 一个GIF文件中可以储存多幅图片， GIF 将其中存储的图片像播放幻灯片一样轮流显示, 可以形成一 段动画。 GIF 文件还有一个特性：它的背景可以是透明的, 也就是说, GIF 格式的图片的轮廓不再是矩形的, 它可以是任意的形状, 就好象用 剪刀裁剪过一样。 GIF 格式还支持图像交织, 在网页上浏览 GIF 文件时, 图片先是很 模糊地出现, 然后才逐渐变得很清晰, 这就是图像交织

6、效果。GIF 动画效果Ulead GIF Animator基本操作Ulead GIF Animator Ulead GIF Animator 启动 Ulead GIF Animator Ulead GIF Animator菜单栏 Ulead GIF Animator 标准工具栏 Ulead GIF Animator 帧面板 设计制作Ulead GIF Animator 动画 动物图像处理工 具 面 板Fireworks CS4 简介 Fireworks 是网络图形处理软件，集网页图形的 是网络图形处理软件，创建、 编辑、 管理于一体， 创建 、 编辑 、 管理于一体 ， 简化了制作网页图 形的

7、流程， 形的流程 ， 能生成大小合适质量较好的网页图 形。 Fireworks的特点： 的特点： 的特点工作环境与Dreamweaver、Flash和谐统一，具有风格相同的面 、 和谐统一， 工作环境与 和谐统一 菜单栏、工具箱等； 板、菜单栏、工具箱等； 提供了强大的矢量图形和位图图像的编辑功能， 提供了强大的矢量图形和位图图像的编辑功能，可以直接在位 图图像和矢量图象之间进行切换， 图图像和矢量图象之间进行切换，避免在多个应用程序之间转 移； 可快速创建Web导航，由向导程序自动生成图形和 导航， 可快速创建 导航 由向导程序自动生成图形和JavaScript代 代 并可在Dreamwea

8、ver中方便地编辑所生成的图形文件； 中方便地编辑所生成的图形文件； 码，并可在 中方便地编辑所生成的图形文件 可进行图形的热区与切片操作，创建复杂的交互动作和GIF动 可进行图形的热区与切片操作， 创建复杂的交互动作和 动 画文件Fireworks CS4的工作界面 的工作界面工具栏菜单栏 浮 动 面 板工 具 箱 属性面板Fireworks CS4基本操作 基本操作 文件打开、导入、保存、导出操作 文件打开、导入、保存、 制作世界名兰和蝴蝶图形组合 编辑位图（模糊、锐化、减淡、加深、克隆） 编辑位图（模糊、锐化、减淡、加深、克隆） 利用模糊工具处理虎、减淡工具处理树林、 利用模糊工具处理虎

9、、减淡工具处理树林、 克隆工具 处理蝴蝶图形 利用“ 钢笔工具” 部分选定工具” 利用 “ 钢笔工具 ” 、 “ 部分选定工具 ” 和 “ 自由变形 工具”制作世博吉祥物海宝。 工具”制作世博吉祥物海宝。 图形按钮符号制作 文件>新建 新建>120*40背景为透明的文档； 背景为透明的文档； 文件 新建 背景为透明的文档 编辑>插入 新建按钮>设置状态 导入按钮>选按钮样 插入>新建按钮 设置状态>导入按钮 编辑 插入 新建按钮 设置状态 导入按钮 选按钮样 式字体>编辑按钮文本 编辑按钮文本； 式字体 编辑按钮文本； 设置按钮文本滤镜效果、按钮

10、滤镜效果，保存按钮图 设置按钮文本滤镜效果、 按钮滤镜效果， 形文件。 形文件。 利用蒙版操作合成图形。 利用蒙版操作合成图形。Fireworks CS4常见图形的创建和使用Fireworks CS4常见图形的创建和使用将Fireworks制作的图片放到网页上 制作的图片放到网页上中制作完图片或按钮后， 在Fireworks CS4中制作完图片或按钮后，要将 中制作完图片或按钮后 其放到网页中，需要进行如下操作： 其放到网页中，需要进行如下操作：将图片或按钮文件复制到Dreamweaver CS4管理的网 将图片或按钮文件复制到 管理的网 站的本地文件夹中； 站的本地文件夹中； 在Dreamw

11、eaver CS4 的网页文件内选定要放图片的位 命令； 置，然后选择 “Insert”|“Image” 命令； 在插入图片的对话框内选择要使用的图片或按钮， 在插入图片的对话框内选择要使用的图片或按钮 ， 然 后单击“ 按钮。 后单击“OK”按钮。 按钮F1ash CS4简介 简介Flash CS4 的主要功能 Flash是用于制作适合网络传输的流媒体动画的软件。 是用于制作适合网络传输的流媒体动画的软件。 是用于制作适合网络传输的流媒体动画的软件 Flash 动画文件具有体积小、可边下载边播放、多媒体交 动画文件具有体积小、可边下载边播放、 互性等特点。 互性等特点。Flash CS4 与Dreamweaver CS4、Fireworks CS4 具有相同相同风 、 格的快速启动栏、浮动面板、菜单栏、工具箱等； 格的快速启动栏、浮动面板、菜单栏、工具箱等； 提供了与Fireworks CS4 基本相同的绘图工具，因此对于熟悉 基本相同的绘图工具， 提供了与 Fireworks CS4 的用户基本可以不用重新学习就可以绘图； 的用户基本可以不用重新学习就可以绘图； 利用关键帧和元件等技术可以轻易地制作出各类动画； 利用关键帧和元件等技术可以轻易地制作出各类动画； 提供了层技术，使动画的各个组成部分既分又合