首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>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的功能实在是太强大,太方便网页制作者了。还不赶利用它来使你的工作变的更轻松。

转自:动态网制作指南 www.knowsky.com



[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·如何制作会移动的广告条
·水平细线的几种制作方法
·使网页随浏览器伸展
·Dreamweaver行为全接触(1)
·用Dreamweaver实现漫天花雨效果
·Dreamweaver行为全接触(2)
·浅析DW4中的站点管理
·Dreamweaver行为全接触(3)
·利用Dreamweaver插件改变IE浏览器滚动
·Dreamweaver行为全接触(4)
文章检索
Google
相关文章
·如何制作会移动的广告条
·水平细线的几种制作方法
·使网页随浏览器伸展
·Dreamweaver行为全接触(
·用Dreamweaver实现漫天
·Dreamweaver行为全接触(
·浅析DW4中的站点管理
·Dreamweaver行为全接触(
·利用Dreamweaver插件改
·Dreamweaver行为全接触(
·Dreamweaver 4.0 新增功
·Dreamweaver行为全接触(
·在IE中调用Dreamweaver
·DreamWeaver表格妙用-线
·Dreamweaver的操作诀窍