Dreamweaver十大密技
> 随着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”按钮即可。
相关新闻>>
- [将web进行到底之长大在线系列教程] === 第四章 运用Dreamweaver制作
- Dreamweaver CS5在onLoad运行RecordsetFind.htm时出错
- Dreamweaver制作网页时使用CSS的事项
- Dreamweaver解决网页制作中的空格问题
- 妙用Dreamweaver MX共享Word XP文件
- 用Dreamweaver MX控制页面元素
- Dreamweaver MX 2004 新功能:图片处理
- Dreamweaver MX 2004 新功能试用:表格
- 怎样在dreamweaver中让部分或全部代码大小写转换
- Dreamweaver 4 中用CSS样式表来美化网页
- 发表评论
-
- 最新评论 更多>>