Dreamweaver你该掌握的小技巧（四）-职坐标

Dreamweaver你该掌握的小技巧（四）

沉沙 2018-05-30 来源：阅读 1349 评论 0

摘要：本文讲解了三十个Dreamweaver你该掌握的小技巧，希望阅读本篇文章以后大家有所收获，帮助大家Dreamweaver入门。

91. 手工编写 CSS

虽然用 Dreamweaver 可以可视化地编写 CSS，为了能够更好的撑握 CSS 样式表，建议读者在熟练的掌握了可视化编写CSS样式表后，可以手动的编写 CSS样式表代码。

92. CSS 文件的位置

CSS可以位于网站的任何位置，只要在链接时能正确指出。出于方例性考虑，一般 CSS文件都在网站的根目录下。

93. CSS 语法

CSS定义一般是由标签、大括号构成，其中大括号中放置此标签的属性。一般用“标签属性：属性数值”来表示，如果有几个不同的属性，中间用分号隔开。

在颜色属怀中有时用关键字，例如 red，有时用十六进制数数值，如#DDDDDD。这些都被浏览器支持。颜色还有另外两种表现方法：一种用（RRR，GGG，BBB），例如黄色是：（255，255，0）。另一种是用（R%，G%，B%）。推荐使用十六进制颜色表示方式。

94. pfr 文件

Pfr（Portable Font Resource 便携字体源）是一种可以支持 Navigator 与 IE 的可下载字体（IE 需要一个控件支持）。利用Typograph和 WebFont Maker 都可以生成这种字体，同时，也可以在互联网上下载一些免费的特效字体。

95. 中文限制

令人遗憾的是，很少有中文的pfr 文件提供下载，而且中文字体一般都在1M以上，也很难做到动态下载，看来如果想使用中文的动态字体还有待于网络速度的提高。

96. MIME

如果你是一名网管，对 MIME 一定不会陌生。MIME 可以理解为网上的文件关联，如果一个扩展名没有在 MIME 中设置，即使浏览者拥有打开此文件的软件，它依旧只能下载到客户机，反之，它就可以直接被打开。

97. JavaScript的应用

JavaScript在Web 上的应用非常广泛，几乎在任何中型以上的站点都会用到它。总的来说，JavaScript 常用于以下情况：交互式导航、简单的数据搜寻、表单验证、网页特效、交互式教育或游戏等等。

98. JavaScript与 Java

JavaScript与Java 是两种不同的语言。JavaScript的开发公司是Netscape，是一种解释性脚本语句，应用范围仅限于 Web。Java 是由 Sun 公司开始的一种全新的跨平台语言，和 C类似，是编译性语言，应用范围不仅仅限于 Web，可能广泛应用于应用程序开发。两者之所以经常混淆，是因为 Netscape 为了占领脚本语言市场，在得到 Sun 公司的允许下把自己的脚本语言加上了个时髦的“Java”。

99. JavaScript函数的位置

JavaScript函数可以位于HTML的与区，为了减少出错以及增强可读性，一般把函数放在区中。

100. 面向对象的编程

面向对象的编程现在已经不是一个新名词了，几乎所有的语言都宣称是面向对象的，JavaScript也是这样。面向对象编程最基本的特征就是对象、属性和方法。

101. HTML 标签样式和组合样式

选择“重定义 HTML”标签选项，可以直接定义 HTML 语言中各种标签的样式，样式一经定义就在整个HTML文件中通用。选择“使用CSS选择器”选项，可以定义组合样式（两个或两个以上 CSS 元素组合）以及具有特殊序列号（ID）的样式元素。Dreamweaver提供了四种给定的组合样式，分别是激活的链接 a:active；当前链接 a:hover；链接 a:link；访问过的链接a:visited；通过对这几个元素的定义可以在网页中非常方便地实现简单的链接交互效果。

102. 使用标签选择器应用样式

为了更准确地选取要应用样式的页面元素，可以使用标签选择器选中元素，单击鼠标右键，在右键菜单中的“设置类”子菜单中选择要应用的样式。

103. 标签中的样式表

在<body>标签中的内容应用样式表，包括子标签，例如<p>、<center>和<div>等，但对于<Hx>的标题标签和<table>、<td>的表格标签例外。

104. 复制样式表

一般来说，复制的样式表应为自定义的样式，当所需要的样式表与自定义的样式表在大部分样式上相同时，可以复制自定义的样式表，然后再加以修改得到需要的样式表。而复制重新定义的标签和利用标签选择器创建的样式，因为定义的目标已明确了，所以复制无太大的意义。

105. 制作一个动态链接效果

目前，在大多数国内的网站中为了增加网页的美观，应用较多这种基于文字超链接的动态链接效果。这种效果的原理是定义了超链接的四种状态： a:link、 a:active、 a:hover、 a:visited，并对这四种状态的样式进行不同的定义，这样在网页中当超链接处于不同的四种状态时，就有不同的样式，从而形成了动态的效果。

106. 常用的一些属性值及说明

字体：通常选择“宋体” 。字体大小：设置为 9pt和 12pt的中文较为常见。样式：当字较小时，字体的粗细有一定限度。样式：包括正常、斜体和偏斜体三个选项，但中文表现似乎并不明显。大小写：包括首字母大写、大写、小写和无四个选项，可设置每个英文单词的首字母大写，或将全部单词设置为大写或小写。修饰：这是 CSS 的一个十分有用的效果，包括下划线，上划线，删除线，闪烁及无五个选项。

107. 动态链接效果

在不应用样式表的情况下，网页中的链接是静态的，在 IE4 及高级版本中可以在浏览器的设置中设置链接的动态效果，当然这种动态效果是有效的，只能定义下划线状态，其功能远远不如样式表的功能强大。在样式表中不但可以定义下划线，还可以定义颜色、字体样式和背景等许多样式。不过不用担心当浏览器对链接的效果进行设置后与样式表有冲突，浏览器总是以样式表为准。

108. AP元素的标签

默认情况下，插入AP Div的标签是 div，这个标签与 IE 与 Navigator 中都受支持，并且被 W3C 所接受，通常不需要对它进行改变。如果想进行改动，可以在 AP Div 的“属性”面板中的“标签”下拉列表中进行选择。

109. AP Div 的关系

如果两个AP Div有交叉，它们可以有两种关系：重叠与嵌套。重叠就是这两个 AP Div是独立的，任可一个AP Div改变时，不影响另外一个层；而嵌套时子AP Div会随着母AP Div的某些属性的变化（例如位置移动）而变化，而母 AP Div不随子 AP Div发生变化。

110. 建立一个完全处于母 AP Div 之外的子 AP Div

如果想建立一个完全处于母AP Div之外的子 AP Div，不能通过直接在母 AP Div之外建子AP Div的方法进行，而是要首先在母 AP Div内建立一个子 AP Div，然后将子 AP Div移动到母 AP Div外面。

111. 用另一种方法建立嵌套 AP Div

在建立好第一个AP Div后，拖动 “常用” 选项卡上的“绘制 AP Div” 按钮到这个 AP Div中，则新AP Div就为了老AP Div的子 AP Div。

112. 比较 AP Div 的重叠与嵌套的区别

为了进一步比较AP Div的重叠与嵌套的区别，可以先建立两个重叠的 AP Div，再建立两个嵌套的AP Div，然后分别移动各个 AP Div，观察另外一个 AP Div的变化情况。

113. 应用 Alt键

如果在“首选项”对话框中，选中了“如果在 AP Div中则使用嵌套”复选框，那么当新建的AP Div与上次建的AP Div有交叉时，新 AP Div自动成为原 AP Div的子 AP Div。

此时如果想让它和原AP Div成为并列关系，可以先按下 Alt键，再绘制 AP Div。当然，如果该复选框没有被选中，按下Alt键后绘制的 AP Div，和原 AP Div就由并列关系变为嵌套关系。

114. AP Div 的命名

AP Div的命名并不是随意的，为了避免出错，需要掌握AP Div的命名规则：不能用非英文字母的字符开头，例如1apDiv，-apDiv等；不要使用特殊字符或空格，例如apDiv-1，apDiv*1，apDiv 1 等，这些命名中包含“-” 、 “*” 、空格等特别字符，Netscape 的浏览器不能正确处理这样的AP Div，很容易因为不能正确安排这些 AP Div而报错；给网页中的每个元素都取不同的名字，当AP Div的名字和网页中元素的名字例如图像的名字一样时，浏览器就有可能会报错。

115. 给 AP Div 分配一个大的 Z值

在通常情况下，如果想让一个 AP Div永远在上面，不被其他 AP Div覆盖，可以给它一个很大的Z值，例如1000，而将其他有可能重叠的 AP Div的 Z值设置为 100 之内的数。

116. AP Div 中的特殊对象

如果AP Div中包含了一些特殊对象，例如Java Applet和 ActiveX 控件，则这些元素有可能忽略AP Div的“Z轴”属性，而直接显示到最上面的 AP Div中。所以当在 AP Div中应用这些元素时，一定要先做测试，或者将他们放到最上面的 AP Div中。

117. 避免 AP Div 的重叠

如果需要画几个距离很近的AP Div，而又不希望这些 AP Div之间出现重叠，可以执行“修改>排列顺序>防止AP Div交迭”菜单命令。反之，当发现 AP Div之间不能重叠时，将此项的勾选去掉即可。

118. Dreamweaver 对 AP Div“溢出”选项的默认显示方式

Dreamweaver 在编辑状态时并不能正确显示 AP Div 的 4 种“溢出”显示方式，而是全部采用visible的方式，如果想要看到正确的浏览效果，一定需要通过浏览器验证。

119. 浏览器对“溢出”的支持

IE对“溢出”的支持要远远好过Netscape， 4种情况都可以在IE中正常显示，而在Netscape中，只有visible的情况是正常的，其他 3 种情况都不能被正确显示。

120. 用嵌套 AP Div 来准确定位需要剪辑的坐标

之所以可以用嵌套AP Div来准确定位需要剪辑的坐标，是因为嵌套AP Div的坐标是相对于母AP Div左上角的相对坐标，这与剪辑的坐标恰好一样。子 AP Div坐标加上宽和高，就是剪辑的最右（R）和最下（B）的坐标。