Dreamweaver3之一学就会(七)
下面我们依次介绍面板上的样式。
?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讨论。