Dreamweaver3之一学就会(七)

Author: 5D精英网 机器猫 Date: 2000年 第30期

  在上期的教程中我们探讨了如何来制作样式。在Dreamweaver3中,还新增了一种叫做HTML Styles的面板。这个面板是做什么的呢?也是用于制作一些样式,比如红色的一号字标题之类的样式。但是它和CSS Styles面板是有本质上的区别的。因为HTML Styles是靠HTML语言来实现的。所以,HTML样式的功能绝对没有CSS的强。HTML样式可以理解成为什么呢?类似于Word中的格式刷。我们先看看HTML样式面板(如^30040201a^1),面板可以用菜单Window→HTML Styles打开面板中罗列的是一些样式。仔细观察的话会发现主要是两类样式。一类是前面有一个小写的带下划线的a,这表示选择样式可以应用到选择好的文字上。另一类则是段落样式,应用到整个段落上。带有红色的线的样式就表示清除文字所带的样式。
  下面我们依次介绍面板上的样式。
 ?SClear Selection Style清除选择样式
 ?SClear Paragraph 清除段落样式
 ?S+Bold  加粗
 ?SCaption 题目
 ?SCopyright 版权说明文字风格
 ?SEmphasis,Sans-serif强调醒目
 ?SFixed width  等宽样式
 ?SHeadline 标题
 ?SNormal  正文
 ?S+Red  变红
  使用一个HTML样式很简单。选中要使用样式的文字。单击面板中的样式即可。下面我们讨论怎么样制作一个HTML样式。
  1.单击样式面板上的新建按钮,系统弹出对话框(如^30040201b^2)。
  在对话框中填写相应的样式参数,我们这里制作一个选择样式要求加粗变蓝并且设定字体和字号。
 ?SName 样式名称
 ?SApply To 制作何种样式
    Selection 选择样式
    Paragraph 段落样式
 ?SWhen Applying 当应用样式的时候 
    Add to Existing style添加到原来文字的样式上
    Clear Existing Style清除原来样式。
 ?SFont 字体
 ?SSize 字号
 ?SColor 文字颜色
 ?SStyle 样式 B粗体 I斜体 
  下面的Paragraph为灰色是因为上面选择的是选择样式。如果选择段落样式就可以选择了
 ?SFormat:为段落的标题号
 ?SAlignment:对齐方式。分别有左中右。
  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讨论。