Dreamweaver十大密技

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 13:38 点击:

> 随着Dreamweaver 4.0的推出,这款工具已经逐渐成为业内制作网页的首选。在实际应用中,不管你是要使用HTML源代码逐字逐句来编写网页,还是运用可视化窗口来进行网页设计,下面的Dreamweaver 4.0的密技都可以派得上用场。需要注意的是,这些密技适用于Dreamweaver 4.0版本。

  时候在浏览网页时页面窗口如果打开太大,就会有许多空白处。而如果太小,则又要不停地移动滚动条来浏览。假如页面大小能够随着窗口大小而自动调整,那该多好!用 Dreamweaver 4.0可以轻而易举地设计出会自动弹性调整的网页:

  打开你要编辑的页面,需要保证的是你的页面内容采用了表格的格式。按“Ctrl+F6”或者菜单“View-Table View-Layout View”转换到布局视图。这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择“将列设为弹性显示”(Make Column Autostretch)。这时该列方框上方就会出现一条波浪形的线,而不是刚才表示列宽的数字。这时你的页面就变成了一个具有弹性的页面了。此外,需要注意页面不要有尺寸过大的图片。

  Dreamweaver 4.0中,不用Flash程序,也可以制作有闪动效果的Flash按钮。4.0版内嵌了许多种Flash按钮控件,可以制作许多不同样式的按钮(你还可以在http://dynamic.macromedia.com/bin/MM/exchange/dreamweaver/main.jsp获得更多的按钮样式)。选择菜单“Insert—Interactive Images—Flash Button”就可看到有哪些内嵌按钮。

  在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何(图4)。选择好之后,在“Button Text”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的方式,在“Bg Color”选择按钮背景颜色,在“Save As”窗口输入保存的文件名。完成这些后,按下“OK”按钮,你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中。

  然后在Dreamweaver编辑窗口选中你刚才制作的按钮,在属性窗口就会显示出这个按钮的属性,单击上面的“Play”按钮,你就可直接在编辑窗口预览这个按钮的闪动效果啦。

  需要注意的是:Dreamweaver 4.0的这个功能不支持中文字体。

  网页中制作动态文字就像我们刚刚介绍的制作Flash按钮一样简单。同样,你不用安装Flash,用Dreamweaver 4.0提供的新功能就可以轻松办到。只要选择菜单“Insert—Interactive Images—Flash Text”,在弹出的窗口中依次输入内容即可(比如文字、字体、字体颜色及字体大小等等)。

  注意:这个功能也不适用于中文字体。

  Dreamweaver 4.0新增加的Assets panel(资源控制面版)是一种可以在编辑网站时根据文件类型(例如图片、样板等)来管理文件的新工具,当你定义新站点时,选择菜单“Site-New Site”,所有类型的文件会自动增加到Asset panel的相应列表框。在这个新增加的资源控制面版里包含一个颜色框,可以储存你网站里所用到的所有色彩,包括文字的颜色、背景的颜色,以及链接的颜色等。

  这个颜色框还可作为一个调试板使用,你可以定制自己喜好的颜色,把它保存起来。只要启动Assets panel(选择菜单“Window—Assets”),点击Assets窗口左上方那个小小的色彩卷轴,就可以看到你网站里各式各样的颜色选项。你可以在编辑窗口选择好文字,然后把你需要的颜色拉到这些文字上,就可以改变这些文字的色彩。

  这个工具还可以在你选择某种颜色时,调整这种颜色的十六进位值的色彩浓淡度和三色对应码(RGB)。你还可以把你喜好的颜色添加到自己的收藏夹里,只需点击Assets窗口右下方的“Add to Favorites”按钮即可。

[1] [2]  下一页

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1