微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题让我们的家变得更Cool
栏目网络与通信
作者Jumem
发布2001年33期
  各位初做主页的菜鸟朋友们,当你们用Frontpage 或Dreamweaver做网页的时候,是否想过通过修改一下我们的页面HTML标签实现一些特别而又效果又很不错的功能呢?我在菜鸟成长的道路上摸索到了几个好宝贝,现在就拿出来和大家一起共享!
   1.浮动背景
  在普通的页面中,当我们拉住滚动条把页面向下拉动的时候,背景图像也会跟着一起移动,这样就会增加数据的传输量,减慢我们的浏览速度!要解决这个问题,我们可以在HTML语句的<BODY>标签中加入这样的语句:
  <body backgroud=“路径/背景.jpg” bproperties=“fixed”>
  其中“背景.jpg”是指页面的背景图像。
   2.提前下载页面
  当要大一点的图片的时候,速度就会变的比较慢,于是就想到了利用浏览者在浏览前一页的时间来提前下载下一页的图片,以便提高浏览的速度!我们需要在HTML语句中的<body></body>间加入这样的语句:
  <img src=“路径/图像.jpg” width=“0” height=“0”>
  其中,图像.jpg就是你要提前下载的图像。
   3.链接提示文字
  1)我们经常看到在很多主页上,当鼠标指向某个链接的时候,在状态栏就会出现相关的具体介绍说明信息,要实现其实也是很简单的,只要在连接的标签<a></a>里加入一点东西就行了!
  For example:
  <a href=“http://jumem.home.chinaren.com” onmouseover=“window.status='依依苏网络驿站';return true;” onmouseout=“window.status='';”>连接的提示文字</a>
  其中,onmouseover和onmouseout都是事件发生句柄,用来告诉电脑当鼠标指向连接和离开连接的时候要发生的动作,而window.status就是用来说明发生动作的时候状态栏要显示的内容。
  2)是否去过榕树下这个站点?是否记得里面的文章,当你的鼠标指向文章的连接的时候,只要悬停一会就会有相关的文章精彩内容在鼠标旁边显示出来,想知道是怎么做的吗?其实也是很简单的,只要在<a></a>(在<font></font>里也行,但在某些情况下会造成麻烦)里加上个参数就行了,还是举个例吧:
  <a href=“jumem.home.chinaren.com” title=“这是jumem在网上的一个家,不错的哦”>依依苏网络驿站</a>
  其中,正是这title起了作用,它后面双引号括着的内容就是提示的内容。
   4.表格提前显示
  大家知道,在网页的制作中用的最多得是表格,它为网页提供了丰富的表达效果,然而表格太大的时候,就会使速度变慢,因为浏览器要把整个表格下载了才能显示,当然就阻碍了浏览的速度了,不用怕,我们可以利用css样式标签,在<table></table>标签里加入这样的属性参数:
  <table style=“table-layout:fixed” width=“100 border=”0“></tatle>
  其中table-layout是样式属性,它能设置浏览器绘制表格的方式,设为fixed后就不必等整个表格的数据装入才把表格画出,避免等待!
  好了,我的几点经验都谈了,希望大家一起进步。