精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>Dreamweaver教程>正文

Dreamweaver 入门:创建基于表格的页面布局


来源: 时间:07-01-24 点击: 点击这里收藏本文

  向页面添加颜色

  现在,您将通过设置某些表格单元格以及页面背景的颜色,向页面添加更多颜色。

  在上述包含三列的表格的第一个单元格内单击一次。

  单击标签选择器中的 标签(单元格标签)以选择该单元格。

  

  在"属性"检查器("窗口">"属性")中,在"背景颜色"文本框内单击一次。

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

  注意如果未出现"背景颜色"文本框,请单击"属性"检查器右下角的展开箭头。

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

  

  表格单元格的颜色即变为红棕色。

  在上述包含三列的表格的第二个单元格内单击一次。

  单击标签选择器中的 标签(单元格标签)以选择该单元格。

  在"属性"检查器中,在"背景颜色"文本框内单击一次,输入十六进制值 #F7EEDF,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

  表格单元格的颜色即变为浅棕色。

  重复第 5-7 步,将第三个表格单元格的颜色也更改为浅棕色。

  设置完这三个单元格的颜色后,单击一次表格的外部,取消选择该表格。

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

  选择"修改">"页面属性"。

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

  

  关于…选择颜色 在 HTML 中,颜色或者表示成十六进制值(如 #FF0000)或者表示为颜色名称(如红色)。网页安全色是指使用 256 色模式时,无论在 Windows 还是在 Macintosh 系统中,在 Netscape Navigator 和 Microsoft Internet Explorer 中都显示相同的颜色。有 216 种常见颜色,而且任何结合了 00、33、66、99、CC 或 FF 对(RGB 值分别为 0、51、102、153、204 和 255)的十六进制值都代表网页安全色。

  在 Dreamweaver 中,可以通过在相应的文本框中输入十六进制值或从颜色选择器中选择颜色来选择颜色。颜色选择器使用 216 色 Web 安全的调色板;从此调色板选择颜色即显示颜色的十六进制值。若要使用颜色选择器,只需单击颜色框并使用滴管选择颜色。

  您还可以使用颜色选择器匹配颜色。例如,如果页面上的某一图像包含某种蓝色阴影,并且您希望表格单元格的背景颜色与之匹配,那么可以选择该表格单元格,单击颜色框打开颜色选择器,将滴管移动到图像的蓝色阴影上,并单击鼠标按钮。颜色选择器将使用与通过滴管单击的颜色最接近的匹配颜色来填充您选择的区域。如果您通过这种方法选择颜色,颜色选择器为您选择的颜色可能不是网页安全色。

  单击"确定"。

  页面的背景即变为黑色。

  

  保存您的工作。

  您的页面布局现已完成。该布局包含一些表格,用于放置各种资源,如图像、文本和 Flash 视频 (FLV) 文件。在下一教程中,即教程:向页面添加内容中,您将学习如何使用 Dreamweaver 提供的各种插入功能向页面添加资源。


  有关可用来学习 Dreamweaver 的资源的更多信息,请参见学习 Dreamweaver

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.