通过媒体类型转换视图

　　既然我们已经在设计视图中打开了页面，那么我们只需要点击媒体类型按钮即可查看我们的页面在不同设备，或真实打印模式上是如何呈现的了。让我们先在打印模式中查看页面。完成此操作我们只需在样式呈现工具栏上点击打印媒体按钮（以红色突出显示部分）。

图5：查看我们页面的打印显示效果

　　不错，哈！这节省了大量花在浏览器中加载和预览的时间。我们现在可以轻松设置网页成为友好的打印机并且在我们设计打印样式时就查看页面的显示效果。

　　其他的媒体类型同样都是可选择的。你只需为媒体类型定义了样式表并在样式呈现工具栏中选择适当的按钮即可查看在该媒体类型下页面是如何呈现的。当然你可以直接在Dreamweaver 8设计视图中看到结果。我将在手持设备视图完成这个预览。

　　我们只需再次选择相应的按钮即可在请求的媒体类型中查看我们的页面呈现。（下图中）样式呈现工具栏上的手持设备媒体类型按钮被用红色突出显示。

图6：在手持设备格式中查看我们的页面

　　真是简单得不能再简单了，对吧？你只需建立你的CSS文件并应用页面样式，匹配为之设计的媒体类型即可。Dreamweaver 8将提供优秀的呈现所以你可以精确的看到页面是如何显现的。

　　Dreamweaver 8所有的优秀新功能中，样式呈现工具栏是我最喜欢的功能。它省却了为不同媒体类型设计的许多麻烦；事实上它（为我们）节约了大量的时间——数以小时计！

结论

　　在这篇预览文章里我们看到了Dreamweaver 8可以读取并呈现基于媒体类型的样式表。而许多人过去可能还没有使用指定设备或打印的层叠样式表，Dreamweaver 8将会让这个转换成为一件简单的事。

文章页数:[1] [2]