在Dreamwaver中，除了可以在空白网页中创建CSS规则外，还可以创建具有CSS样式的网页，操作步骤如下：
（1）选择菜单【文件】>【新建】，打开【新建文档】对话框
（2）选择【空白类】，并选择要创建的【页面类型】，可以通过不同【布局】创建一个已包含CSS布局的页面。Dreamwaver提供了30多个可供用户选择的不同CSS布局。
注意：必须为布局选择HTML页面类型。不能使用CSS布局创建ActionScript 、CSS、库项目、JavaScript、XML、XSLT或ColdFusion组件页面。【新建文档】对话框中的“其他”类别中的页面类型也不包括CSS页面布局。
说明：“预览”窗口显示选中的布局，并给出所选布局的简短说明。预设计的CSS布局提供了下列类型的列。
◇固定：列宽是以像素为单位指定的。列的大上不会根据浏览器的大小或站点访问者的文本设置来调整。
◇弹性：列宽是以相对于文本大小的度量单位指定的。如果站点访问者更改了文本设置，该设计将会进行调整，但不会基于浏览器宽度窗口的大小来更改列宽度。
◇液态：列宽是以站点访问者的浏览器宽度的百分比形式指定的。如果站点访问者将浏览器变宽或变窄，该设计将会进行调整，但不会基于站点访问者的文本设置来更改列宽度。
◇混合：用上述三个选项的任意组合来指定列类型。例如，可能存在两列混合的形式：左侧栏布局有一个根据浏览器大小缩放的主列，右侧有一个根据站点访问者的文本设置大小缩放的弹性列。
（3）从【文档类型】下拉式列表框中选择文档类型。
（4）从“布局CSS位置”下拉式列表框中选择布局CSS的位置。
◇添加到文档头：将布局的CSS添加到要创建的页面头中。
◇新建文件：将布局的CSS添加到新的外部CSS样式表，并将这一新样式表添加到将要创建的页面。
◇链接到现有文件：可以通过此选项指定已包含布局所需要的CSS规则的现有CSS文件。当您希望在多个文档上使用相同的CSS布局时，此选项特别有用。
（5）最后请执行下列操作之一：
◇如果从“布局CSS位置”下拉列表框选择了“添加到文档头”，请单击【创建】按钮。
◇如果从【布局CSS位置】下拉列表框选择了“新建文件”，请单击“创建”按钮，然后在【将样式表文件另存为】对话框中指定新外部文件的名称。
◇如果从【布局CSS位置】下拉列表框选择了【链接到现有文件】，请将外部文件添加到【附加CSS文件】文本框中，方法是单击【添加样式表】图标，完成【附加外部样式表】对话框，然后单击“确定”按钮。完成时，在【新建文档】对话框中单击【创建】按钮。
0
Comments
