当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 为你的站点定做颜色

Dreamweaver
Dreamweaver CS3网页制作之CSS布局规则
Dreamweaver CS3网页制作之布局实例
Dreamweaver生成新页面css的类失效
Dreamweaver CS4 JavaScript的部分新特性
Dreamweaver CS4安装试用以及截图
Dreamweaver CS4新增相关功能介绍
Dreamweaver制作网页时使用CSS的事项
Dreamweaver关于字符与编码的错误
Dreamweaver表格宽度辅助线怎么除掉?
Dreamwaver设计div层的对齐方式
DW教程之CSS网页制作实例:固定宽度布局
DreamWeaver正在走向死胡同
Dreamweaver CS3中的CSS布局规则
Dreamweaver套用源格式命令应用技巧
Dreamweaver使用过程中的常见问题
Dreamweaver教程:如何取消Dreamweaver表格宽度辅助线
Dreamweaver CS3网页制作中的CSS布局规则
制作网页中设计段落缩进的方法
DW的源代码视图按空格代码提示功能消失
dreamweaver出现翻译器没有被装载错误

Dreamweaver 中的 为你的站点定做颜色


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 26 ::
收藏到网摘: n/a

   在4中,你可以存储你自己设定的图片、链接、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的功能实在是太强大,太方便网页制作者了。还不赶快利用它来使你的工作变得更轻松。