📄 0084.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>几种主页制作中常用的小花招</strong></big></p>
<div align="right">---（文/张艳玲）</div>
◆.检验Web页面链接有效性的快捷方法<br>
如果网页中的链接点比较多，就会在维护中遇到很多问题。首先，一个链接点的
URL名可能很长，
我们只有保证一个字母都不敲错才能正确进行链接，无疑这对输入的要求是很高的。另外，时间一长，某些站点已不复存在，过去有效的链接已经变成了“死链接”，如果靠人工定期一个个站点去访问以确保链接正确，那几乎是不可能的。这是个让人为难的问题。而利用FrontPage98就能有效地解决这个问题:
<br>
<br>
首先启动FrontPage 98并打开欲检验的Web站点(就在本地硬盘相应文件夹中)
。在左边Views(视图) 区选择Hyperlink Status(超链接状态)视图，此时屏幕右半边便转变为超链接状态视图。右边窗口中会列出该站点网页中所有超链接的状态表。最上一行是项目栏，共计有“Status(状态)
”、“Hyperlink(超链接点) ”、“In Page (所在页) ”、“Page Title(页面标题)”、“Modified
by(修改人)”五项。最重要的“状态” 一项共有三种值，黄球+Unknown表示尚未检查，红球+Broken表示断链，绿球+Ok表示有效链。
点击上方Status项目栏边框，可以按状态值排列超链接点，按此功能可将所有短链列于最前方，
以便于修改。当然，根据需要也可按“In Page”
等项目排列链接点，进行管理。如果只检查一部分链接点，其选择操作也在此窗口中进行。
选择排列在一起的链接点，按住“Shift”，用上下方向键选择即可；选择分立的链接点，则要求按住“CTRL”键，用鼠标左键单击欲选链接。
<br>
<br>
刚开始所有的超链接点状态都为 “Unknown” ，
要进行断链检查， 请先连上 Internet， 选择Tools菜单下“Verify
Hyperlinks...”工具。系统会弹出对话框，询问你要进行何种操作(共三种选择)
。“Verify all hyperlinks”是检查本站点所有的链接点，“Resume
verification”用于恢复检查(检查工作意外中断后恢复操作) ，“Verify
selected hyperlink(s)”只检查事先选定的一个或一组文件。选择一种工作方式，点击右方OK按钮，检验工作便正式开始了。
<br>
<br>
自动检查完毕，可能你会发现一些标为红色的短链。下面就需要修正这些链接点了，
操作起来也相当的方便。
选中欲修正的链接，点击鼠标右键，弹出菜单中会有 “Edit Hyperlink...”和“Edit
Page”这两项。选择“Edit Hyperlink...”一项，系统会询问将无效链接修改为哪一地址，比如FrontPage发现http://www.micorsoft.
com为无效链接， 我们发现为输入时录入错误，此时修改为http:
//www.microsoft. com就对了。如果错误不易发觉如何修改，那边可选用“Edit
Page”一项，仔细研究该程序，以期发现问题之所在，实在不行就删掉该链接。
<br>
<br>
<br>
◆.自动滚屏<br>
绝大多数主页的显示范围会超出屏幕，访问者都必须要按动水平或垂直滚动杆来跳过开始的欢迎词，下面的函数演示了自动按指定的方向、速率、范围游动的主页的制作。
<br>
varposition=0； <br>
functionscroller() <br>
{ <br>
if(position!=400) <br>
{ <br>
position++； <br>
parent.scroll(400，position)； <br>
clearTimeout(timer)； <br>
vartimer=setTimeout("scroller()"，0)； <br>
timer； <br>
} <br>
} <br>
<br>
<br>
◆.在主页中编制音频播放器<br>
虽然NetscapeNavigator3.0和InternetExplorer都支持音频文件的播放，但在制作过程中还是遇到了这样一个问题:
如果用隐藏方式播放则没有声卡的用户要出错，而且因为是后台播放用户无法控制其暂停、播放和停止；如果不隐藏，因为播放器是黑色背景无论放在哪儿都觉得别扭，影响主页的效果。而自编一个既便于用户控制又能给页面起到点缀作用的音频播放器不失为一个好办法。下面详细介绍用JavaScript
自编音频播放器的方法。<br>
<br>
1. NetscapeNavigator3.0的音频播放器 <br>
<br>
1).直接打开 <br>
<br>
NetscapeNavigator3.0支持.mid、 .wav和.au等音频文件格式，您可以在浏览器中直接打开上述文件，打开时出现如下图的播放器窗口并自动播放一次，继续播放可单击“PLAY”按钮。
<br>
<br>
2).程序调用 <br>
<br>
在主页文件中您可以嵌入如下名为MySound的音频控制台来实现隐藏方式下音频
文件的自动循环播放: <br>
< EMBED <br>
SRC="jn.mid"//源文件名 <br>
HIDDEN="TRUE"//隐藏方式 <br>
AUTOSTART="TRUE"//自动播放 <br>
LOOP="TRUE"//循环播放 <br>
NAME="MySound"//嵌入对象名 <br>
< /EMBED> <br>
<br>
2. JavaScript的音频支持函数 <br>
通过JavaScript的音频支持函数您可以控制任何一个嵌入在主页中的音频控制台。
JavaScript提供了如下的支持函数: <br>
play({loop［TRUE，FALSEoranINT］}，′{url-to-sound}′)//播放 <br>
pause()//暂停 <br>
stop()//停止播放当前文件 <br>
StopAll()//停止播放所有文件 <br>
start-time({numberofseconds})//从第几秒开始 <br>
end-time({numberofseconds})//到第几秒结束 <br>
setvol({percentagenumber-without"%"sign})//音量百分比控制 <br>
fade-to({volumepercentyouwishtofadeto-withoutthe"%"sign})//削减音量到 <br>
fade-from-to({volumepercentstartfade}，{volumepercentendfade})//从某个音量值削减到某个音量值
<br>
start-at-beginning()//从文件头开始 <br>
stop-at-end()//到文件尾停止 <br>
下面四个是状态测试函数 <br>
IsReady()//准备状态测试 <br>
IsPlaying()//播放状态测试 <br>
IsPaused()//暂停状态测试 <br>
GetVolume()//获取当前音量值 <br>
<br>
3. 应用举例 <br>
<br>
下面是一个包含NetscapeNavigator3.0音频播放器所有五个元素的例子。考虑到有些用户没有声卡，本例中没有设置自动播放。读者可以根据自己的喜好结合鼠标事件将各个元素和测试函数都添加到图形按钮中。程序清单如下:
<br>
< HTML> <br>
< HEAD> <br>
< TITLE>自编音频播放器演示< /TITLE> <br>
< SCRIPTLANGUAGE=JavaScript> <br>
< !--Writer:YuHaiHe <br>
functionplaySound(){ <br>
document.firstSound.play(true)； <br>
} <br>
functionpauseSound(){ <br>
document.firstSound.pause()； <br>
} <br>
functionstopSound(){ <br>
document.firstSound.stop()； <br>
} <br>
functionvolup(){ <br>
currentVolume=document.firstSound.GetVolume()； <br>
newVolume=(currentVolume+10)； <br>
if(document.firstSound.GetVolume()==100){ <br>
alert("音量已经达到最大值")； <br>
} <br>
if(newVolume<101){ <br>
document.firstSound.setvol(newVolume)； <br>
} <br>
else <br>
{ <br>
if((newVolume<=100)＆＆(newVolume>90)){ <br>
document.firstSound.setvol(100)； <br>
} <br>
} <br>
} <br>
functionvoldown(){ <br>
currentVolume=document.firstSound.GetVolume()； <br>
newvolume=(currentVolume-10)； <br>
if(document.firstSound.GetVolume()==0){ <br>
alert("音量已经达到最小值")； <br>
} <br>
if(newVolume>0){ <br>
document.firstSound.setvol(newVolume)； <br>
} <br>
else <br>
{ <br>
if((newVolume>=0)＆＆(newVolume<10)){ <br>
document.firstSound.setvol(0)； <br>
} <br>
} <br>
} <br>
//EndofJavaScriptCode--> <br>
< /SCRIPT> <br>
< /HEAD> <br>
< BODY> <br>
< EMBED <br>
SRC="JN.MID" <br>
HIDDEN=TRUE <br>
AUTOSTART="FALSE" <br>
LOOP="TRUE" <br>
NAME="firstSound" <br>
MASTERSOUND> <br>
< P>< AHREF="javascript:playSound()">播放< /A>< /P> <br>
< P>< AHREF="javascript:pauseSound()">暂停< /A>< /P> <br>
< P>< AHREF="javascript:stopSound()">停止< /A>< /P> <br>
< P>< AHREF="javascript:volup()">音量+< /A>< /P> <br>
< P>< AHREF="javascript:voldown()">音量-< /A>< /P> <br>
< /BODY> <br>
< /HTML> <br>
<br>
<br>
◆.显示访问者的浏览器类型、版本号等信息<br>
如果想让访问者浏览你的主页时，
显示出他的浏览器类型、版本号等信息，并提出建议，如: “请使用NETSCAPE浏览器。”那么，就把下面的函数加入到你的源代码中。
<br>
vari=0； <br>
varj=0； <br>
varn=0； <br>
<br>
varBrowserInfo="您的浏览器是:"+navigator.appName+""+navigator.appCodeName+""+navigator.appVersion；functionMakeArray(n)
<br>
{ <br>
this.length=n； <br>
for(varj=0；j\n；j++) <br>
{ <br>
this［j］=0； <br>
} <br>
returnthis； <br>
} <br>
varMessages=newMakeArray(3)； <br>
Messages［0］="您的浏览器名字:"+navigator.appName； <br>
Messages［1］="您的浏览器代码:"+navigator.appCodeName； <br>
Messages［2］="版本:"+navigator.appVersion； <br>
Messages［3］=" 欢迎到光临寒舍 "； <br>
functionShowInfo() <br>
{ <br>
document.Menu.Display.value=Messages［i］； <br>
if(iΛ2) <br>
i=0 <br>
elsei++； <br>
document.Menu.Display.value=Messages［i］； <br>
BrowserInfo=Messages［i］； <br>
setTimeout("ShowInfo()"，3000)； <br>
} <br>
<br>
<br>
◆.做游动字幕<br>
主页的信息要让访问者注意，使用动态效果是很重要的。开个小窗口让文字信息反复游动，效果很不错!汉字中间的空格是必须的，目的是不出现乱字符。
<br>
varid，position=0； <br>
functionbanner() <br>
{ <br>
vari，k； <br>
varm1="此处属不定期更新，有时间您就常来看看..."； <br>
varm2=""； <br>
varm3="本站点正在积极的建设中，望各位高手赐教!"； <br>
varm4=""； <br>
varmsg=m1+m2+m3+m4； <br>
k=(165/msg.length)+1； <br>
for(i=0；i\=k；i++)msg+=""+msg； <br>
docu⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -