您好,欢迎来到素彩网!

Dreamweaver 4.0密技

来源:sc115.com | 176 次浏览 | 2011-06-29

标签: Dreamweaver Dreamweaver 4.0密技 Dreamweaver综合教程

随着Dreamweaver4.0的推出,这款工具已经逐渐成为业内制作网页的首选。在实际应用中,不管你是要使用HTML源代码逐字逐句来编写网页,还是运用可视化窗口来进行网页设计,下面的Dreamweaver4.0的密技都可以派得上用场。需要注意的是,这些密技适用于Dreamweaver4.0版本。

  有时候在浏览网页时页面窗口如果打开太大,就会有许多空白处。而如果太小,则又要不停地移动滚动条来浏览。假如页面大小能够随着窗口大小而自动调整,那该多好!用Dreamweaver4.0可以轻而易举地设计出会自动弹性调整的网页:

  打开你要编辑的页面,需要保证的是你的页面内容采用了表格的格式。按“Ctrl+F6”或者菜单“View-TableView-LayoutView”转换到布局视图。这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择“将列设为弹性显示”(MakeColumnAutostretch)。这时该列方框上方就会出现一条波浪形的线,而不是刚才表示列宽的数字。这时你的页面就变成了一个具有弹性的页面了。此外,需要注意页面不要有尺寸过大的图片。

  在Dreamweaver4.0中,不用Flash程序,也可以制作有闪动效果的Flash按钮。4.0版内嵌了许多种Flash按钮控件,可以制作许多不同样式的按钮(你还可以在http://dynamic.macromedia.com/bin/MM/exchange/dreamweaver/main.jsp获得更多的按钮样式)。选择菜单“Insert—InteractiveImages—FlashButton”就可看到有哪些内嵌按钮。

  在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何(图4)。选择好之后,在“ButtonText”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的方式,在“BgColor”选择按钮背景颜色,在“SaveAs”窗口输入保存的文件名。完成这些后,按下“OK”按钮,你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中。

  然后在Dreamweaver编辑窗口选中你刚才制作的按钮,在属性窗口就会显示出这个按钮的属性,单击上面的“Play”按钮,你就可直接在编辑窗口预览这个按钮的闪动效果啦。

  需要注意的是:Dreamweaver4.0的这个功能不支持中文字体。

  在网页中制作动态文字就像我们刚刚介绍的制作Flash按钮一样简单。同样,你不用安装Flash,用Dreamweaver4.0提供的新功能就可以轻松办到。只要选择菜单“Insert—InteractiveImages—FlashText”,在弹出的窗口中依次输入内容即可(比如文字、字体、字体颜色及字体大小等等)。

  注意:这个功能也不适用于中文字体。

  Dreamweaver4.0新增加的Assetspanel(资源控制面版)是一种可以在编辑网站时根据文件类型(例如图片、样板等)来管理文件的新工具,当你定义新站点时,选择菜单“Site-NewSite”,所有类型的文件会自动增加到Assetpanel的相应列表框。在这个新增加的资源控制面版里包含一个颜色框,可以储存你网站里所用到的所有色彩,包括文字的颜色、背景的颜色,以及链接的颜色等。

  这个颜色框还可作为一个调试板使用,你可以定制自己喜好的颜色,把它保存起来。只要启动Assetspanel(选择菜单“Window—Assets”),点击Assets窗口左上方那个小小的色彩卷轴,就可以看到你网站里各式各样的颜色选项。你可以在编辑窗口选择好文字,然后把你需要的颜色拉到这些文字上,就可以改变这些文字的色彩。

  这个工具还可以在你选择某种颜色时,调整这种颜色的十六进位值的色彩浓淡度和三色对应码(RGB)。你还可以把你喜好的颜色添加到自己的收藏夹里,只需点击Assets窗口右下方的“AddtoFavorites”按钮即可。

  Dreamweaver4.0允许用户自定义键盘快捷键,选择菜单“Edit—KeyboardShortcuts”,在对话框中列出目前已经启用的以及可以更改的快捷键一览表,你可以在这里把快捷键改成自己习惯用的。

  如果要更改快速键,首先要选取你要更改的命令,接着选取目前的快捷键,这个快捷键就会出现在“Shortcuts”列表中,然后在“PressKey”窗口输入你想要使用的快捷键,然后点击“Change”按钮更改即可完毕。你还可以利用“+”“-”按钮增加或者删除当前的快捷键。

  Dreamweaver4.0内建的O'ReillyCodeReference手册(菜单“Window—Reference”)可以为我们方便地提供代码帮助,我们还可以利用这个功能来检查页面属性以及与浏览器的兼容性。

  Dreamweaver4.0提供了MacromediaExchangeforDreamweaver(Dreamweaver插件管理器),利用这个管理器你可以方便地安装Dreamweaver的插件,你可以免费在MacromediaExchange(http://dynamic.macromedia.com/bin/MM/exchange/dreamweaver/main.jsp)获得更多的插件。前面介绍的“Flash”按钮就是在这个网站下载的。利用这些插件,你可以更方便地制作出精美的网页。

  在MacromediaExchange提供的插件都是MXP文件,这是Macromedia制定出来的一种插件标准。下载这些插件之后,在Dreamweaver编辑窗口选择菜单“Command—ManageExtensions”,在打开的“MacromediaManager”窗口中选择“InstallNewExtension”,然后选择你要安装的MXP插件即可。

  如果你的电脑里同时安装了Dreamweaver/Fireworks,那么你就可以使用Dreamweaver4.0提供的整合Fireworks的功能。利用这个功能你可以把你的GIF图片修改得更加动人,轻松地实现动画效果。

  在Dreamweaver编辑窗口选择好你要修改的GIF图片,然后在图片属性窗口单击“编辑(Edit)”按钮,这时系统会自动启动Fireworks软件编辑这个图片。

  如果你仔细看,会发现Fireworks的图片编辑窗口已出现EditingFromDreamweaver这样的文字和图样,也就是说这个图片是为Dreamweaver页面进行图片编辑的。现在我们在Fireworks里选择要编辑的图片,选择菜单“Modify—Animate—AnimateSelection”。在弹出的窗口里设置动画的属性:选定动画的帧数、动画移动的方向、透明度等等。然后把修改好的文件导出即可。这样,在Dreamweaver编辑窗口会自动更新刚才修改好的文件,使你的页面图片动起来。

  在Dreamweaver4.0里提供了一个网站报告器,利用这个网站报告器可以帮助你在你的网站众多文件中快速找到和修复错误。单击菜单“Site—Reports”即可启动报告器,选择你要检查的项目,然后单击“Run”按钮即可查出你网站上的一般问题。你也可以自己编写报告器来查出网站上的一些特殊问题。(一般问题通常是一些Alt文本丢失或文档未命名)

  在制作页面时,我们可能需要不停地修改页面,有时还要恢复过去的操作,我们过去可以使用“Edit”菜单里的“Undo”命令,可是这个命令每次只能恢复一次,如果我们需要恢复多次操作,那就要不停地“Undo”,实在太烦。在Dreamweaver4.0里提供了一个History窗口,可以让我们轻松地恢复多次操作。

  在“Windows”菜单里选择“History”即可开启这个历史窗口。在这个窗口把你每一次的操作都保留下来了,利用窗口左边那个滑动指针,就可以不停地恢复,还可以撤销每一次操作,包括已经存盘的。而且还可以把这个历史纪录保存下来共享。

搜索: Dreamweaver Dreamweaver 4.0密技 Dreamweaver综合教程 

最热-Dreamweaver综合教程

Micromedia Dreamweaver UltraDev 安装及使用教程(三)

利用DW插件改变IE浏览器滚动条(下)

网站更新短平快

层的应用及其定位(二)

用DREAMWAVER3.0打造网页的实例

轻松解决DW4的问题

Dreamweaver 4快速使用教程

Micromedia Dreamweaver UltraDev 安装及使用教程(二)

DW中如何使用Library

Dreamweaver技巧:朦胧就是美

Macromedia Dreamweaver 安装及使用教程(三)

用Dreamweaver测试主页

Micromedia Dreamweaver UltraDev 安装及使用教程(一)

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材