DreamWeaver让网页“活蹦乱跳”

2016-02-19 19:57 7 1 收藏

今天图老师小编给大家展示的是DreamWeaver让网页“活蹦乱跳”,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - Web开发 】

    DreamWeaver最炫的功能之一就是可以和Macromedia其它家族产品搭配使用,产生你意想不到的效果。与FireWorks搭配使用,DreamWeaver可以提供全功能、双向的图片编辑功能,你也可以轻易地在DreamWeaver内制作出Flash的动画及Flash按钮。
    
  图片动起来   
    
  如果你同时安装有DreamWeaver和FireWorks,这两种产品搭配的完美程度将使你赞不绝口。即使你不是专业的图片设计者,在设计网页时也多多少少想把一些GIF图片修改得活灵活现。其实DreamWeaver可以让你自己制作出动画,而且很简单,来动手吧!
    
  1.在标准窗口里选择要进行修改的图片,然后在“Property Inspector”里点选“编辑”(Edit)按钮。如果你安装的DreamWeaver里附有FireWorks,那么FireWorks就是DreamWeaver预设图片的编辑器,这时图片就会自动载入到FireWorks。(若仔细看,一定会发现FireWorks的画面会出现“Editing From DreamWeaver”这样的文字和图样,指示你可以由DreamWeaver里进行图片编辑。)
    
  2.在FireWorks里点选要编辑的图片,选择“Modify Animate”→“Animate Selection”。
    
  3.接下来完成“Animate Dialog Box”里的设定,选定动画的帧数、动画移动的方向、透明度等等的设定。你也可以点选“Frames”工具列设定移动速度,选择“Object”面板来改变设定。要导出文件时只要点选“Optimize”工具列,在文件类型的地方选择“Animated GIF”。
    
  4.完成以后FireWorks就会自动将图片以最佳化设定导出,并且自动将GIF图片更新,还会在DreamWeaver里将更新过的图片显示出来。
    
  5.点选“File Preview in Browser”,这样就可以在浏览器里预览刚刚制作完成的可爱图片!
    
  闪动的按钮
    
  在DreamWeaver中,不用Flash也可以制作出有闪动效果的Flash按钮物件。DreamWeaver4.0版本内置有好几个Flash按钮物件,可以制作很多种不同形式的按钮。
    
  1.点选“Insert Interactive Images Flash Button”就可看到有哪些内置按钮。
    
  2.在对话框内甚至可以用鼠标指到想要使用的按钮形式,然后看看在浏览器里的效果如何。
    
  3.用鼠标的指针把要用的按钮形式选起来,再依次输入参数,例如按钮上的文字、字形、颜色、链接等,或是自定义文件名称。按下“OK”。
    
  4.接下来就会有一个“SWF”文件产生,并会自动放到你的网页中。按一下这个做好的文件,会看到“Property Inspector”(属性明细)中会显示出文件的属性。
    
  5.将文件属性显示出来时,如果扩展文件属性明细表中出现“Play”(播放)钮,点选之后可以不用打开浏览器就能预览按钮的闪动效果。
    
  流动的文字
    
  在网页中增加流动文字就好像增加刚刚介绍的Flash按钮一样简单。相同地,不用安装Flash软件或插件,用DreamWeaver4.0提供的新功能就可以轻松实现。常用HTML语法写网页和没有互动式网页经验的制作者也可以轻松制作出小巧的Flash形式的流动文字。据Macromedia表示,有97%的网络使用者可以观看有Flash效果的网页,因此这项新功能可以在不添加兼容性的情况下为网页增添一些浏览上与读者的互动性。
    
  只有一步:
    
  点选“Insert Interactive Images Flash Text”,再填入具体的参数设置(例如要变更效果的文字、字形、字体颜色及字体大小等等)就可以了。(广西马马)
    
  很多初学者在制作网页时,总喜欢到网上寻找一些JavaScript代码,然后把它们插入到自己的网页当中,以此来增强网页的动感。其实FrontPageXP本身就自带了一些网页动态效果,只要你灵活运用它们,一样可以做出超酷的效果。让你的网页如百事一般动起来更精彩。

来源:http://www.tulaoshi.com/n/20160219/1622395.html

延伸阅读
win7鼠标光标乱跳怎么办?   鼠标是我们操作windows系统的重要设备,当鼠标出现问题时,将严重影响用户的正常工作;在win7系统下,相信许多用户多遇到过鼠标光标在电脑屏幕上乱跑的问题,这样用户在选取文字或指定输入位置时,将受到很大的影响,对于出现这类问题通常都以为是鼠标设备出现了问题,其实并非如此,造成win7系统鼠标指针...
标签: Web开发
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清...
这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。 从网站浏览者的角度来看,无论是...
标签: Web开发
设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。 本例中制作了两个页面,如图1所示, Index.HTML是显...
标签: Web开发
本文汇集了一些Dreamweaver制作网页时的可以用的一些小技巧。希望对您有所帮助。 1)怎样将 Dreamweaver 集成到 IE 浏览器? Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按...

经验教程

955

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部