网页设计师联盟

--- 学习、交流、展示、资源

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
作品欣赏       域名申请       虚拟主机
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置:首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您!
 标题:

为你的站点定做颜色

  在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的功能实在是太强大,太方便网页制作者了。还不赶利用它来使你的工作变的更轻松。

 

  • (刊登方式:转载   来源:网络   作者:   添加:admin   关键词:)
  • 您已阅读:为你的站点定做颜色 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇DreamWeaver高级应用—模板与库

    DreamWeaver4来了,颇有点狼来了的味道。“什么,4.0版本出来了?我3.0还没有熟悉呢!”的确,软件的更新换代速度越来越快了,新软件一波接一波——首先是flash5.0开始,然后有Photoshop6.0,再到最近的DreamWeaver4.0和Fireworks4.0,真有点吃不消的感觉。这次要说的并不是DreamWeaver4...

  • 下一篇水平细线的几种制作方法

    一、水平线法   1.在Dreamweaver中新建一个文档,插入一条水平线,双击水平线,调出属性面板。   2.在水平线的属性面板上设置高度H=0pixel。   3.Copy此条水平线,在属性面板中把Shade的勾点掉。   4.按F12进行预览,请对比下面的(1)(2)源代码及效果。 ..