Dreamweaver3之一学就会（七） 5D精英网 机器猫 2000年 第30期 　　在上期的教程中我们探讨了如何来制作样式。在Dreamweaver3中，还新增了一种叫做HTML Styles的面板。这个面板是做什么的呢？也是用于制作一些样式，比如红色的一号字标题之类的样式。但是它和CSS Styles面板是有本质上的区别的。因为HTML Styles是靠HTML语言来实现的。所以，HTML样式的功能绝对没有CSS的强。HTML样式可以理解成为什么呢？类似于Word中的格式刷。我们先看看HTML样式面板（如^30040201a^1），面板可以用菜单Window→HTML Styles打开面板中罗列的是一些样式。仔细观察的话会发现主要是两类样式。一类是前面有一个小写的带下划线的a，这表示选择样式可以应用到选择好的文字上。另一类则是段落样式，应用到整个段落上。带有红色的线的样式就表示清除文字所带的样式。 　　下面我们依次介绍面板上的样式。 　Clear Selection Style清除选择样式 　Clear Paragraph 清除段落样式 　＋Bold 加粗 　Caption 题目 　Copyright 版权说明文字风格 　Emphasis，Sans－serif强调醒目 　Fixed width 等宽样式 　Headline 标题 　Normal 正文 　＋Red 变红 　　使用一个HTML样式很简单。选中要使用样式的文字。单击面板中的样式即可。下面我们讨论怎么样制作一个HTML样式。 　　1.单击样式面板上的新建按钮，系统弹出对话框（如^30040201b^2）。 　　在对话框中填写相应的样式参数，我们这里制作一个选择样式要求加粗变蓝并且设定字体和字号。 　Name 样式名称 　Apply To 制作何种样式 　　 Selection 选择样式 　　 Paragraph 段落样式 　When Applying 当应用样式的时候 　　 Add to Existing style添加到原来文字的样式上 　　 Clear Existing Style清除原来样式。 　Font 字体 　Size 字号 　Color 文字颜色 　Style 样式 B粗体 I斜体 　　下面的Paragraph为灰色是因为上面选择的是选择样式。如果选择段落样式就可以选择了 　Format：为段落的标题号 　Alignment：对齐方式。分别有左中右。 　　2.设定完参数后按OK。HTML样式面板中就新增了制作的样式。 #1 分层篇 　　下面我们就来介绍Dreamweaver支持的一个重要的元素层（Layer）。层的出现使网页从二维平面拓展到三维立体。简单地说就好像大楼的楼层一样，可以使页面上元素进行重叠（如^30040201c^3）。 　　我们首先来做一个层 　　1.在对象面板中选择层按钮。 　　2.在页面中拉出一个层。 　　3.通过周围的8个黑色控制点拖动控制层的大小。 　　4.拖动层左上角的句柄可以移动层的位置。 5.单击层标记可以选中一个层。 　　6.在层中可以插入其他任何元素包括图片文字链接表格等等。 　　一个页面中可以画出很多的层，这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单Window→ Layers 或者按F11打开（如^30040201d^4）。 　　这里我们需要对几个概念进行解释。层有隐藏和显示的属性。可以设置层的显示和隐藏。当然这对于单个的层意义不太大。但是，这是层的一个重要属性，和后面说到的行为相结合就变成了重要的参数。单击层的左边，可以打开、关闭眼睛。眼睛睁开和关闭表示层的显示和隐藏。 　　层还有一个概念就是层数，层数决定了重叠时哪个层在上面哪个层在下面，就好比大楼的楼层一样。比如层数为2的层在层数为1的层的上面。改变层数就可以改变层的重叠顺序。 　　层面板上面还有一个参数就是Prevent Overlaps防止层重叠。一旦选中，页面中层就无法重叠了。 　　层还有一种父子关系也就是nest。如^30040201e^5所示，图中Layer 1挂在Layer 2的下面。Layer 2为父层，Layer1为子层。在页面中拖动Layer2，Layer1也跟着动起来。因为它们已经链在一起了，并且Layer 1隶属于Layer 2。父层移动会影响到子层。移动layer1层，Layer 2层不动。也就是子层不会影响到父层。 　　要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖曳到父层即可。 　　除了层的“正规用法”，还有一个“损招”。就是用层来绘制表格。Dreamwevaer 3提供了将层转换成为表格的方法。这样我们绘制复杂表格就简单多了。注意层转表格的时候层与层之间不能有重叠关系。 　　1.首先在页面中绘制出一些层，作为表格的单元格。画的时候切忌层与层之间有重叠（如^30040201f^6）。 　　2.选择菜单FileàConvert 3.0 browser Compatible 兼容3.0浏览器。系统弹出对话框。选择第一项Layers to table（如^30040201g^7）。 　　3.按OK层转表格完成了。 　　好，对于层和HTML面板我们就介绍到这里。有了层的知识作为铺垫，下面我们将进入精彩的动画和交互世界。有问题欢迎来www.5dmedia.com讨论。