如何用DreamWeaver面板定制网站的颜色
如何用DreamWeaver面板定制网站的颜色
发布时间:2015-05-12 来源:查字典编辑
摘要:DW4出台也有相当一段时间了,众多体贴的新功能让设计师们兴奋了好久。这其中比较瞩目的就是新的Assets面板。作为一个Web设计师来说效率是...

DW4出台也有相当一段时间了,众多体贴的新功能让设计师们兴奋了好久。这其中比较瞩目的就是新的Assets面板。作为一个Web设计师来说效率是十分重要的,DW4的Asset可以让你统一地管理整个站点的资源。这样可以免去反复搜索的痛苦,可以成倍地增长效率。DW4新的Assets面板是一种可以在编辑网站时根据档案型态,例如图片、样板等来管理档案的新工具,当你定义新站台时,所有类型的组件会自动增加到Asset面板里的适当表框中。当我们定义一个站点时,这个站点内的所有上述类型的元素,将自动分类在Assets面板中显示,就是所谓的资源面板。在这个Assets面板中,你可以存储你自己设定的图片、链接、Flash影片、颜色表、模板等等,组成这个站点的资产。注意,在使用资源面板前,你必须首先定义站点并生成一个站点缓存文件。而且如果文件量大,面板将花费简短的时间创建资源列表。

下面我们就来看一看如何利用DW4的Assets面板来定做自己的颜色表。

首先,我们单击“Window”—“Assets”,或者按“F11”键。打开了Assets面板。面板的左边9个按钮将你站点中的元素根据类型分别归类管理,当你单击一个按钮时,相应的名称会出现在面板顶部,名称旁边有“site”与“Favoritesg”两个单选按钮。单击颜色“colors”按钮,Assets面板的顶部出现了Colors的字样,如图1。顶部有两个选项,“Site”和“Favorites”,可以将资源面板作为简单的站点资源列表(Site list)和将某些个人喜爱的资源集合起来,作为偏好资源列表(Favorites list)。其中站点资源列表和偏好资源列表的操作绝大部分是相同的。如果选中一种颜色,就会在上面的窗口中显示这种颜色的十六进制值的色彩浓淡度和三色对应码(RGB)。如果要减少网站中所使用的颜色数,就可以只在Assets面板中的Favorites区中加入需要的颜色,只需将选取的颜色反白,然后点击窗口底部最右面的按钮(被称作“Add to Favorites”的按钮)即可。

在站点资源列表(Site list)里边,你可以随意地添加颜色到偏好资源列表(Favorites list)中。方法是选中一个颜色之后,点击面板右下角的“Add to Favorites”,或者是在所选颜色上单击鼠标右键,选择“Add to Favorites”。如果要应用某种颜色,直接拖动这个颜色到你已经选择好的文本上即可,也可以点击面板左下角的“Apply”。

在偏好资源列表(Favorites list)中,除了站点颜色中转移过来的颜色之外,你还可以随意添加新的喜好颜色。方法是,按右下角的“New color”按钮,或是鼠标右键的“New color”选项。错了也不要紧,轻松删除,按右下角按钮“Remove from Favorites”,或是鼠标右键的“Remove from Favorites”选项。如果要应用某种颜色,直接拖动这个颜色到你已经选择好的文本上即可。也可以点击面板左下角的“Apply”。同时提供了颜色夹功能,你可以把比较常用的或是同一类的颜色放在一个你命名好的颜色夹里,方便找寻。添加新的颜色夹,按右下角的“New Favorites Folder”按钮,或是鼠标右键的“New Favorites Folder”选项,删除方法同颜色删除方法一样。同时你可以为一个你自己喜欢的颜色定一个昵称来代替原来的十六进制值的色彩浓淡度。方法就和普通的文件重命名一样简单。还可以改变原有的颜色,直接快速双击,弹出选框。或者是按右下角的“Edit”按钮。

如果你对站点内的某些文字又加了一些颜色,不用担心资源面板的颜色列表并不立刻改变,直接点击“Refresh Site List”(刷新站点列表)按钮,刷新资源列表(因为资源列表需要根据DW的站点缓存文件读取文件列表,所以需要通过刷新,使资源面板再次读取缓存文件中的资料)。同样,在刷新资源时,需要先存在站点缓存文件,资源面板将读取缓存文件的资料进行列表显示.手工重建站点缓存文件:按鼠标“Control”键(Windows操作系统)或“Command”键(Macintosh操作系统)点击资源面板底部的“Refresh Site List”(刷新站点列表)按钮。

其实就是这么简单。好了,下边就开始制定你的网站颜色吧,继续你的网页之旅,DW4会让你的工作更轻松。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Dreamweaver教程学习
热门Dreamweaver教程学习
网页设计子分类