首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
教程/dreamweaver/提高 为你的站点定做颜色
来源: 作者: 发布时间:2007-04-12

在dreamweaver4中,你可以存储你自己设定的图片,链接,flash影片,颜色表,模板等等,组成这个站点的资产,这就是Assets面板!当我们定义一个站点时,这个站点内的所有上述类型的元素,将自动分类在Assets 面板中显示。同时,我们还能为这个站点定义自己喜欢的元素,以便随时拿出来使用。

  现在我们单击window > Assets 。或者按F11键。

  Assets 面板出现在屏幕上,面板的左边9个按钮将你站点中的元素根据类型分别归类管理,当你单击一个按钮时,相应的名称会出现在面板顶部,名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表。

  首先让我们单击颜色按钮,这时Assets面板的顶部出现了Colors的字样,当我们选择site列表时,我们可以看见我们站点中定义了哪一些颜色。如果你对站点内的某些文字又加了一些颜色,不用担心,我们可以单击Assets面板下部的(Refresh Site List)按钮来刷新站点,使后定义的颜色在Assets面板中显示。

Assets面板保管你站点中的所有颜色,使你可以重复使用,这大大的方便了网页制作者,象小六做网站,不同的页面用上不同的颜色,为此不得用一个本记下所使用的颜色的十六进制值,虽然是有了样式表,但是重复修改样式表也麻烦,且样式表又不能显示出来,如果不用还得移去样式表,现在有了这个Assets面板,我们可以测试多个颜色,最后将配好的颜色保留下来,下次重复使用。言归正传,你可以在Assets 面板显示的颜色中将自己喜欢的颜色选中,然后单击下面的(Add to Favorites)按钮,这时出现一个提示框,提醒你这个颜色将被增加到Favorites列表中,即然你选好了,就按ok罢,如果不行,也不用怕,在Favorites列表中,我们还可以将它移去。
选中Assets面板顶部的Favorites选项.我们切换到Favorites列表中,这个列表显示了你选择的颜色。在这个列表中,当你在不同的频道中用不同的颜色时,你可以单击(new favorites folder)按钮建立一个文件夹,将不同频道的颜色放在不同的文件夹中。

  单击(new color)按钮,在出现在颜色表中选择一个颜色,这个颜色就被增加到Favorites面板中。

  选择一个颜色,单击面板底部的(edit)按钮,你可以在出现在颜色表中编辑已有的颜色。

  最后一个按钮(Remove from Favorites)可以移去你不想要的颜色。

  好了,现在我们可以不用担心网站中不同的频道的颜色了。打开一个频道的文件,将文字,图片编排好,在Assetes面板的Favorites中,将相应频道的颜色文件夹打开,在这里选择你需要的颜色,当你选中这个颜色时,相应的颜色十六进制值出现在上面的窗口中,你只需要拖动下面的颜色块到你想要改变的文本中,你也可以在属性面板中输入颜色的十六进制值。如果你用过freehand,你会发现这和freehand中的做法是相同的。

  现在好好的发挥Assets面板的强大,为你的网页定做一个颜色库,随心所欲的改变你网页的面貌,dreamweaver4的功能实在是太强大,太方便网页制作者了。还不赶利用它来使你的工作变的更轻松。




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·教程/dreamweaver/提高 Dreamweaver行
·教程/dreamweaver/提高 细品DW MX 200
·教程/dreamweaver/提高 Dreamweaver行
·教程/dreamweaver/提高 体验DW MX 200
·教程/dreamweaver/提高 Dreamweaver行
·教程/dreamweaver/技巧 驯服不听话的
·教程/dreamweaver/提高 Dreamweaver行
·教程/dreamweaver/提高 细品DW MX 200
·提高 Dreamweaver行为全接触(1)
·教程/dreamweaver/技巧 去除DW MX 200
文章检索
Google
相关文章
·教程/dreamweaver/提高
·教程/dreamweaver/提高
·教程/dreamweaver/提高
·教程/dreamweaver/提高
·教程/dreamweaver/提高
·教程/dreamweaver/技巧
·教程/dreamweaver/提高
·教程/dreamweaver/提高
·提高 Dreamweaver行为全
·教程/dreamweaver/技巧
·教程/dreamweaver/入门
·教程/dreamweaver/技巧
·教程/dreamweaver/入门
·教程/dreamweaver/技巧
·教程/dreamweaver/入门