、背景分析
对想要在视觉化环境下制作复杂网页专业网页制作者来说Dreamweaver已经渐渐在网页编辑工具中展露头角成为专业人士编写网页最佳选择根据Macromedia公司调查Dreamweaver目前已累积有超过 7十万名使用者占有率在网页编辑工具中居冠像“AdobeGoLive”和“NetObjects Fusion”等竞争者都被遥遥抛在后头因此般地预估Dreamweaver使用群体将会持续增加
在这种势不可挡普及率席卷的下可想而知Dreamweaver内置功能可说是越来越多、越来越丰富、齐全在这次我们介绍中就有新增些功能提供网页制作者些更快速设计、更容易地编码及整合性更强功能事不宜迟以下我们介绍如何善用Dreamweaver里些功能以下密技共有十 2项可分成 4个主题分别是:设计网页页面(Dreamweaver里具有弹性页面设计功能)、搭配Macromedia其它产品起使用Dreamweaver(制作动画和图片不求人)、自订使用界面(享受个性化使用经验)和最后加入Dreamweaver扩充(在网页中载入扩充高级功能)
2、设计网页页面秘诀
1:让网页页面大小更有弹性
有些网页开发者称以下要介绍这种窍门技巧为“liquid”在这儿则把这种窍门技巧叫做是“弹性延伸窍门技巧”这是种窍门技巧可在访客浏览器窗口大小改变时也随的调整网页页面大小因此如果窗口过大就不会有空白处；窗口过小边缘就不会跑出上下移动拉条其实大多数简单网页会自己随着浏览器窗口大小来调整页面大小但是如果是网页里用到很多区别框架及表格网页页面大小就很难自动弹性地调整通常网页设计者会用混合运用固定宽度框架和GIF图片作为间隔来设计网页页面这样来不论是用InternetExplorer或是用Netscape Navigator页面大小都会固定而不会跑掉用Dreamweaver4.0可以轻而易举设计出会自动弹性调整网页要如何做呢？
2:创造个人调色板
Dreamweaver新“Asspanel”(属性控制面板)是种可以在编辑网站WebSite时根据文件格式例如图片、样式等来管理文件新工具 ★具体做法:当你定义新站点时(点选Site NewSite)所有类型物体会自动增加到“As panel” 里适当表框中这个新加入“Asspanel”属性控制面板里也有颜色框储存你网站WebSite里所用到所有色彩包含文字颜色、背景颜色以及超链接颜色等这是个为使用者量身定做网站WebSite导航颜色盘只要启动“Asspanel”(先选“Window”再点“Ass”)接着点左方那个小小色彩卷轴就可以看到你网站WebSite里各式各样颜色选项当然你可以将这些颜色拉到某些特定选取文字中甚至当你选择某种颜色时画面上会出现这种颜色十 6进位值色彩淡浓度和 3原色对照码(RGB)如果想将调色板工具栏缩小点甚至可以仅加入某些颜色到调色板“我最爱”里只需将选取颜色反白、点选窗口里个叫做“新增到我最爱”按钮(最下方靠右按钮)就可以完成了
3:制作弹出式菜单导航系统
原本要制作弹出式菜单导航系统(Pop-up Menu Navigation)要用到很多些JavaScript语法和窍门技巧但是如果你有Dreamweaver、Fireworks Studio即可轻轻松松快速办到具体做法:首先在“Fireworks”里开始选择某个图片然后在“SetPop-Up Menu”对话框里点选“ Insert Pop-UpMenu”你可以输入项目(items)名称并点“Plus”(加入)按钮来新增该项目你可以继续在跳出来信息框里进行细项设置例如设置该项目所要用文字及超链接当然也可以新增子菜单并重新安排下层设置完成时点选“Next”(下步)继续设置各种参数值例如颜色、字体等等这时菜单完成后既可以预览HTML语法也可预览图象再点“Finish”(完成)这时当鼠标移动到原来图片时会出现菜单系统内容览接着将制作好文件导出时“Fireworks”会自动生产出所有Dreamweaver 需要用到HTML、JavaScript以及图象文件
4:让图片动起来
如果你同时安装有Dreamweaver、FireworksStudio这两种软件Software搭配完美程度将使你赞不绝口即使你不是专业图片设计者在设计网页时也多多少少想把些GIF图片修改得活灵活现Dreamweaver可以让你制作动画不求人具体做法:在标准窗口里选择要进行修改图片然后在“PropertyInspector”里点选“编辑”(Edit)如果你安装Dreamweaver里附有“Fireworks”“Fireworks”就是Dreamweaver预设图片编辑器这时图片就会自动载入到“Fireworks”(如果仔细看你会发现Fireworks画面会出现“EditingFrom Dreamweaver”这样文字和图样指示你可以在Dreamweaver里进行图片编辑)好了现在在“Fireworks”里点选要编辑图片选择“Mody 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:重新设置网站WebSite窗口(Site window)栏
只要从“Sitewindow”中点选“View File View Columns”就可以自字查看网站WebSite(Siteview)栏大小及出现方式选取某栏名称使用上下箭头重新调整或不要勾选显示栏(Showfield)以隐藏该栏另外点选“Plus”钮也可以新增栏并自创栏名此外你也可以在下拉式菜单中选择现有“note”来将栏和“DesignNote”产生关联
9:查看网页原代码
当你打开“Reilly CodeReference”(WindowReference)来检查属性或是浏览器兼容性时预设窗口会以细小字型显示出“参考设置值”但是如果你按下窗口右上方右键(就在关闭按钮下方)就会出现排下拉式菜单可以在这边选择原始代码字体大小(小型字到中型字体以及大型字体)选择大型字体比较不会“虐待”眼睛这样你看HTML原代码时就不用拿着放大镜看屏幕了
10:新增Flash按钮
在5中我们介绍如何用20种预设按钮类型来制作Dreamweaver里Flash按钮这是不用另外安装任何文件或思路方法下面有另种思路方法就是安装“Fireworksbuttons”这种扩充功能和秘诀5有相同效果具体做法:到 “Exchange forDreamweaver”(Dreamweaver 扩充功能交换中心) 输入“InstaGraphics Extensions forDreamweaver”关键字搜寻然后再下载这个大约577K 文件转换到Dreamweaver选择“Commands ManageExtensions”再选择“File Install Extension”就可以开始安装旦重新启动“Dreamweaver”就有 6个新奇有趣按钮格式包括“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里新增项功能如果你网页中加入这个“加入我收藏集”功能这样来使用者看到你网站WebSite时轻轻按就可以轻易地将你网站WebSite加入他使用浏览器“我最爱”(或是个人书签)此外最炫是也可以自订“我最爱”名称以及“我最爱”名称前会出现小图示(般IE中“我最爱”前面小图示都是IE预设值如果你有自己设计小图示那就炫多了)注意这项功能只支持用IE 4.0以及更高版本浏览器只要选择“Windows”菜单里“Behavior”面板再到IE功能下拉菜单点选此项功能即可轻松启动此酷炫功能
12:超酷图表如果你想制作表格还要自己花时间再逐字编写网页原代码吗？不需要了已经有现成了！具体做法:到Exchange下载“FormBuilderextension”就有现成表格可让你马上复制包含像:国家、性别、婚姻状况、年龄层及其他目录等表格到Exchange下载这个小巧(只有11K)文件然后由“ExtensionManager”安装进来(Commands Manage Extensions, File Install Extension)接着只要重新启动Dreamweaver点选“Insert FormBuilder”就会在(InsertFormBuilder)中发现扩充功能点选了的后这时会有个对话框出现会显示出所有可以套用格式菜单实在非常方便