[设想]Dreamweaver鲜为人知的小法门(转载)

一、布景阐发

　　对想要在视觉化情况下造造冗杂网页的专业网页造造者来说，Dreamweaver已经渐渐在网页编纂东西中展露头角，成为专业人士编写网页的更佳抉择。根据Macromedia公司的查询拜访，Dreamweaver目前已累积有超越七十万名的利用者，占有率在网页编纂东西中居冠，像“AdobeGoLive”和“NetObjects Fusion”等合作者都被远远抛在后头。因而一般地预估Dreamweaver的利用群体将会持续的增加。

　　在那种势不成挡的普及率席卷之下，可想而知Dreamweaver内置的功用可说是越来越多、越来越丰富、齐全。在此次我们的介绍中，就有新增一些功用供给网页造造者一些更快速的设想、更随便地编码及整合性更强的功用。当务之急，以下我们介绍若何善用Dreamweaver里的一些功用。以下密技共有十二项，可分红四个主题。别离是：设想网页页面（Dreamweaver里具有弹性的页面设想功用）、搭配Macromedia其它产物一路利用Dreamweaver（造造动画和图片不求人）、自订利用界面（享受个性化的利用体味）和最初的加进Dreamweaver扩大法式（在网页中载进扩大高级功用）。

　　二、设想网页页面的法门

　　不管你是要运用HTML原始语法逐字逐字来编写网页，或是运用原则化窗口来停止网页的视觉设想，以下的小法门都能够派得上用场。

　　法门1：让网页页面大小更有弹性

　　有些网页开发者称以下要介绍的那种身手为“liquid”，在那儿则把那种身手喊做是“弹性延伸的身手”。那是一种身手，可在访客阅读器窗口大小改动时也随之调整网页页面大小，因而假设窗口过大就不会有空白处；窗口过小边沿就不会跑出上下挪动的拉条。其实大大都简单的网页会本身跟着阅读器窗口大小来调整页面大小，但是假设是网页里用到良多差别的框架及表格，网页页面大小就很难主动弹性地调整。凡是网页设想者会用混合运用固定宽度的框架，和GIF图片做为间隔来设想网页页面，如许一来不管是用InternetExplorer或是用Netscape Navigator，页面大小城市固定而不会跑掉。用Dreamweaver4.0能够垂手可得的设想出会主动弹性调整的网页。要怎么做呢？

　　详细做法：用东西面板（Objectpalette）上的按钮翻开网页，而且转换到“格局查看”（Layoutview）。那时能够看到文字方块的栏度，每一栏的方框上方中间还有一个小小的下拉式箭头，点选想要设置弹性展现的栏上方的小箭头，接着抉择“将栏设为弹性展现”（MakeColumn Autostretch）。（设置主动调整栏的宽度以一栏为限）那时该栏方框上方就会呈现一条海浪形的线，而不是本来表达栏度的数字。Dreamweaver会主动造造出固定版面的空格图片，那个空白图片是以栏上方的两个长条形的空白表格表达，如斯版面会主动被填充，才会完成弹性版面设置。（在第一次增加空白图片时会跳出一个对话框问你能否要利用内置图片，为求效果，我们定见你让Dreamweaver主动产生一个，否则就不消利用空白图片来填充版面。）

　　法门2：创造小我调色板

　　Dreamweaver新的“Assetspanel”（属性掌握面板）是一种能够在编纂网站时根据文件格局，例如图片、款式等来治理文件的新东西。 ★详细做法：当你定义新站点时（点选Site NewSite），所有类型的物体味主动增加到“Asset panel” 里的恰当表框中。那个新加进的“Assetspanel”属性掌握面板里也有颜色框，贮存你网站里所用到的所有色彩，包罗文字的颜色、布景的颜色，以及超链接的颜色等。那是一个为利用者量身定做的网站导航颜色盘。只要启动“Assetspanel”（先选“Window”再点“Assets”），接着点左方阿谁小小的色彩卷轴，就能够看到你网站里形形 *** 的颜色选项。当然你能够将那些颜色拉到某些特定拔取的文字中。以至当你抉择某种颜色时，画面上会呈现那种颜色的十六进位值的色彩淡浓度，和三原色比照码（RGB）。假设想将调色板东西栏缩小一点，以至能够仅加进某些颜色到调色板的“我的更爱”里。只需将拔取的颜色反白、点选窗口里一个喊做“新增到我的更爱的”按钮（最下方靠右的按钮），就能够完成了。

　　法门3：造造弹出式菜单导航系统

　　本来要造造弹出式菜单导航系统（Pop-up Menu NavigationSystem）要用到良多的一些javascript的语法和身手，但是假设你有Dreamweaver、Fireworks Studio，即可悄悄松松快速办到。

　　详细做法：起首在“Fireworks”里起头，抉择某个图片，然后在“SetPop-Up Menu”的对话框里点选“ Insert　 Pop-UpMenu”，你能够输进项目（items）的名称并点“Plus”（加进）按钮，来新增该项目。你能够陆续在跳出来的信息框里停止细项设置，例如设置该项目所要用的文字及超链接，当然也能够新增子菜单，并从头安放下一层的设置。完成时，点选“Next”（下一步），陆续设置各类参数值，例如颜色、字体等等。那时菜单完成后，既能够预览HTML语法，也可预览图象。再点“Finish”（完成）。那时当鼠标挪动到本来的图片时，会呈现菜单系统的内容一览。接着将造造好的文件导出时，“Fireworks”会主动消费出所有Dreamweaver 需要用到的HTML、javascript，以及图象文件。

　　法门4：让图片动起来

　　假设你同时安拆有Dreamweaver、FireworksStudio，那两种软件搭配的完美水平将使你赞不停口。即便你不是专业的图片设想者，在设想网页时也多几少想把一些GIF图片修改得活乖巧现。Dreamweaver能够让你造造动画不求人。

　　详细做法：在原则窗口里抉择要停止修改的图片，然后在“PropertyInspector”里点选“编纂”（Edit）。假设你安拆的Dreamweaver里附有“Fireworks”，“Fireworks”就是Dreamweaver预设图片编纂器，那时图片就会主动载进到“Fireworks”。（假设认真看，你会发现Fireworks的画面会呈现“EditingFrom Dreamweaver”如许的文字和图样，指示你能够在Dreamweaver里停止图片编纂。）好了，如今在“Fireworks”里点选要编纂的图片，抉择“Modify Animate Animate Selection”。 接下来完成“Animate dialogbox”里的设置，选定动画的帧数，动画挪动的标的目的、通明度等等设置。你也能够点选“Frames”东西设置挪动速度，抉择“Object”面板来改动设置。要导出文件时，只要点选“Optimize ”东西栏，在文件类型的处所抉择“Animated GIF”。完成以后，“Fireworks”就会主动将图片以更佳化设置导出，而且主动将 GIF图片更新，还会在Dreamweaver里将更新过的图片展现出来。点选“File Preview inBrowser”，如许就能够在阅读器里预览刚刚造造完成的心爱图片。

　　法门5：让按钮有明灭效果

　　在Dreamweaver中，不消有Flashs，也能够造造有明灭效果的Flash按钮物体。Dreamweaver内置有好几个Flash按钮物体，能够造造好几个差别形式的按钮。

　　详细做法：点选“InsertInteractive Images FlashButton”就可看到有那些内置按钮。在对话框内以至能够用鼠标指到想要利用的按钮形式，然后看看在阅读器里的效果若何。用鼠标指针把要用的按钮形式选定，再依挨次输进参数，例如按钮上的文字、字形、颜色、超链接等，或是自设文件名字。按下OK。接下来就会有一个“SWF”格局的文件产生，文件并会主动导进你的网页中。按一下那个做好的文件，会看到“PropertyInspector”（属性明细）中会展现出文件的属性。将文件属性展现出来时，假设扩展文件属性明细表，会呈现“Play”（播放），点选之后能够不消翻开阅读器来预览按钮的明灭效果。

　　法门6：造造活动文字

　　在网页中增加活动文字就像增加我们刚刚介绍的Flash按钮一样简单。不异地，不消安拆Flash，用 Dreamweaver供给的新功用就能够轻松办到。常用HTML语法写网页、没有互动式媒体体味的网页造造者也能够轻松造造出玲珑的Flash形式的活动文字。那项新功用能够在不添加相兼容性费事的情状下为网页增添一些阅读上与访客的互动性。

　　详细做法：点选“InsertInteractive Images Flash Text”，再将参数设置逐个填进（例如要更改效果的文字、字形、字体颜色及字体大小等等）。

　　法门7：更改键盘灵敏键

　　Dreamweaver可让利用者自订利用界面，那项设想非常有弹性。举例来说，利用者能够通过编写法式或自行增加物体（object）的体例来更改菜单。没必要功力深邃，你就能够更改键盘灵敏键，因为Dreamweaver有一项喊做“KeyboardShortcut Editor”的图形界面。

　　详细做法：只要点选“Edit KeyboardShortcuts”，对话框将载进并栏出能够改动的灵敏键一览表，让你把灵敏键改成本身习习用的设置值。要改动灵敏键，只要利用现行设置（CurrentSet）和号令栏（Command）的下拉菜单，在现有的号令中找到想要更改的号令，接着拔取目前的灵敏键，就会呈现在灵敏键的列表中。别的，假设要增加灵敏键设置，能够点选“Plus”、在键盘上敲进你想利用的新灵敏代表键，点选“改动”（Change）即可。同时你也能够拔取某灵敏键、点选“移除”（Minus），就能够移除某个灵敏键。 法门8：从头设置网站窗口（Site window）栏

　　详细做法：只要从“Sitewindow”中点选“View File View Columns”，就能够自字查看网站（Siteview）栏的大小及呈现体例。拔取某一栏的名称，利用上下箭头从头调整，或不要勾选展现栏（Showfield）以隐躲该栏。别的，点选“Plus”钮也能够新增栏，并自创栏名。此外，你也能够鄙人拉式菜单中抉择现有的“note”来将栏和“DesignNote”产生联系关系。

　　法门9：查看网页原代码

　　详细做法：当你翻开“Reilly CodeReference”（WindowReference）来查抄属性或是阅读器的兼容性时，预设的窗口会以藐小的字型展现出“参考设置值”。但是假设你按下窗口右上方的右键（就在封闭按钮的下方），就会呈现一排下拉式菜单，能够在那边抉择原始代码字体的大小（小型字到中型字体以及大型字体）。抉择大型字体比力不会“凌虐”眼睛，因为如许你看HTML原代码时就不消拿着放大镜看屏幕了。

　　法门10：新增Flash按钮

　　法门5中，我们介绍若何用20种预设的按钮类型，来造造Dreamweaver里的Flash按钮。那是不消别的安拆任何文件或法式的办法。下面有另一种办法，就是安拆“Firework *** uttons”，那种扩大功用和法门5有不异的效果。

　　详细做法：到 “Exchange forDreamweaver”（Dreamweaver 扩大功用交换中心） ，输进“InstaGraphics Extensions forDreamweaver”的关键字搜觅，然后再下载那个大约577K 的文件。转换到Dreamweaver，抉择“Commands ManageExtensions”，再抉择“File Install Extension”，就能够起头安拆。一旦从头启动“Dreamweaver”，就有六个别致有趣的按钮格局，包罗“Surfboard”及“Bulletbar”在内， 那时只要利用“InsertInteractive Images Fireworks Button”号令，就能够造造出一个酷炫的按钮。你也能够用“commands ConvertBullets To Images”及 “Commands Convert Text To Images”，上述两种办法都能够主动施行“Fireworks”。

　　法门11：在网页中加进“设置成我的更爱”功用

　　详细做法：在“Exchange”里搜觅，你就能够发现“AddTo Favorites”的扩大功用。那个小小的文件才占3K，下载时间不会等太久，接着循不异步调，由“Extension Manager”载进（CommandsManage Extensions、File Install Extension）。接着从头启动 Dreamweaver，那个新载进的扩大文件会在Dreamweaver里新增一项功用。假设你的网页中加进那个“加进我的收躲集”的功用，如许一来利用者看到你的网站时，悄悄一按，就能够随便地将你的网站加进他利用阅读器的“我的更爱”（或是小我书签）。此外，最炫的是也能够自订“我的更爱”名称，以及“我的更爱”名称前会呈现的小图示（一般IE中“我的更爱”前面的小图示都是IE的预设值，假设你有本身设想的小图示，那就炫多了）。重视，那项功用只撑持用IE 4.0以及更高版本的阅读器。只要抉择“Windows”菜单里的“Behavior”面板，再到IE功用下拉菜单点选此项功用，即可轻松启动此酷炫功用。

　　法门12：超酷的图表

　　假设你想造造表格，还要本身花时间再逐字编写网页原代码吗？不需要了，已经有现成的了！

　　详细做法：到Exchange下载“formBuilderextension”，就有现成的表格，可让你立即复造包罗像：国度、性别、婚姻情况、年龄层及其他目次等的表格。到Exchange下载那个玲珑（只要11K）的文件，然后由“ExtensionManager”安拆进来（Commands Manage Extensions, File Install Extension）。接着只要从头启动Dreamweaver，点选“Insert formBuilder”，就会在（InsertformBuilder）中发现扩大功用。点选了之后那时会有一个对话框呈现，会展现出所有能够套用的格局菜单，其实十分便利。