Dreamweaver技巧12条

• 一、背景分析
  对想要在视觉化环境下制作复杂网页的专业网页制作者来说，Dreamweaver已经渐渐在网页编辑工具中展露头角，成为专业人士编写网页的最佳选择。根据Macromedia公司的调查，Dreamweaver目前已累积有超过七十万名的使用者，占有率在网页编辑工具中居冠，像“AdobeGoLive”和“NetObjects Fusion”等竞争者都被遥遥抛在后头。因此一般地预估Dreamweaver的使用群体将会持续的增加。
  在这种势不可挡的普及率席卷之下，可想而知Dreamweaver内置的功能可说是越来越多、越来越丰富、齐全。在这次我们的介绍中，就有新增一些功能提供网页制作者一些更快速的设计、更容易地编码及整合性更强的功能。事不宜迟，以下我们介绍如何善用Dreamweaver里的一些功能。以下密技共有十二项，可分成四个主题。分别是：设计网页页面（Dreamweaver里具有弹性的页面设计功能）、搭配Macromedia其它产品一起使用Dreamweaver（制作动画和图片不求人）、自订使用界面（享受个性化的使用经验）和最后的加入Dreamweaver扩充程序（在网页中载入扩充高级功能）。
  二、设计网页页面的秘诀
  1：让网页页面大小更有弹性
  有些网页开发者称以下要介绍的这种技巧为“liquid”，在这儿则把这种技巧叫做是“弹性延伸的技巧”。这是一种技巧，可在访客浏览器窗口大小改变时也随之调整网页页面大小，因此如果窗口过大就不会有空白处；窗口过小边缘就不会跑出上下移动的拉条。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小，但是如果是网页里用到很多不同的框架及表格，网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架，和GIF图片作为间隔来设计网页页面，这样一来不论是用InternetExplorer或是用Netscape Navigator，页面大小都会固定而不会跑掉。用Dreamweaver4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢？
  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，以及图象文件。
  

• [1] [2] [3] [4] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• Dreamweaver技巧12条 相关文章：
• ·Photoshop初学者轻松制作条形码
• ·小技巧让你轻松DIY你的网页滚动条
• ·.travel旅游域名注册详细放宽条件首次批露
• ·考拉宝工具条 帮你轻松下载优酷、土豆视频
• ·Illustrator中线条宽度与质量的精确控制
• ·给AutoCAD工具条添加命令及相应图标
• ·影响网站搜索引擎排名的17条隐患
• ·给草根站长的49条真诚忠告
• ·一条命令看见所有卷标全部详情
• ·十条QQ防盗技巧
• Dreamweaver技巧12条 相关软件
• ·《刺客教条》最新截图 动作游戏
• ·NDS《发条武士》模拟器
• ·《半条命2》超强MOD-叛乱 键盘汉化补丁
• ·屠杀圣堂武士《刺客信条》最新预告
• ·半条命-军团要塞
• ·北条司短篇集3
• ·文革版连环画：《一条红鲤鱼》
• ·短信合集一(5000多条分类短信)
• ·互联网商规11条
• ·中国职场生存法则66条

上一篇:Dreamweaver MX进阶教程：制作虚线

下一篇:在DreamweaverMX中应用“占位图形”

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐