荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: Mill (), 信区: Homepage
标  题: 编写多媒体网页的精灵Dreamweaver(4)<CBINEWS>
发信站: BBS 荔园晨风站 (Thu Dec 24 18:27:06 1998), 站内信件

    这一期我将向大家介绍Dreamweaver最精彩的部分,动态HTML的编辑。Dreamweaver
在编辑动态HTML方面别具特色,程序利用层叠样式表和JavaSript脚本语言进行编辑。
一般的用户不必关心具体的实现方法或具体的代码,而是像进行影像编辑一样一帧一
帧的设计,所以使用的时候有点不像编写网页而是在进行多媒体设计。如果你用过
Adobe Premiere 的话,就会很快熟悉这种编辑方法。再具体的实现上分为行为
(Behavior)和时线(timeline)行为用来对外界的情况进行响应,产生交互式的操作
,这些响应是基于HTML和JavaScript语言并与具体的浏览器有关。而时线则根据页面
元素的位置、大小、内容的变化来实现。其中引入层是实现网页精美动画的关键。
  层是建立动态HTML的基础。我们可以在insert菜单或直接在工具条中找到层工具,
就是这个小图标。选中后就可以在网页上划定一个矩形区域表示建立一个新的层,选中
一个层后这个层边界用细框线表示出来,左上角有一个小的标记。我们可以在这个划定
的矩形区域内编辑任何内容,就像编辑一般的网页一样。我们看下面这个例子,图一先
后建立了三个层,第一层是包含一副风景画的图层,第二个层是包含汽车的层,最上面
的第三层是海鸥。其中第三层是一张GIF89A的图片,所以我们可以通过第三层看到下面
的前两个层。层的大小可以是任意的,但不能小于层中的元素。也就是说我们不能通过
改变层的大小来改变层中元素的大小,这个例子中要改变第三层中海鸥的大小只能通过
对海鸥这幅图的属性来改变。在上一期介绍插入图片的段落中有相关内容。当我们选中
一个层进行操作时(注意是对层的内容进行编辑,而不是对层本身),这时该层的边框
由灰色变为黑色,我们就可以在这个层中插入 或修改各种元素。并且选中以后活动层的
左上角出现一个小方块的标志。上面的例子是单击这个小方块后的情况,这时层的边界
出现八个小方块点,我们可以通过用鼠标拉动这些点来改变层的大小。为了对层进行更
好的管理还需调出层控制面板(选window中的 layer命令)。图二是针对上一个例子的
层面板。面板上标出了三个层的情况。层面板一共有三个选项供选择,有眼睛标记的选
项是显示或隐藏层。当点最上面的眼睛标记时可以对所有层进行显示和隐藏操作。在下
面还有三....(缺一段)layer1、layer2……层面板中Z项指的是Z-order,层的顺序,
Z值越小表明该层的位置越靠下。

--
__________ 欢  迎  光  临  黑客版       ◤
                         ┏━━━━━━━━━━━━━┯┓
                         ┃ 弃我去者,昨日之日不可留, ┕┫
                         ┃ 乱我心者,今日之日多烦忧。  ┃
                         ┗━━━━━━━━━━━━━━┛


※ 来源:.BBS 荔园晨风站 bbs.szu.edu.cn.[FROM: 192.168.0.143]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店