您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
Dreamweaver技巧12条           ★★★
Dreamweaver技巧12条
作者:netjc.co…  文章来源:netjc.com  点击数:  更新时间:2008-5-17 19:43:15 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

一、背景分析
对想要在视觉化环境下制作复杂网页的专业网页制作者来说,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] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    Dreamweaver制作细线表格
    用iframe解决下拉框与层之冲突
    再谈DW中文缩进实现技巧
    网站优化需要重要注意的几点事项
    在Dreamweaver中利用CSS样式表设置网页
    Dreamweaver代码片断提高css开发效率
    巧用DW判断字符串中是否有换行
    Dreamweaver使用CSS样式表设置网页文本格式
    解决Dreamweaver中关于应用CSS的小问题
    Dreamweaver解决网页制作中的空格问题
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门