第八课

动态效果处理集锦

大家都知道FP是一种很典型的静态网页设计工具,并且它自身的优点很大程度在网站的管理上,所以你想要使用FP来制作大型的动态网页那就错了。

不过鉴于设计上的需要,FP还是提供了不少的动态网页效果的处理,虽然一些已经变的很“古老”了,但对初学者来说也是很重要的。下面笨笨熊基本上总结了一下:如果有不足之处,还希望大家能来信指教。

1>最常用的鼠标滑动变色效果:

Format / style sheet,进入CSS样式表窗口

其中的默认格式是:<style><!---></style>

在Style标记对中间写:<style><!-a--></style>

点下面的 style按钮,在弹出的窗口中设定

Color前景色为 blue,OK。

在a{}标记后面写:a:hover 如:<style><!-a{}a:hover--></style>

同样点击 style 设定颜色为 :red

这时最后的显示应该类似:<style><!--a{}a:hover{}-></style>

OK以后,在预览状态下鼠标滑动到连接上时,你能看到连接已经变成了红色。

看似非常简单的效果目前在网页可是应用最广泛的。

由于起到了强调的作用,因此无论是大网站(新浪网易搜狐)还是一般的小网站都应用了它们。

2>实现文本的动态效果。

选种格式文本。

Format / animation在随后的级联项中选择你喜欢的格式。

不过这种效果是在网页载入时显示出来的。

3>设定网页的切换过渡效果。

当然这种效果是针对整个网页而言的。

Format / Page transition

在左边的事件类型中选择:page enter(网页载入)page exit(网页关闭)或是 site enter (站点载入)site (站点关闭)。在右边的效果里,自己选选就可以了。

4>插入动态按钮:

将鼠标停在需要出入按钮的地方,insert /active elements/hover button,在窗口中 button color中设定按钮的颜色,effects:列表中选动态按钮的变化效果。

至于里面的效果,笨笨熊就不多说了。

5>信息滚动条MARQUEE

在某些网页中我们经常会看到一些按一定方向(左右)滚动的信息,其实这些不是什么高深的技术。

Insert / active elements/marquee如:试试看了

direction:滚动方向。

behavior:动作类型。slide scroll alterate

当然你还可以设定文本的颜色。

6>广告管理条幅:

Insett/active elements/banner ad 插入需要轮显的图片,而它实现的效果即几张图片的交换显示。

好了,关于动态效果就先说这。

 

  《我要起步网》提供 笨笨熊/文

 

上一页

目录

下一页

◆制作——阿帕奇


想要更多的免费电子图书,请光临

http://www.eshunet.com/