Dreamweaver 8有一个很有趣并很酷的新特性,样式呈现工具栏。
样式呈现工具栏允许您轻易的为不同的媒体类型,例如屏幕、手持设备和打印输出进行设计。其他的支持媒体类型有投影设备, TTY(Television Type Devices),连同TV媒体类型。Dreamweaver 8也提供了通过开关CSS显示按钮来打开或关闭任何样式呈现的能力。
配置媒体类型
当然,要使用这些选项查看页面您需要能为他们创建样式表并配置这些样式表的媒体类型。当我们附加样式表到文档中时Dreamweaver 8 会让我们轻易的做到这点,如图1所示。

图1:新的附加外部样式表对话框
这里重大的变化就是从媒体选择列表中选择媒体类型的能力。您能够到在“媒体:”选择列表中的任何选项都是可用的。
我为我的个人站点使用了三个单独的CSS文档:一个用于屏幕,一个用于打印而第三个用于手持设备。这些CSS文档中每一个文档都在每个页面的头部被链接(附加到了页面),如列表1所示。

列表1:使用媒体类型的附加样式表(蓝色突出显示部分)
样式呈现工具栏
现在让我们看一下样式呈现工具栏——我们稍后探究他的功能。样式呈现工具栏能够在文档工具栏上右击并选择样式呈现工具栏选项进行显示,如图2所示。当关联菜单上的复选标记显示对勾号标记时,工具栏变成激活状态。

图2:选择样式呈现
一旦选择的样式呈现工具栏被添加到文档工具栏,他即整装待用。样式呈现工具栏有七个按钮,图3中所示的每个按钮都有自己特定的图例,如下图所示。

图3:样式呈现工具栏
1、屏幕
2、打印
3、手持设备
4、投影设备
5、TTY
6、TV
7、打开/关闭CSS
要激活任意给定的媒体类型您只需点击相应按钮即可。Dreamweaver 8将为您选择的媒体类型加载相应的CSS文档,而页面则将据此呈现。让我们先从使用一个熟悉的视图——屏幕视图开始。这里屏幕视图按钮被用红色突出显示。

图4:我们页面在屏幕CSS模式下的呈现
假如仔细观察,您会在图4中看到另一个新功能:我的任何页面元素都有一个虚线轮廓。这让我能够扫一眼就精确查看每个元素的状况。他当然也能够被关闭,但是我喜欢让这个功能一直打开因为他很的有用。
[1] [2] 下一页
文章整理:西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!




