Dreamweaver MX中文版建站攻略 10

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区

您需要登录才可以下载或查看，没有账号？註冊

x

在标题上输入5dmedia，在背景，文本，链接，访问过的链接，活动链接几部分选取颜色。Dreamweaver MX有强大的颜色选取功能，将在下一篇中详细介绍。设置左边界，顶部边界，边界宽度，边界高度都为0，可以使页面中的表格与背景没有空隙。

<IMG src="http://www.gocn.net/mbsky/study/20031227632734.jpg" width=550 v:shapes="_x0000_i1028"> 

如果不设置设置左边界，顶部边界，边界宽度，边界高度，就会与顶部和左边有明显的空隙

<IMG src="http://www.gocn.net/mbsky/study/20031227632580.jpg" width=550 v:shapes="_x0000_i1029"> 

在中国大陆，使用的是简体中文（GB2312）编码。繁体网站，使用的是繁体中文（big5码）。

英文网站使用的是西欧语系（Latinl）。

 用得比较多的还有背景图像，选择一个已经做好的图像，就可以设置成页面的背景图像。

摘星奴 · 发表于 2004-2-22 17:33:48

网页设计中，颜色是最关键的，决定了一个网站在美工方面是否成功。Dreamweaver MX提供了强大的颜色选取功能。可以精确定义只要是网页设计中成立的颜色。
 现在流行的网页设计配色，采用黑、白、灰这些无彩色作基调，采用一种精确的有彩色作为主色调，大多使用一种颜色的渐变，让人感觉只有一种有彩色，颜色渐变是在Photoshop、Fireworks中处理的，不在本文讨论范围。在下面，主要针对相近颜色，无彩色和有彩色的精确选取三部分。

下面将以调整页面属性的颜色为实例，选择颜色选取框，

<IMG height=363 src="http://www.gocn.net/mbsky/study/20031237651734.jpg" width=497 v:shapes="_x0000_i1025"> 

打开颜色选取面板

<IMG height=363 src="http://www.gocn.net/mbsky/study/20031237651580.jpg" width=497 v:shapes="_x0000_i1029">

摘星奴 · 发表于 2004-2-22 17:36:01

◇ 精确选取有彩色：

如果要精确选取各种颜色，特别是各种有彩色，就要使用“系统颜色拾取器”

<IMG height=363 src="http://www.gocn.net/mbsky/study/20031237712734.jpg" width=497 v:shapes="_x0000_i1026"> 

单击“系统颜色拾取器”，打开颜色面板

<IMG height=303 src="http://www.gocn.net/mbsky/study/20031237713580.jpg" width=480 v:shapes="_x0000_i1027"> 

拖动最右边的滑块，调整高度。

<IMG height=303 src="http://www.gocn.net/mbsky/study/20031237713621.jpg" width=480 v:shapes="_x0000_i1028">

摘星奴 · 发表于 2004-2-22 17:43:17

◇ 选择连续色调，在网页设计时，常使用相近的颜色。点三角形按钮，选“连续色调”

<IMG height=363 src="http://www.gocn.net/mbsky/study/20031237730734.jpg" width=497 v:shapes="_x0000_i1030"> 

◇ 无彩色的选取：选择“灰度级”，可以选取从白到黑各种无彩色。

<IMG height=155 src="http://www.gocn.net/mbsky/study/20031237731580.jpg" width=211 v:shapes="_x0000_i1031"> 

不要选中“调整到网页安全色”，如果选中这一项，会减少可选择的颜色数。

<IMG height=117 src="http://www.gocn.net/mbsky/study/20031237731621.jpg" width=140 v:shapes="_x0000_i1032">

摘星奴 · 发表于 2004-2-22 17:49:52

<TABLE align=center border=0 cellPadding=0 cellSpacing=0 class=p4 width="95%">
<TBODY>
<TR>
<TD vAlign=top>
现在有好几种尺寸的显示器，“14、15、17、19”英寸，网页要在每个显示器上显示正常，就要设置恰当的参数，常用的是在页面中插入表格放内容，采用象素和百分比两种。

采用象素为单位，是以使用最多的显示器为参照的，现在数量最多的显示器是15英寸和17英寸的，所以页面使用象素为单位时，是以15英寸为标准，常用800×600的分辨率。 

使用百分比，可以在各种显示器上有相同的效果，宽度设置为100％时，在各种显示器上全屏显示。下面分别介绍这两种方法。

简明步骤：打开一个页面→插入表格→设置表格宽度

在以前建立的media站点中，新建index.htm文件，双击打开。

<IMG src="http://www.gocn.net/mbsky/study/20031237748734.jpg" width=550 v:shapes="_x0000_i1025"> 

点击插入表格图标

<IMG src="http://www.gocn.net/mbsky/study/20031237748580.jpg" width=550 v:shapes="_x0000_i1026"> 

打开“插入表格”对话框，设置行数为1，列数为1，宽度选百分比，值为100，边框为0

<IMG height=159 src="http://www.gocn.net/mbsky/study/20031237748621.jpg" width=373 v:shapes="_x0000_i1027"> 

</TD></TR></TBODY></TABLE>

摘星奴 · 发表于 2004-2-22 17:55:22

在下面直接按确定

<IMG height=198 src="http://www.gocn.net/mbsky/study/2003123786734.jpg" width=469 v:shapes="_x0000_i1028"> 

一个可以在各种显示器上全屏幕显示的网页就搭建好了。以后要做的是在表格里填充内容。

<IMG height=228 src="http://www.gocn.net/mbsky/study/2003123786580.jpg" width=313 v:shapes="_x0000_i1029"> 

下面介绍象素大小的表格设置，选择像素为单位，值为768。可以在15英寸显示器上全屏幕显示，在17英寸显示器上也有好的显示效果。相对使用百分比制作网页，采用像素比较简单。

<IMG height=159 src="http://www.gocn.net/mbsky/study/2003123786621.jpg" width=373 v:shapes="_x0000_i1030"> 

使用像素作单位时，可以用不同的值，下面是一些站点的宽度值：

5D多媒体http://www.5dmedia.com/首页：宽760像素。

Microsoft 中文主页http://www.microsoft.com/china/ms.htm：宽100％

Apple中国主页<A href="http://www.apple.com.cn/" target="_blank" >http://www.apple.com.cn/</A>：宽680像素。

三星电子<A href="http://www.isamsung.com.cn/" target="_blank" >http://www.isamsung.com.cn/</A>：宽700像素。

联想<A href="http://www.legend.com/" target="_blank" >http://www.legend.com/</A>：宽725像素

电梯直达

快捷功能

楼主新帖

Dreamweaver MX中文版建站攻略 10

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区

相关帖子

已有(5)人评论

浏览过的版块

关于

导读