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