网页设计三剑客的用法及区别
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver
是一个“所见即所得”的可视 化网站开发工具，主要用于动 态网页和静态网页的开发
Fireworks
主要是用于对网页上常用的 jpg、gif的制作和处理，也可 用于制作网页布局
Flash
主要用来制作动画，现推 出Flash平台，可预见有 极好的前景
Fireworks的用法
1
Adobe Fireworks可以加速 Web 设计与开发，是一款创建与优 化 Web 图像和快速构建网站与 Web 界面原型的理想工具。 Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还 提 供 了 一 个 预 先 构 建 资 源 的 公 用 库 ， 并 可 与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver 和Adobe Flash软件省时集成。
显示网站的主体内容, 可以单击超链接进入该网站的其他页面，即内页
Dreamweaver的用法
建立站点
制作网页
发布站点
工具栏站点-新建站点
站点名称-链接路径 存储类型-保存
申请域名-配置远程 信息 -FTP 上传到远 程服务器
三剑客的区别
FLASH ：是一个专门做动画的软件，它可以制作动画片、FLASH制作的MTV， 还有网上常常看见的电子图书，FLASH应用的很广，网上经常用到它，它也
Dreamweaver的用法
1 不生成冗余代码
2 方便的代码编辑 3 强大的动态页面支持 4
操作简便
效果难一致，难以精确达到与浏览
器完全一致的显示效果也就是说您
1
在所见即所得网页编辑器中制作的 网页放到浏览器中是很难完全达到 您真正想要的效果，这一点在结构
优点
5 优秀的网站管理功能
6 7
制作效率高 网站管理便捷
1
区别
可以做一些很漂亮的按钮，但一般在网上看见的那种漂亮效果都会加Action脚 本,还有一些打开网页经常看到的那种做为宣传型式的FLASH广告，总之 FLASH的应用的非常的广，而且简单易学。
2 3
Dreamweaver：是一个专业排版网页的软件，只要灵活应用，他 可以做出很漂亮的网站，但它不能对任何图片进行修改，它只是一 个排版网页的软件，它可以支持很多脚本，如：ASP、JSP等。
Fireworks的用法
蒙图的制作
蒙图：使用蒙版可以创建部分被遮掩的图像。同时通过蒙版对象的编辑和效果应
用,可以做出各种丰富效果的蒙版图像。
步骤一
步骤二
使用圆角矩形工具在工 作区画出正圆角矩形 （长 :60px ，宽 :60px ，
步骤三
步骤四
打开图片
去掉一些矩形，全选这 些路径对象，选择“修 改” 、“组合路径”、 “合并”。
Fireworks
3
2
Fireworks在网页设计中主要用于设计图标和界面效果，制作简 单的动画和按钮等。
Fireworks的用法
工具栏
选择
用于选择、变形、裁剪、 编辑窗口中的对象
位图
用于创建或编辑位图
矢量
该栏中集中了所有的矢 量图绘制和编辑工具
Web
网页编辑工具，即对效果 图进行划块、完成交互功 能的切片和热点的工具
目录
CONTENTS
网络设计三剑客
Flash的用法
三剑客的区别
1
3
5
2
Fireworks的用法
4
Dreamweaver的用法
网页设计三剑客
网页三剑客，是一套强大的网页编辑工具，最初是由Macromedia公
司开发出来的。由Dreamweaver，Fireworks，Flash三个软件组成，俗称 网页三剑客
常用工具栏
时间设置栏
其他属性栏 舞台
制造动画的主要位置，动画的制作，调试都是在舞台进行的
Flash的用法
1
场景：指原件实例表演的舞台，一个完整的 Flash文档可以由一 个场景组成，也可以由多个场景组成
术语
3
2
元件：可以反复使用的图形、按钮和影片剪辑等，可以在 任意时间调用元件，当元件被调用后就会产生一个元件的 实例
缺点
复杂一些的网页（如分帧结构、动 态网页结构）中便可以体现出来
8 控制能力强 9
便于扩展
代码难控制，因为Dreamweaver采
2
用的是 非可见代码编辑器，所以所 作出的代码难以控制
Dreamweaver的用法
封闭标签，即由起始标签（首标签）和末标签组成，也称成对标签，如 <html>和 </html>
时间轴包括图层与帧区两部分，图层区叠放动画元素，帧区控制 动画播放。帧又分为关键帧、空白帧和帧
Flash的用法
Flash的特点
Flash被大量应用于互联网网页的 矢量动画设计。因为使用向量运算 （VectorGraphics）的方式，产 生出来的影片占用存储空间较小 使用Flash创作出的影片有自己的 特殊档案格式（SWF），该公司声 称全世界97%的网络浏览器都内建 Flash播放器（FlashPlayer）
Flash 软件
2 3 4 5
Flash的用法
菜单栏
提供了整个软件的各个菜单操作栏，所以的操作我们都可以在里面找到相 应的操作钮 日常制作动画需要用的操作大都可以直接在常用工具栏直接选择， 方便我们的制作效率 动画动起来的关键，一帧一帧的画面通过不同的时间间 隔连起来就是我们的动画了。 包含常用的比如“属性”“库”“颜色”“动画预设” 等其他协助创造的设置
Fireworks：这个软件用的不太多，但类似于PS，但功能远远不如PS，这个 软件一般是来做网页按钮，它里边有很多效果，它还可以做一些GIF小动画。
THANKS
演示完毕 感谢观看
一
二
三
四
五
六
七
拖图片至空白 位置，点击右 键分离
点击选择工具， 对星星拖移
返回场景，将元件1和 元件2拖入场景，在第 15帧如插入关键帧，并 选择任意变形工具调整 元件2大小，然后把第 一针复制到第13帧
Dreamweaver的用法
Dreamweaver 是一款所见则所得网页编辑器，是美国 MACROMEDIA 公司开发的集 网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计 师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨 越浏览器限制的充满动感的网页。
如果想显示所有面板，可再按 “Tab”键或选择菜单中的 “窗口一隐藏面板”命令
若想让两个面板组合，只需激活一 个面板，将它的标题条用鼠标拖至 另一个面板的轮廓内释放即可
若想让两个面板脱离组合，只 需将其中一个标题条拖到另一 个面板的轮廓之外即可
Fireworks的用法
Fireworks 属性栏可以快速设置当前所使用的工具或所选中 对象的参数属性。比如选中工具箱中的工具时，“属性”面 板将出现与该工具对应的所有参数选项。
颜色
用于取色、填充颜色，以及 设置笔触线和填充颜色
视图
以不同的视图模式查看图像效果， 也可通过手形图标移动观看，或 用放大镜放大显示图像
Fireworks的用法
Fireworks的面板是浮于界面上方的，可以把它们移到屏幕 的任何一个地方。每个面板都可以单独移动、分割和组合。
若想隐藏面板，可选择菜单中的“窗 口一隐藏面板”命令或按“Tab”键， 所有的面板就会隐藏起来
Flash是Macromedia提出的“富 因特网应用” 概念的实现平台之一
Flash可以把工作成果输出为exe 格式的文件，在没有安装Flash播 放器的电脑上随意浏览
Flash的用法
选择图片导入到库， 插入-新建元件
选择套索工具魔法棒，点击空 白位置-delete 剪切星星，在右边库 新建元件，粘贴星星 文件-发布预览
标签
不封闭标签，即只有首标签，没有末标签，如<br> HTML文件格式:
1
概念
3
<HTML> <HEAD> 网站是网页的集合，包含图像、音乐、视 频和数据库等。根据在网站中的 <TITLE>标题部分</TITLE> 不同地位, 网页可分为主页和内页 </HEAD> <BODY> 2 主页一般是网站的首页，如果是企业网站，那么形象页作为第一个页面 正文部分 </BODY> </HTML>
全选对像，对位图进 行 蒙 版 MASK 操 作 ： “修改”菜单、“蒙 版”、“组合为蒙版
笔触： #ccccccc ，填充
色 ： #ffffff ） ， 删 除 历 史-克隆
Flash的用法
1
Flash是一种动画创作与应用程序开发于一身的创作软件 为创建数字动画、交互式Web 站点、桌面应用程序以及手 机应用程序开发提供了功能全面的创作和编辑环境 广泛用于创建吸引人的应用程序，包含丰富的视频、声音、 图形和动画 可以在 Flash 中创建原始内容或者从其它 Adobe 应用程序 （如来自百度文库hotoshop）导入它们，快速设计简单的动画 Flash可以包含简单的动画、视频内容、复杂演示文稿和应用