十二个Dreamweaver使用小秘诀

本文格式为Word版，下载可任意编辑——十二个Dreamweaver使用小秘诀十二个Dreamweaver使用小秘诀

导语：下面就由我为大家介绍一下十二个Dreamweaver使用小秘诀，不管你是要运用HTML原始语法逐字逐字来编写网页，或是运用标准化窗口来举行网页的视觉设计，以下的小秘诀都可以派得上用场!

秘诀1：让网页页面大小更有弹性

有些网页开发者称以下要介绍的这种技巧为“liquid”，在这儿那么把这种技巧叫做是“弹性延迟的技巧”。这是一种技巧，可在访客欣赏器窗口大小变更时也随之调整网页页面大小，因此假设窗口过大就不会有空白处;窗口过小边缘就不会跑出上下移动的拉条。其实大多数简朴的网页会自己随着欣赏器窗口大小来调整页面大小，但是假设是网页里用到好多不同的框架及表格，网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架，和GIF图片作为间隔来设计网页页面，这样一来不管是用InternetExplorer或是用NetscapeNavigator，页面大小都会固定而不会跑掉。用Dreamweaver4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?

概括做法：用工具面板Objectpalette上的按钮开启网页，并且转换到“格式查看”Layoutview。这时可以看到文字方块的栏度，每一栏的方框上方中间还有一个小小的下拉式箭头，点选想要设置弹性显示的栏上方的小箭头，接着选择“将栏设为弹性显示”MakeColumnAutostretch。设置自动调整栏的宽度以一栏为限这时该栏方框上方就会展现一条波浪形的线，而不是原本表示栏度的数字。Dreamweaver会自动制作出固定版面的空格图片，这个空白图片是以栏上方的两个长条形的空白表格表示，如此版面会自动被填充，才会完成弹性版面设置。在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片，为求效果，我们建议你让Dreamweaver自动产生一个，不然就不用使用空白图片来填充版面。

秘诀2：创造个人调色板

Dreamweaver新的“Assetspanel”属性操纵面板是一种可以在编辑网站时根据文件格式，例如图片、样式等来管理文件的新工具。

概括做法：当你定义新站点时点选SiteNewSite，全体类型的物体会自动增加到“Assetpanel”里的适当表框中。这个新参与的“Assetspanel”属性操纵面板里也有颜色框，储存你网站里所用到的全体色调，包含文字的颜色、背景的颜色，以及超链接的颜色等。这是一个为使用者量身定做的网站导航颜色盘。只要启动“Assetspanel”先选“Window”再点“Assets”，接着点左方那个小小的色调卷轴，就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时，画面上会展现这种颜色的十六进位值的色调淡浓度，和三原色对照码RGB。假设想将调色板工具栏缩小一点，甚至可以仅参与某些颜色到调色板的“我的最爱”里。只需将选取的颜色反白、点选窗口里一个叫做“新增到我的最爱的”按钮最下方靠右的按钮，就可以完成了。

秘诀3：制作弹出式菜单导航系统

原本要制作弹出式菜单导航系统Pop-upMenuNavigationSystem要用到好多的一些javascript的语法和技巧，但是假设你有Dreamweaver、FireworksStudio，即可轻轻松松快速的办到。

概括做法：首先在“Fireworks”里开头，选择某个图片，然后在“SetPop-UpMenu”的对话框里点选“InsertPop-UpMenu”，你可以输入工程items的名称并点“Plus”参与按钮，来新增该工程。你可以持续在跳出来的信息框里举行细项设置，例如设置该工程所要用的文字及超链接，当然也可以新增子菜单，并重新安置下一层的设置。完成时，点选“Next”下一步，持续设置各种参数值，例如颜色、字体等等。这时菜单完成后，既可以预览HTML语法，也可预览图象。再点“Finish”完成。这时当鼠标移动到原来的图片时，会展现菜单系统的内容一览。接着将制作好的文件导出时，“Fireworks”会自动生产出全体Dreamweaver需要用到的HTML、javascript，以及图象文件。

秘诀4：让图片动起来

假设你同时安装有Dreamweaver、FireworksStudio，这两种软件搭配的完备程度将使你赞不绝口。即使你不是专业的图片设计者，在设计网页时也多多少少想把一些GIF图片修改得活生动现。Dreamweaver可以让你制作动画不求人。

概括做法：在标准窗口里选择要举行修改的图片，然后在“PropertyInspector”里点选“编辑”Edit。假设你安装的Dreamweaver里附有“Fireworks”，“Fireworks”就是Dreamweaver预设图片编辑器，这时图片就会自动载入到“Fireworks”。假设留心看，你会察觉Fireworks的画面会展现“EditingFromDreamweaver”这样的文字和图样，指示你可以在Dreamweaver里举行图片编辑。好了，现在在“Fireworks”里点选要编辑的图片，选择“ModifyAnimateAnimateSelection”。接下来完成“Animatedialogbox”里的设置，选定动画的帧数，动画移动的方向、通明度等等设置。你也可以点选“Frames”工具设置移动速度，选择“Object”面板来变更设置。要导出文件时，只要点选“Optimize”工具栏，在文件类型的地方选择“AnimatedGIF”。完成以后，“Fireworks”就会自动将图片以最正确化设置导出，并且自动将GIF图片更新，还会在Dreamweaver里将更新过的图片显示出来。点选“FilePreviewinBrowser”，这样就可以在欣赏器里预览刚刚制作完成的心爱图片。

秘诀5：让按钮有闪动效果

在Dreamweaver中，不用有Flashs，也可以制作有闪动效果的Flash按钮物体。Dreamweaver内置有好几个Flash按钮物体，可以制作好几个不同形式的按钮。

概括做法：点选“InsertInteractiveImagesFlashButton”就可看到有那些内置按钮。在对话框内甚至可以用鼠标指到想要使用的按钮形式，然后看看在欣赏器里的效果如何。用鼠标指针把要用的按钮形式选定，再依依次输入参数，例如按钮上的文字、字形、颜色、超链接等，或是自设文件名字。按下OK。接下来就会有一个“SWF”格式的文件产生，文件并会自动导入你的网页中。按一下这个做好的文件，会看到“PropertyInspector”属性明细中会显示出文件的属性。将文件属性显示出来时，假设扩展文件属性明细表，会展现“Play”播放，点选之后可以不用开启欣赏器来预览按钮的闪动效果。

秘诀6：制作滚动文字

在网页中增加滚动文字就像增加我们刚刚介绍的Flash按钮一样简朴。一致地，不用安装Flash，用Dreamweaver供给的新功能就可以轻松办到。常用HTML语法写网页、没有互动式媒体阅历的网页制也可以轻松制作出小巧的Flash形式的滚动文字。这项新功能可以在不添加相兼容性麻烦的处境下为网页添加一些欣赏上与访客的互动性。

概括做法：点选“InsertInteractiveImagesFlashText”，再将参数设置一一填入例如要更改效果的文字、字形、字体颜色及字体大小等等。

秘诀7：更改键盘快捷键

Dreamweaver可让使用者自订使用界面，这项设计特别有弹性。举例来说，使用者可以通过编写程序或自行增加物体object的方式来更改菜单。不必功力高深，你就可以更改键盘快捷键，由于Dreamweaver有一项叫做“KeyboardShortcutEditor”的图形界面。

概括做法：只要点选“EditKeyboardShortcuts”，对话框将载入并栏出可以改动的`快捷键一览表，让你把快捷键改成自己习惯用的设置值。要改动快捷键，只要使用现行设置CurrentSet和命令栏Command的下拉菜单，在现有的命令中找到想要更改的命令，接着选取目前的快捷键，就会展现在快捷键的列表中。另外，假设要增加快捷键设置，可以点选“Plus”、在键盘上敲入你想使用的新快捷代表键，点选“变更”Change即可。同时你也可以选取某快捷键、点选“移除”Minus，就可以移除某个快捷键。

秘诀8：重新设置网站窗口Sitewindow栏

概括做法：只要从“Sitewindow”中点选“ViewFileViewColumns”，就可以自字查看网站Siteview栏的大小及展现方式。选取某一栏的名称，使用上下箭头重新调整，或不要勾选显示栏Showfield以暗藏该栏。另外，点选“Plus”钮也可以新增栏，并自创栏名。此外，你也可以在下拉式菜单中选择现有的“note”来将栏和“DesignNote”产生关联。

秘诀9：查看网页原代码

概括做法：当你开启“ReillyCodeReference”WindowReference来检查属性或是欣赏器的兼容性时，预设的窗口会以细小的字型显示出“参考设置值”。但是假设你按下窗口右上方的右键就在关闭按钮的下方，就会展现一排下拉式菜单，可以在这边选择原始代码字体的大小小型字到中型字体以及大型字体。选择大型字体对比不会“虐待”眼睛，由于这样你看HTML原代码时就不用拿着放大镜看屏幕了。

秘诀10：新增Flash按钮

秘诀5中，我们介绍如何用20种预设的按钮类型，来制作Dreamweaver里的Flash按钮。这是不用另外安装任何文件或程序的方法。下面有另一种方法，就是安装“Fireworksbuttons”，这种扩展功能和秘诀5有一致的效果。

概括做法：到“ExchangeforDreamweaver”Dreamweaver扩展功能交换中心，输入“InstaGraphicsExtensionsforDreamweaver”的关键字搜寻，然后再下载这个大约577K的文件。转换到Dreamweaver，选择“CommandsManageExtensions”，再选择“FileInstallExtension”，就可以开头安装。一旦重新启动“Dreamweaver”，就有六个希奇好玩的按钮格式，包括“Surfboard”及“Bulletbar”在内，这时只要使用“InsertInteractiveImagesFireworksButton”命令，就可以制作出一个酷炫的按钮。你也可以用“commandsConvertBulletsToImages”及“CommandsConvertTextToImages”，上述两种方法都可以自动执行“Fireworks”。

秘诀11：在网页中参与“设置成我的最爱”功能

概括做法：在“Exchange”里搜寻，你就可以察觉“AddToFavorites”的扩展功能。这个小小的文件才占3K，下载时间不会等太久，接着循一致步骤，由“ExtensionManager”载入CommandsManageExtensions、FileInstallExtension。接着重新启动Dreamweaver，这个新载入的扩展文件会在Dreamweaver里新增一项功能。假设你的网页中参与这个“参与我的珍藏集”的功能，这样一来使用者看到你的网站时，轻轻一按，就可以轻易地将你的网站参与他使用欣赏器的“我的最爱”或是个人书签。此外，最炫的是也可以自订“我的最爱”名称，以及“我的最爱”名称前会展现的小图示一般IE中“我的最爱”前面的小图示都是IE的预设值，假设你有自己设计的小图示，那就炫多了。留神，这项功能只支持用IE4.0以及更高版本的欣赏器。只要选择“Windows”菜单里的“Behavior”面板，再到IE功能下拉菜单点选此项功能，即可轻松启动此酷炫功能。

秘诀12：超酷的图表

假设你想制作表格，还要自己花时间再逐字编写网页原代码吗?不需要了，已经有现成的了!

概括做法：到Exchange下载“Form