网页设计

DreamWeaver面板定制网站的颜色的方法介绍

时间:2022-11-23 16:48:50 网页设计 我要投稿
  • 相关推荐

DreamWeaver面板定制网站的颜色的方法介绍

  在平平淡淡的学习、工作、生活中,大家对DreamWeaver面板都再熟悉不过了吧,下面是小编为大家整理的DreamWeaver面板定制网站的颜色的方法介绍,仅供参考,希望能够帮助到大家。

  DreamWeaver面板定制网站的颜色的方法介绍

  首先,我们单击“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会让你的工作更轻松。

  拓展资料:

  如何使用 DOM 面板

  打开所需的文档,然后依次选择“窗口”>“DOM”即可打开 DOM 面板。

  切换至实时视图,并单击希望检查或编辑的元素。

  或者,您可以在 DOM 面板中选择一个 HTML 元素。当您单击 DOM 面板中的任何元素时:

  不同视图和 CSS Designer 之间的同步让您能够概览与选定元素相关联的 HTML 标记和样式。

  实时视图滚动到相应的元素。

  如果代码视图打开,则代码视图滚动到与该元素对应的代码。

  CSS Designer(选择器窗格)滚动到最接近的相应选择器(类似于在实时视图中单击元素)。

  此标签在标签选择器中突出显示。

  选定元素的 HTML 标记在 DOM 面板中突出显示。

  所应用的选择器在 CSS Designer 中突出显示。

  相关代码在代码视图中突出显示。

  相关标签在标签选择器中(以蓝色)突出显示。

  继续根据要求编辑该元素(HTML 或 CSS 编辑)。有关使用 DOM 面板编辑 HTML 标记的信息,请参阅使用 DOM 面板编辑 HTML 结构。有关 CSS Designer 的信息,请参阅使用 CSS Designer 对页面进行布局。

  使用 DOM 面板编辑 HTML 结构

  页面上当前选定的元素在 DOM 面板中突出显示。可使用箭头键,导航到任意节点或元素。

  若要选择元素或节点,请单击相应的元素或节点。若要展开或折叠元素或节点,请单击 HTML 标签或在标签周围双击选择器。

  若要复制元素或节点,右键单击相应的元素或节点,并单击“复制”。当复制的元素具有与之关联的 ID 时,新的(复制的)元素将会增加相关 ID。

  若要拷贝元素或节点,请右键单击相应的元素或节点,然后单击“拷贝”。如果拷贝了包含子项的元素,该子项元素也会被拷贝。

  若要粘帖元素或节点,单击希望在其下嵌套所拷贝元素的相应元素或节点。然后,右键单击该元素或节点,并单击“粘帖”。

  若要将拷贝的元素粘贴为特定元素或节点的子项,请右键单击相关元素或节点(父级),然后单击“粘贴为子项”。

  若要移动或重新排列元素,请将元素拖动到 DOM 面板中的所需位置。

  出现的绿线指明放置拖动的元素的位置。如果将元素放在灰色突出显示的元素(引用元素)上面,则放置的元素将被作为参考元素的第一个子项。

  若要删除元素或节点,右键单击相应的元素或节点,并单击“删除”。

  注意:可撤销 (Ctrl/cmd + Z) 或还原 (Ctrl/cmd + Y) 在 DOM 面板中执行的操作。

  要对多个元素执行上面提及的编辑操作,请在 DOM 面板中选择多个元素:

  按住 Shift 键并单击所需的元素以进行连续选择

  按住 Ctrl 键并单击所需的元素以进行非连续选择

  键盘快捷键:

  复制- Ctrl+D (Win) Ctrl/Cmd + D (Mac)

  删除- DEL 或 Backspace

  拷贝- Ctrl + C (Win) /Cmd + C (Mac)

  粘贴- Ctrl + V (Win) /Cmd + V (Mac)

  还原- Ctrl+z (Win) /Cmd + Z (Mac)

  重做- Ctrl + Y (Win) /Cmd + Y (Mac)

【DreamWeaver面板定制网站的颜色的方法介绍】相关文章:

Dreamweaver用属性面板创建链接的方法12-23

Dreamweaver窗口如何布局的方法02-07

Dreamweaver路径介绍09-23

dreamweaver添加超链接的方法是什么11-11

Dreamweaver制作图像热点链接的方法04-14

Dreamweaver文本段落缩进的五种方法08-27

Dreamweaver登陆界面显示的方法10-30

Dreamweaver制作网页的基本步骤10-09

Dreamweaver如何添加超链接04-26

怎么设置Dreamweaver占位符11-18