发信人: zy4843762()
整理人: snowypeng(2002-05-23 09:18:36), 站内信件
|
FRONTPAGE高级应用12则
作者:蓝天
当我们在网上尽情冲浪时,常常会见到别人的主页上有很多别致
的效果,例如滚动字幕、动态按钮以及页面色彩的淡入淡出等,每次
见到这些漂亮网页时,相信众多网友肯定有这样的感叹:要是自己能
亲手制作出这样"智慧型"的主页那该有多好啊。别急,待你看完本文
后,即使你完全不懂HTML,你也可以通过FRONTPAGE让你的主页
具有多种特效。下面就让我来讲讲自己用FRONTPAGE在设计主页时实
现常见特效的一些心得体会。
1、图象的略图编辑
图象的略图指把图象按原比例缩小,可作为原图的预览,这在网
络速度比较慢时可快速地显示图片的概图。FrontPage 98中,可以完
成这样一个功能,即当访问者点击一个到照片的链接后,在照片下载
的过程中,网页上首先出现照片的略图,直至原照全部出现。步骤如
下:首先制作略图。先将照片复制作为制作略图之用。在FrontPage 98
Editor中选中照片,执行"右击/image properties/Appearance",
选中"Specify Size"(指定尺寸)和"Keep Aspect Ratio"(保持纵横
比),按要求确定照片的宽和高即可完成略图的制作。然后单击原照,
进入"Image Properties/General"菜单,在"alternative representation"
(替换显示)栏中的"Low-Res"(略图)框里填入略图的位置,在Text
文本框中填入说明文字,单击"Ok",完成。
2、图象的热点区域设置
图象的热点指把图象分为几个可点击区域,单击图象上的每个区
域,点击图片的某个区域就可链接进入相关链接的页面。这个效果是
怎么实现的呢?方法如下:选中图象,然后运用图象工具栏中的"Rectangle"
(矩形)、"Circle"(圆周)和"Polygonal"(多边形)三个工具钮
选取区域,一旦选中了既定的区域,FRONTPAGE就会弹出一个对话框,
让你输入所要连接的页面的URL。
3、图片重叠效果实现
这种效果具体实现的步骤如下:
(1)先画一个表格,把图象放到表格里;
(2)在表格里面点击鼠标右键,单击(表格属性),把(布局)中
的(边框线宽度)、(单元格边的间距)改成0;
(3)再单击(使用背景图象)右侧的(浏览)按钮,选择自己喜欢
的图象,利用图象插入功能插入图片,就可以使两幅图象重叠了。假
如表格的背景为蓝天白云,表格里的图象为一只正在飞翔的小鸟,我
们通过这种效果合成的画面一定是很美妙的。
4、动态广告标题编辑
我们经常在网页上看到动态广告标题,要实现这个效果,我们可
以通过FRONTPAGE内置的(标题广告管理器),先把要依次播放的广告
图片排好,然后使页面处于(HTML)的状态,找到这样的一段代码
:appletcode=″fprotate.class″codebase=″_fpclass″,删除codebase=
″_fpclass″代码,同时把在x:ProgramFilesMicrosoftFrontPagefpclass
目录下的一个叫fprotate.class文件拷贝到你所在的目录下,就可以
实现广告图象轮流播放的效果了。
5、动态按钮编辑
这是我们在网上常见的一种效果,当鼠标移到一个按钮上,按钮
的颜色立即发生变化,动感非常之强。这个效果可以通过FrontPage
里预先定制的功能来轻松实现。具体步骤为单击(Insert)("插入")
→(Active elements)("活动组件")→(Hover Button)("动态按钮"),
出现对话框,对话框上提供的选项可以设置按钮上的文字,链接方向、
按钮的变幻颜色等等。实际上更为常用的是,可以事前准备两幅大小
相同的图片,然后选择对话框的(Custom)("定制")选项,使鼠标所
到之处,图标即随之发生变化。
6、链接样式表(即风格样式单)的编辑
现在,许多主页都采用了一种简洁的文本超链接形式,而当鼠标
点上这些链接的时候,这些文字链接的字体、大小发生一些动态变化,
这小小的变化会使整个页面看起来动感奇佳。实际上,用风格表(style
sheet)便可以轻松地实现这个功能,步骤如下:如前所述,打开"Format"
(格式)菜单中的"Style sheet"(风格表)选项,在文本框中的HTML
代码中插入"a:hover",结果如下示"","hover"意为"停悬",即指光
标停悬在超级链接上。下面,打开"style"菜单,你就可以选择当鼠
标箭头移到文本超链接时文字的变化啦!可选的选项有很多,这里我
们简单地设置字体为楷体,颜色为红色,字体风格为斜体,文本修饰
为下划线(执行Text/Decoration/Underline),单击"OK"按钮,大
功告成,这样,当鼠标箭头移到有超链接的文字上时,文字的字体变
为楷体,颜色为红色,字体风格为斜体,文字下面还会出现一条下划
线。
7、重定向效果编辑
当你的网站换个新地方时,把你以前旧的地址存入书签的用户,
现在并不一定知道,这样你就面临着失去大量用户的危险。FrontPage98
可以帮助你很简单地解决这个问题。在FrontPage 98中,打开你的主
页,选择(File)("文件")→(Page Properties)("属性")→(Custom)
("定制")→(System Variables)("系统变量")→(Add)("添加"),
在Name框中输入变量名如refresh,在Value框中输入参数如:10;URL=http:
∥WWW.XXX.COM/INDEX.HTML,最后确定,就实现了重定向的功能。参
数中10表示当前网页完全下载后延迟10秒种;第二项表示重定向的新
地址。通过这个效果,用户访问你的以前的主页10秒钟后,浏览器会
自动转向你新的主页地址。
8、制作表单邮件
通常我们在主页中创建一个美观的表单是基于你的主页服务器上
有一个表单处理程序(form handler),如果没有,则这个表单程序
往往不能正常运行。经过实践,我发现FrontPage 98中也可以完成一
个最简单的提交和处理表单计算结果的设置,那就是通过电子邮件来
完成。方法如下:打开主页,在FrontPage 98 Editor中执行(Insert)
("插入")→(Form Field)("表单区域")→(One-Line Text Box)
("一行文本框"),把表单的样式和基本属性设置好后,注意要设置
按钮类型为"Submit"(提交)这一项。右击此按钮,打开"Form Properties"
(表单属性)对话框,选中"Send to others/Custom ISAPI,NSAPI,CGI,or
ASP Script"这一项,然后打开"Options"(选项)对话框,在"Action"
(动作)框中输入"mailto:yourname@servername?邮件主题",在"Method"
(方式)框中选"Post"(邮寄),在"Encoding type"(编码类型)框
中输入"text/plain",确定后即告完成。
9、页面定制效果编辑
我们经常能看见,当打开一个新页面时,本来普普通通毫无奇特
之处的网页,但由于加入一点淡入淡出的效果使人眼前为之一亮。FrontPage
98的(Format)(格式)菜单条下的(Page Transition)(页面转换),
就为你提供了这一类页面效果,而且还不止一种哩。单击(Format)
(格式)→(Page Transition)(页面转换),(Event)栏中有四个事
件:Page Enter(进入页面)、Page Exit(页面退出)、Site Enter
(输入网址)和Site Exit(离开网站),任选其一。(Duration(Seconds))
表示选定事件的发生时间;Transition Effect(转换效果)一项,
是十几种各不相同、美观大方的页面效果,例如选择了Blend,那就
会出现前面提到的那种特殊效果。如果选择了Box Out,那么当进入
页面时,就会像一只盒子由里向外慢慢扩散,非常好看!如果你有耐
心的话,不妨多试几种,以便能找到一种称心如意的效果。
10、动态背景制作
当你用浏览器访问某些站点时,你会注意到在该页面右下方有个
图标不会随滚动条的移动而改变位置,始终存在于固定位置。这个效
果是用CSS(样式表)得到的,用FrontPage98可以很容易的实现。在FrontPage
98中,选择(File)→(Page Properties)→(General)→(Style),在
弹出的对话框中,选择"Colors"标记;在"Background Image"框中填
入图像的路径与文件名,"Attachment"框中,选择"Fixed"(表示此图
像将固定位置),在"Repeat"框中,选择"No Repeat"(表示图像不会
重复出现),在"Vertical"和"Horizontal position"中选择图像的水
平和垂直位置;最后按下确定键后,你会看见你的图像在屏幕上重叠
出现,不要紧,这是因为编辑器不支持Dhtml,你只需存盘,然后用
浏览器预览,你就会看到奇妙的效果出现了。
FrontPage的动态功能较多,大家在制作过程中多一些实践就可
发现许多平时未加以注意的功能。
11、如何使你的主页自动被搜索引擎收录
你一定为了让你的网站名扬天下而去各个搜索引擎注册吧?在网
上有很多机器人,它们自动搜寻关键字,我们只要在我们的网站上设
立这样的关键字,就有可能被它们找到。
<head><meta http-equiv="keywords" content="yancheng,science,techno lodgy,information,network,
politics,economic,
charset=gb2312"></head>
其中CONTENT这个属性主要让你放置一些你主页里的关键词,而
且这些关键词最好容易使人想到。
12、如何强制浏览器浏览信息时必须从服务器中读取
我们有时希望刷新时重新下载网页,而不是从缓存中读取旧的文
件,为了解决这个问题,你可以在你的网页的部分中加入以下HTML源
代码就可以了:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
-- ※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 61.136.104.79]
|
|