邯郸市领创中等专业学校,是经河北省教育厅、邯郸市教育局批准成立的全日制中职学校。
领创新闻

几种网页制作中常用的小技巧

时间:2013-05-25 10:42:52 发布:admin 来源:未知

 

如果网页中的链接点比较多,就会在维护中遇到很多问题。首先,一个链接点的 URL名可能很长, 我们只有保证一个字母都不敲错才能正确进行链接,无疑这对输入的要求是很高的。另外,时间一长,某些站点已不复存在,过去有效的链接已经变成了“死链接”,如果靠人工定期一个个站点去访问以确保链接正确,那几乎是不可能的。  这是个让人为难的问题。而利用FrontPage2000就能有效地解决这个问题: 
首先启动FrontPage 2000并打开欲检验的Web站点(就在本地硬盘相应文件夹中) 。在左边Views(视图) 区选择Hyperlink Status(超链接状态)视图,此时屏幕右半边便转变为超链接状态视图。右边窗口中会列出该站点网页中所有超链接的状态表。最上一行是项目栏,共计有“Status(状态) ”、“Hyperlink(超链接点) ”、“In Page (所在页) ”、“Page Title(页面标题)”、“Modified by(修改人)”五项。最重要的“状态” 一项共有三种值,黄球+Unknown表示尚未检查,红球+Broken表示断链,绿球+Ok表示有效链。 点击上方Status项目栏边框,可以按状态值排列超链接点,按此功能可将所有短链列于最前方, 以便于修改。当然,根据需要也可按“In Page” 等项目排列链接点,进行管理。如果只检查一部分链接点,其选择操作也在此窗口中进行。 选择排列在一起的链接点,按住“Shift”,用上下方向键选择即可;选择分立的链接点,则要求按住“CTRL”键,用鼠标左键单击欲选链接。 
刚开始所有的超链接点状态都为 “Unknown” , 要进行断链检查, 请先连上 Internet, 选择Tools菜单下“Verify Hyperlinks…”工具。系统会弹出对话框,询问你要进行何种操作(共三种选择) 。“Verify all hyperlinks”是检查本站点所有的链接点,“Resume verification”用于恢复检查(检查工作意外中断后恢复操作) ,“Verify selected hyperlink(s)”只检查事先选定的一个或一组文件。选择一种工作方式,点击右方OK按钮,检验工作便正式开始了。 
自动检查完毕,可能你会发现一些标为红色的短链。下面就需要修正这些链接点了, 操作起来也相当的方便。 选中欲修正的链接,点击鼠标右键,弹出菜单中会有 “Edit Hyperlink…”和“Edit Page”这两项。选择“Edit Hyperlink…”一项,系统会询问将无效链接修改为哪一地址,比如FrontPage发现http://www.micorsoft.com"为无效链接, 我们发现为输入时录入错误,此时修改为http:file://www.microsoft.com就对了。如果错误不易发觉如何修改,那边可选用“Edit Page”一项,仔细研究该程序,以期发现问题之所在,实在不行就删掉该链接。 
   ◆.自动滚屏
绝大多数主页的显示范围会超出屏幕,访问者都必须要按动水平或垂直滚动杆来跳过开始的欢迎词,下面的函数演示了自动按指定的方向、速率、范围游动的主页的制作。 
varposition=0; 
functionscroller() 

if(position!=400) 

position++; 
parent.scroll(400,position); 
clearTimeout(timer); 
vartimer=setTimeout("scroller()",0); 
timer; 

}

  ◆.在主页中编制音频播放器
虽然NetscapeNavigator3.0和InternetExplorer都支持音频文件的播放,但在制作过程中还是遇到了这样一个问题: 如果用隐藏方式播放则没有声卡的用户要出错,而且因为是后台播放用户无法控制其暂停、播放和停止;如果不隐藏,因为播放器是黑色背景无论放在哪儿都觉得别扭,影响主页的效果。而自编一个既便于用户控制又能给页面起到点缀作用的音频播放器不失为一个好办法。下面详细介绍用javascript 自编音频播放器的方法。
1. NetscapeNavigator3.0的音频播放器 
1).直接打开 
NetscapeNavigator3.0支持.mid、 .wav和.au等音频文件格式,您可以在浏览器中直接打开上述文件,打开时出现如下图的播放器窗口并自动播放一次,继续播放可单击“PLAY”按钮。 
2).程序调用 
在主页文件中您可以嵌入如下名为MySound的音频控制台来实现隐藏方式下音频 文件的自动循环播放: 
< EMBED 
SRC="jn.mid"//源文件名 
HIDDEN="TRUE"//隐藏方式 
AUTOSTART="TRUE"//自动播放 
LOOP="TRUE"//循环播放 
NAME="MySound"//嵌入对象名 
< /EMBED> 
2. javascript的音频支持函数 
通过javascript的音频支持函数您可以控制任何一个嵌入在主页中的音频控制台。 javascript提供了如下的支持函数: 
play([loop[TRUE,FALSEoranINT]],′{url-to-sound}′)//播放 
pause()//暂停 
stop()//停止播放当前文件 
StopAll()//停止播放所有文件 
start-time([numberofseconds])//从第几秒开始 
end-time([numberofseconds})//到第几秒结束 
setvol([percentagenumber-without"%"sign])//音量百分比控制 
fade-to({volumepercentyouwishtofadeto-withoutthe"%"sign})//削减音量到 
fade-from-to([volumepercentstartfade],[volumepercentendfade})//从某个音量值削减到某个音量值 
start-at-beginning()//从文件头开始 
stop-at-end()//到文件尾停止 
下面四个是状态测试函数 
IsReady()//准备状态测试 
IsPlaying()//播放状态测试 
IsPaused()//暂停状态测试 
GetVolume()//获取当前音量值 
3. 应用举例 
下面是一个包含NetscapeNavigator3.0音频播放器所有五个元素的例子。考虑到有些用户没有声卡,本例中没有设置自动播放。读者可以根据自己的喜好结合鼠标事件将各个元素和测试函数都添加到图形按钮中。程序清单如下: 
< HTML> 
< HEAD> 
< TITLE>自编音频播放器演示< /TITLE> 
< SCRIPTLANGUAGE=javascript> 
< !--Writer:YuHaiHe 
functionplaySound()[ 
document.firstSound.play(true); 

functionpauseSound(){ 
document.firstSound.pause(); 

functionstopSound()[ 
document.firstSound.stop(); 

functionvolup()[ 
currentVolume=document.firstSound.GetVolume(); 
newVolume=(currentVolume+10); 
if(document.firstSound.GetVolume()==100)[ 
alert("音量已经达到最大值"); 

if(newVolume<101){ 
document.firstSound.setvol(newVolume); 

else 

if((newVolume<=100)&&(newVolume>90))[ 
document.firstSound.setvol(100); 



functionvoldown()[ 
currentVolume=document.firstSound.GetVolume(); 
newvolume=(currentVolume-10); 
if(document.firstSound.GetVolume()==0){ 
alert("音量已经达到最小值"); 

if(newVolume>0)[ 
document.firstSound.setvol(newVolume); 

else 

if((newVolume>=0)&&(newVolume<10))[ 
document.firstSound.setvol(0); 



file://EndofjavascriptCode–> 
< /SCRIPT> 
< /HEAD> 
< BODY> 
< EMBED 
SRC="JN.MID" 
HIDDEN=TRUE 
AUTOSTART="FALSE" 
LOOP="TRUE" 
NAME="firstSound" 
MASTERSOUND> 
< P>< AHREF="javascript:playSound()">播放< /A>< /P> 
< P>< AHREF="javascript:pauseSound()">暂停< /A>< /P> 
< P>< AHREF="javascript:stopSound()">停止< /A>< /P> 
< P>< AHREF="javascript:volup()">音量+< /A>< /P> 
< P>< AHREF="javascript:voldown()">音量-< /A>< /P> 
< /BODY> 
< /HTML> 
  ◆.显示访问者的浏览器类型、版本号等信息
如果想让访问者浏览你的主页时, 显示出他的浏览器类型、版本号等信息,并提出建议,如: “请使用NETSCAPE浏览器。”那么,就把下面的函数加入到你的源代码中。 
vari=0; 
varj=0; 
varn=0;

varBrowserInfo="您的浏览器是:"+navigator.appName+""+navigator.appCodeName+""+navigator.appVersion;functionMakeArray(n) 

this.length=n; 
for(varj=0;jn;j++) 

this[j]=0; 

returnthis; 

varMessages=newMakeArray(3); 
Messages[0]="您的浏览器名字:"+navigator.appName; 
Messages[1]="您的浏览器代码:"+navigator.appCodeName; 
Messages[2]="版本:"+navigator.appVersion; 
Messages[3]=" 欢迎到光临寒舍 "; 
functionShowInfo() 

document.Menu.Display.value=Messages[i]; 
if(iΛ2) 
i=0 
elsei++; 
document.Menu.Display.value=Messages[i]; 
BrowserInfo=Messages[i]; 
setTimeout("ShowInfo()",3000); 

  ◆.做游动字幕
主页的信息要让访问者注意,使用动态效果是很重要的。开个小窗口让文字信息反复游动,效果很不错!汉字中间的空格是必须的,目的是不出现乱字符。 
varid,position=0; 
functionbanner() 

vari,k; 
varm1="此处属不定期更新,有时间您就常来看看..."; 
varm2=""; 
varm3="本站点正在积极的建设中,望各位高手赐教!"; 
varm4=""; 
varmsg=m1+m2+m3+m4; 
k=(165/msg.length)+1; 
for(i=0;i=k;i++)msg+=""+msg; 
docu ment.form1.banner.value=msg.substring(position,posi tion+160); 
if((position++)==msg.length)position=0; 
id=setTimeout("banner()",100); 

  ◆.给网页标记“审查等级”的方法
不少人都赞成用对网页划分等级的方法来对网页的内容进行限制,以防止特定的人群(如儿童)看到不合适的内容。 
这里最为推荐的方法是:如果Web服务器支持的话,在HTTP的头数据流中插入两个扩展头,或者,Web站可以运行一个标签服务器(label bureau server),也可以使用嵌入标记在HTML文档中直接插入一个标签。 
  ◆.给主页添加视频动画
只要把下面这段代码添加到你的网页中, 就可以在主页中添加Windows视频动画或其他RralMedia格式的视频动画。 
< img dynsrc=file:///F:/zip/avi/Bab2.avi start="fileopen" width="360" height="190" alt="Bab2.avi (7144264 字节)" controls hspace="-1" vspace="0"> 
在这段代码中,dynsrc的值为你的动画文件的名字,它应是以avi、ra、ram为后缀名的文件;start的值一般为“fileopen”,这样就可以使动画自动播放;width和 height的值分别是动画播放时的画面的宽度和高度(以像素为单位也可以百分比来表示);alt 的值是对动画文件的非显示说明;hspace是画面离页左边的距离(以像素为单位); vspace是画面离页顶的距离(以像素为单位)。 
  ◆.在网页上使用ActiveX控件
在网页上显示一个ActiveX控件要使用HTML的OBJECT标识,将一个命令按钮插入到网页中的标识如下: 
< OBJECT ID="CommandButton1" WIDTH=96 HEIGHT=32 
CLASSID="CLSID:D7053240-CE69-11CD-A777-00DD01143C57"> 
< PARAM NAME="Caption" VALUE="Click Me"> 
< PARAM NAME="Size" VALUE="2540;846"> 
< PARAM NAME="FontName" VALUE="System"> 
< PARAM NAME="FontEffects" VALUE="1073741825"> 
< PARAM NAME="FontCharSet" VALUE="134"> 
< PARAM NAME="FontPitchAndFamily" VALUE="34"> 
< PARAM NAME="ParagraphAlign" VALUE="3"> 
< PARAM NAME="FontWeight" VALUE="700"> 
< /OBJECT> 
OBJECT具有几个参数,CLASSID是Windows用来注册ActiveX控件的类标识,PARAM 初始化该控件的属性,定义好控件后就可以为这个控件编写必要的代码来响应事件了。 
显然, 用上述的方法进行控件的定义是很繁琐的。如果用微软的ActiveX Control Pad(可从微软的站点上下载),就能大大简化这一过程。 
ActiveX Control Pad提供了四个构件,可以大大简化网页的设计: Text Editor (HTML文档编辑器) 、 Object Editor (直观地改变控件大小和属性) 、HTML Layout Editor(HTML布局编辑器,用于生成HTML的布局)、Script Wizard(脚本向导程序)。 
运行ActiveX Control Pad后,在编辑器中输入HTML标识可生成Web页面,需要插入ActiveX控件时, 选择Edit→Insert ActiveX Control就会打开一个提示窗口,你可以按照提示进行灵活的处理。 
选择你所要的ActiveX控件后会出现相应的属性窗口, 通过它可以设置控件的属性。一切工作做完后,关闭控件窗口,相应的HTML代码已经插入到HTML文档中了。如果要建立一个HTML布局, 其方法步骤是: File→New HTML Layout, 打开Layout和 Toolbox窗口, Layout窗口类似VB的设计窗体,可以方便地在上面放置各种控件,要加入VBScript的脚本,用右键单击Layout窗体,选择Script Wizard,在1号窗选择相应的控件和事件,在下方的代码视窗中输入代码即可。完成HTML布局后,保存退出。在HTML文档中需要插入布局的地方进行如下操作:Edit→Insert HTML Layout,选择好 Layout文件后,在文档中会插入相应的代码。这样就可以非常方便地生成一个活动的 Web页面。 
  ◆.做时钟的方法
varTimeValue=""; 
functionShowTime() 

varToday=newDate(); 
TimeValue=(Today.getYear()+1900)+"年"+(Today.getMonth()+1)+"月"+To day.getDate()+"日"; 
TimeValue+=((Today.getHours()10)?("0"+Today.getHours()):Today.getHours()); 
TimeValue+=((Today.getMinutes()10)?":0":":")+Today.getMinutes(); 
TimeValue+=((Today.getSeconds()10)?":0":":")+Today.getSeconds(); 
document.Menu.Time.value=TimeValue; 
setTimeout("ShowTime()",1000);

关键字:网页 技巧

友情链接

0310-8170888

工作时间(周一到周日:9:00-17:00)

扫一扫 加关注