电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
主页制作必备技巧三则
主页制作必备技巧三则
2005-12-30 19:13:50  文/45IT收集   出处:电脑软硬件应用网   


  检验web页面链接有效性的快捷方法

  如果网页中的链接点比较多,就会在维护中遇到很多问题。首先,一个链接点的url名可能很长,我们只有保证一个字母都不敲错才能正确进行链接,无疑这对输入的要求是很高的。另外,时间一长,某些站点已不复存在,过去有效的链接已经变成了“死链接”,如果靠人工定期一个个站点去访问以确保链接正确,那几乎是不可能的。这是个让人为难的问题 
,而利用frontpage98就能有效地解决这个问题。

  首先启动frontpage 98并打开欲检验的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发现www.microsoft. com为无效链接,我们发现为输入时录入错误,此时修改为www.microsoft. com就对了。如果错误不易发觉不知如何修改,那可选用“edit page"一项,仔细研究该程序,以期发现问题之所在,实在不行就删掉该链接。

  自动滚屏

  绝大多数主页的显示范围会超出屏幕,访问者都必须要按动水平或垂直滚动杆来跳过开始的欢迎词,下面的函数演示了自动按指定的方向、速率、范围游动的主页的制作。

  varposition=0;

  functionscroller() 

  { 

  if(position!=400) 

  { position++;

  parent.scroll(400,position);

  cleartimeout(timer);

  vartimer=settimeout(″scroller()″,0);

  timer;} } 

  显示访问者的浏览器类型、版本号等信息

  如果想让访问者浏览你的主页时,显示出他的浏览器类型、版本号等信息,并提出建议,如:“请使用netscape浏览器。”那么,就把下面的函数加入到你的源代码中:

  vari=0;

  varj=0;

  varn=0;

  varbrowserinfo=″您的浏览器是:″+navigator.appname+″″+navigator.appcodename+″″+navigator.appversion;functionmakearray(n) 

  { 

  this.length=n;

  for(varj=0;j ;j++) 

  { 

  this[j]=0;

  } 

  return this;

  } 

  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 

  else i++;

  document.menu.display.value=messages[i];

  browserinfo=messages[i];

  settimeout(″showinfo()″,3000);

  } 

 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号