Dreamweaver4使用技巧之--为你的站点定做颜色

2016-02-19 21:29 8 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

   在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)按钮建立一个文件夹,将不同频道的颜色放在不同的文件夹中。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 
 

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1626266.html

延伸阅读
标签: Web开发
    我们在建立一个大型网站的时候会有很多副页面框架模式,甚至一些细节元素都是相同的。但令人困扰的是更新它们却要费些周折,要一遍遍地反复更新每个页面元素。现在我们可以对那个时代说再见了,因为Dreamweaver引入了"库"这个概念。我们可以利用它来批量更新网站中相同的元素。大至整个页面框架,小至一个字符! 库的...
标签: Web开发
设置站点 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划。决定要创建多少页,每页上显示什...
标签: Web开发
设计一个网页很简单,但是设计一个高水平的网页也不是一件简单的事情,因为在一个复杂的网页中要用到很多的技巧,今天我将把这些技巧整理出来,分享给大家! 1、如何自动加入最后修改日期 在源代码中的… /BODY之间加入如下代码: Script Language=“JavaScript” /Script 2、如何让背景图象不滚动 代码: ...
在使用dreamweaver时,我们可能会中途更换站点,那该怎么操作呢?今天小编为大家介绍一下如何dreamweaver怎么编辑站点。 首先打开dreamweaver,在菜单栏中找到“站点”——“管理站点”,如下图所示。 打开“管理站点”对话框,我们可以选择需要修改的站点,如下图中的“duote”,选择站点...
在使用dreamweaver时,如果我们要复制站点,那该怎么操作呢?今天小编为大家介绍一下如何dreamweaver怎么复制站点。 首先打开dreamweaver,在菜单栏中找到“站点”——“管理站点”,如下图所示。 打开“管理站点”对话框,我们可以选择需要修改的站点,如下图中的“duote”,选择站点后点...

经验教程

904

收藏

43
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部