向页面添加颜色

  1. 现在,您将通过设置某些层以及整个页面背景的颜色,向页面添加颜色。通过在"层"面板("窗口">"层")中单击 navigation 层的名称选择该层。



  2. 在"属性"检查器中的"背景颜色"文本框内单击一次。

    "背景颜色"文本框位于"背景颜色"(Bg) 颜色框旁。

  3. 在"背景颜色"文本框中,输入十六进制值 #993300,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。



    navigation 层的背景颜色即变为红棕色。

  4. 在"层"面板中单击 flash_video 层的名称选择该层。
  5. 在"属性"检查器中,在"背景颜色"文本框内单击一次,输入十六进制值 #F7EEDF,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

    flash_video 层的颜色即变为浅棕色。

  6. 重复上述步骤将 text 层的颜色也更改为浅棕色。
  7. 设置所有三个层的背景颜色后,单击它们的右侧,确保未选中任何内容。

    接下来,您将通过修改页面属性来更改整个页面的背景颜色。通过"页面属性"对话框可以设置一些页面属性,包括页面字体的大小和颜色、已访问链接的颜色以及页面边距等。

  8. 选择"修改">"页面属性"。
  9. 在"页面属性"对话框的"外观"类别中,单击"背景颜色"颜色框,然后从颜色选择器中选择黑色 (#000000)。



  10. 单击"确定"。

    页面的背景即变为黑色。

  11. 保存页面。

您的 CSS 页面布局现在已经完成。该布局包含一些可以保存资源(如图像、文本和 Flash 视频文件)的层。下一步是添加内容。

如果您已经完成了教程:向页面添加内容,那么即可以使用 Dreamweaver 轻松地将资源插入到页面中。如果未完成该教程,则在向刚刚完成的基于 CSS 的页面布局中添加内容时,可以使用插图作为参考。

在 cafe_townsend/completed_files/dreamweaver 文件夹中可找到本教程的完成版本。




未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/gs_09_c9.htm

 

E中荷|荷兰华人电子商务