通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Dreamweaver
相关内容

Dreamweaver3完全教程(19)
全套教程打包下载

在文档窗口中选择元素


通常,在文档窗口中,要选择某个元素,只需要单击它,或是拖动鼠标选中它就可以了,但是实际应用中,有些元素在屏幕上是不可见(例如源代码中的注释信息)的,而另外一些元素则很难完全选中(例如一对完整的标记,它在屏幕上也是看不见的),这时就需要使用一些其他的手段。

一般来说,在文档窗口中选择元素时,可以参考如下的方法:

如果要选中的是普通对象或元素,只需要单击它,或是拖动鼠标选中它。
如果要选中的是看不见的元素,可以通过Dreamweaver 3的参数设置对话框,设置相应的选项,将这些不可见元素显示,然后再选中它们。
如果要选中的是标记,可以利用文档窗口下方的标记选择器来选中它们,利用“Edit”菜单中的相关菜单项,还可以选中当前标记的父标记或第一个子标记。
本节主要介绍如何在文档窗口中显示不可见元素。

不可见元素
文档窗口毕竟是可视化操作的窗口,很多实际上在源代码中出现的内容,并不会在文档窗口中直接显示,如果希望对这些不可见元素进行编辑,就不得不转到代码级别的编辑器,如HTML源代码检视器中进行。

为了解决这种问题,Dreamweaver可以在文档窗口中,将每种不同类型的不可见元素以一个小图标的形式显示出来,以便于用户在文档窗口中对之定位。实际上,在默认设置下,大多数的不可见元素都可以以图标的方式在文档窗口中显示。

定制不可见元素的显示


有时候需要定制这些显示设置,例如,对于某些始终不会被编辑的不可见元素,可以设置它不在文档窗口中显示,以免影响视觉,而另外一些在编辑过程中要用到的不可见元素,则应该设置它在文档窗口中可显示。

您可以按照如下方法进行操作:

打开“Edit”(编辑)菜单,选择“Preferences”(参数选择)命令,打开Dreamweaver 3的参数选择对话框。
在左方目录列表中单击“Invisible Elements”(不可见元素)项,在对话框右方区域即可进行设置,如图 3-9所示。
选中相应复选框,则可以以相应图标显示该不可见元素,清除相应复选框,则不显示该元素(但是,可以在HTML源代码检视器中进行编辑)。
图 3-10显示了这些不可见元素的含义。

图 3-9 设置不可见元素的显示方式


图 3-10 不可见元素的含义

显示不可见元素
前面一节的相关操作,决定了哪些不可见元素可以显示,而哪些不可见元素不可以显示,实际上,要在文档窗口中显示不可见元素,还需要激活Dreamweaver显示不可见元素的特性,方法如下:

打开“View”(查看)菜单,选择“Invisible Elements”(不可见元素)命令,当它被选中时,左方会出现选中的标记,这时即激活了Dreamweaver的显示不可见元素特性,不可见元素可以出现在文档窗口中。

再次打开“View”(查看)菜单,选择“Invisible Elements”(不可见元素)命令,清除对该菜单项的选择,则所有的不可见元素都不会显示在文档窗口中。

显示头部元素


在文档窗口中,主要显示的是正文部分的内容,也即位于<body>和</body>中的内容(我们暂时不考虑框架的情况),很多不可见元素实际上是位于HTML的头部的,也即位于<head>和</head>标记之间,如果希望看到这些头部内容,则可以按照如下方法进行操作:

打开“View”(查看)菜单,选择“Head Content”(头部内容)命令,当该菜单项被选中时,会在左方出现选中标记。这时在Dreamweaver的文档窗口上方中会多出一栏,其中显示头部内容,如图 3-11所示。

再次打开“View”(查看)菜单,选择“Head Content”(头部内容)命令,清除对该项的选中,则又可以从文档窗口中隐藏头部信息。

在默认状态下,在文档的头部窗格中我们可以看到两个不可见元素标记,一个是文档的标题,也就是位于<title>和</title>之间的文本,另一个是META标记,定义当前文档的文字解码方式。

图 3-11 显示头部内容

设置文档的页面属性


文档的页面属性包括文档的标题、文档的文字解码方式、文档正文中各个元素的颜色等,正确设置文档属性,是成功编写网页的必要前提。

要设置文档的页面属性,您可以按照如下方法进行操作:

打开“Modify”(修改)菜单,选择“Page Properties”(页面属性),或是在文档窗口中单击鼠标右键,然后从快捷菜单中选择“Page Properties”(页面属性)。
这时会打开如图 3-12所示的对话框,允许您设置文档页面的整体属性。


图 3-12 设置文档的页面属性

Title(标题) 在该文本框中,可以输入文档的页面标题,它实际上是输入位于HTML头部的<title>和</title>标记之间的内容,在浏览页面时,会显示在浏览器的标题栏上。
Background Image(背景图像) 在该文本框中,可以输入希望用作HTML文档的背景图像的路径和文件名称,单击“Browse”(浏览)按钮,可以从磁盘上选择图像文件。这里不仅可以输入本地图像文件的路径和文件名称,也可以用URL的形式输入其他位置的图像名称。实际上,这里设置的是<body>标记的background属性。
Background(背景) 在这里可以为文档页面指定背景颜色。实际上设置的是<body>标记的bgcolor属性。
Text(文本) 这里可以设置文档页面中文字的前景颜色,实际上设置的是<body>标记的text属性。
Links(链接) 这里可以设置文档页面中尚未访问过的超级链接的文字颜色,实际上设置的是<body>标记的link属性。
Visited Links(访问过的链接) 这里可以设置文档页面中已经访问过的超级链接的文字颜色,实际上设置的是<body>标记的vlink属性。
Active Links(正在访问的链接) 这里可以设置文档页面中正在访问的超级链接的文字颜色,实际上设置的是<body>标记的alink属性。
Left Margin(左边距)、Top Margin(上边距)、Margin Width(页边宽度)和Margin Height(页边高度) 在这些文本框中,可以设置页面文字同页面边缘的间距。实际上分别设置的是<body>标记的leftmargin、topmargin、marginwidth和marginheight属性。但要注意,Netscape可以识别这些属性,但是Internet Explorer不识别它们,因此不建议使用它们。
Document Encoding(文档解码方式) 在该列表框中,可以选择当前文档页面的文字解码方式,对于大陆使用的中文网页,应该选择“Simplified Chinese(GB2312)”。如果这里没有需要的解码方式,可以从列表中选择“Other”,这种情况下,页面会使用浏览器运行环境的解码方式。
Tracing Image(草稿图) 在该文本框中,可以指定一幅图像作为网页创作时的草稿图,它显示在文档的背景上,便于在网页创作时进行定位和安放对象。在实际生成网页时,它并不显示在网页中,我们会在后面介绍其使用方法。
Image(图像) 拖动该滑块,可以改变草稿图的透明程度,使用适当的透明程度可以避免干扰网页的编辑。
设置完毕,单击“OK”按钮,确定操作。
前面一章里,我们曾经介绍过如何在Dreamweaver的对话框中通过颜色板选取颜色,这里再深入介绍一些同颜色相关的知识。

在HTML中,有两种方法来表示颜色,一种是采用十六进制的数值的方式(例如红色可表示为#FF0000),另一种方式是使用颜色名称(如红色可写成red)。当计算机运行在256色模式的情况下时,Microsoft Internet Explorer和Netscape Navigator这两种浏览器都能共同显示的颜色被称作Web安全(Web-safe)色。有216中颜色是共有的,它们可以用十六进制数值00,33,66,99,CC,或FF的组合来表示。

然而,经过测试表明,实际上只有212种颜色是真正的安全色,也即它们真正为Netscape Navigator和Microsoft Internet Explorer这两大浏览器所共有。Windows下的Internet Explorer不能正确显示颜色#0033FF,#3300FF,#00FF33,和#33FF00,所以应避免使用这4种颜色。

在Dreamweaver中,所有的颜色拾取器都使用这种212色的调色板;从调色板上选取一个颜色,会自动提取相应的十六进制颜色值。如果您希望使用前面提到的那另外4种颜色,可以在颜色文本框中手工输入其颜色值。

要选择位于Web安全色之外范围的颜色,可以单击颜色板右下角的“调色板”按钮,打开Windows系统本身的颜色对话框,然后选取颜色,在这里的颜色不受Web安全色的限制。不过我们不建议用户这样做。

注意:在UNIX操作系统下,Netscape Navigator使用同Windows下不同的调色板,如果您的网页是专为UNIX环境下而设计,则应该使用十六进制数值00,40,80,BF,或FF来组合成颜色值。

Dreamweaver3完全教程(1)
Dreamweaver3完全教程(2)
Dreamweaver3完全教程(3)
Dreamweaver3完全教程(4)
Dreamweaver3完全教程(5)
Dreamweaver3完全教程(6)
Dreamweaver3完全教程(7)
Dreamweaver3完全教程(8)
Dreamweaver3完全教程(9)
Dreamweaver3完全教程(10)
Dreamweaver3完全教程(11)
Dreamweaver3完全教程(12)
Dreamweaver3完全教程(13
Dreamweaver3完全教程(14)
Dreamweaver3完全教程(15)
Dreamweaver3完全教程(16)
Dreamweaver3完全教程(17)
Dreamweaver3完全教程(18)
Dreamweaver3完全教程(19)
Dreamweaver3完全教程(20)
Dreamweaver3完全教程(21)
Dreamweaver3完全教程(22)
Dreamweaver3完全教程(23)
Dreamweaver3完全教程(24)
Dreamweaver3完全教程(25)
Dreamweaver3完全教程(26)
Dreamweaver3完全教程(27)
Dreamweaver3完全教程(28)
Dreamweaver3完全教程(29)
Dreamweaver3完全教程(30)
 
 
 
 
教程站
收集整理
服务大家