DreamWeaver,经典50问(八)

超级乖乖的闹儿

超级乖乖的闹儿

2016-02-19 19:52

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐DreamWeaver,经典50问(八),希望大家看完后也有个好心情,快快行动吧!

36 同时在一个图片上,作很多个链接,怎么办?

  这个问题也就是我们平常说的“图片热点”(Image HOT)了,当然在DW里还有另外一个名字叫“图象热区域”。

  选中图片,这时在属性面板左下的位置,有一个“Map”工具栏,其右边是三个用来圈定不同区域的按钮,如图

  以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成后如图:

  依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。

37 怎样制作可以响应鼠标事件的翻转图片?

  在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。

  当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“Object”面板上的“Rollover Image”

  弹出“翻转图片设置”窗口,如下:

 

  分别单击“Browse”按钮确定“Original image”和“Rollover image”的地址,注意一定要选中下面的“Preload Rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。

38 如何制作“漫天飞舞”的图片?

  在许多大型商业网站的首页中,你经常会看到不少来回飘来飘去的广告图片,点击后可以链接到指定的地址,在DW中这点是通过Timelines来实现的。

首先在网页中插入目标图片,同时选中它,单击快速启动板中的“Timelins”按钮进入“时间线”窗口,如图:

在时间轴1frame的位置鼠标右击,选择“Add Object”,这时时间轴上会出现一兰色色条(默认1-15frame),将镜头停在15frame处,同时移动页面内图片到运动的终点位置。

现在一个简单的运动动画已经完成了,你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

39 怎样制作在页面中“静态悬浮”的图片?

所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置,因此在视觉上有种跟着页面“走”的感觉,象悬浮着一样。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

该效果的实现是通过javascript来完成的,一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件,因此就显得简单多了。

首先你必须先下载stav插件,推荐地址:http://www.51step.com/download/dwplugbe/stav.zip,解压缩将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录ConfigurationObjectsCommon下。

重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容(这里为图片)即可。

40 如何使文字和图片内容共处?

  我们都知道,在DW中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎么样才可以让文字围绕着图片显示呢?

  选中图片,在属性面板的右上方你能看到一个“Align”的属性选单,如图

  选择“Left”,这时你会发现文字已经均匀的排列在图片的右边了。

展开更多 50%)
分享

猜你喜欢

DreamWeaver,经典50问(八)

Web开发
DreamWeaver,经典50问(八)

DreamWeaver,经典50问(二)

Web开发
DreamWeaver,经典50问(二)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DreamWeaver,经典50问(三)

Web开发
DreamWeaver,经典50问(三)

DreamWeaver,经典50问(七)

Web开发
DreamWeaver,经典50问(七)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

DreamWeaver,经典50问(九)

Web开发
DreamWeaver,经典50问(九)

DreamWeaver,经典50问(十)

Web开发
DreamWeaver,经典50问(十)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在web上管理MySQL:phpMyAdmin使用讲解

在web上管理MySQL:phpMyAdmin使用讲解

我在乎的是你那颗真诚的心,而不是外表

我在乎的是你那颗真诚的心,而不是外表
下拉加载更多内容 ↓