网页在线人数统计的代码_html

在浏览网页的时侯，常常可以看见一些“当前网站上的人数是ＸＸＸ人”的在线人数同计。如何用ＡＳＰ来做一个呢？首先，分析一下它的做法，一般来说，这些线上人数统计都是指一个时段内的访客人数统计。比如（５分钟内，１０分钟内）而这个时间的长短，是由设计者设定的。
　　在这个时段内同计各个不同ＩＰ的访客总数，就可以得出当前的线上人数了，但这里有一个精确问题需要解决，至于用什么办法来精确地统计，那就是各人不同的做法了，比如可以用自动提交的页面，隔一段时间读取ＣＯＯＫＩＥＳ等等，而在ＡＳＰ中，有一个更好的技巧，就是使用session对象来统计，这里介绍一下gobal.asa这个文件，这是一个很重要的一个文件，请看看它的结构。
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Session_OnStart
End Sub
Sub Session_OnEnd
End Sub
sub Application_OnStard
End Sub
sub Application_OnEnd
End Sub
</SCRIPT>
　　当有一个会话发生时（用户浏览网页，向Web服务器发出请求）那么，如果自服务器启动后第一个用户的话，就会同时发生Application_OnStard和Session_OnStart这两个事件，之后，再有别的用户发出请求的话，就只发生Session_OnStart这个事件，而session的生存期是多长，是可以设定的，Session.timeout=Ｘ（分钟）
　　好了，有了这个很好用的方法，我们就能准确地统计出在线人数了，而人数总计是用一个application变量来保存，当在第一个会话开始时，在Application_OnStard事件中放置一条清空计数器的语句application("online")=0，然后，在Session_OnStart事件中，放置一条增加在线人数的语句
application("online")=application("online")+1，而在Session_OnEnd事件相应地放一条减少在线人数的语句，令计数值减一。
　　这样，这个文件就改为如下
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Session_OnStart
application("online")=application("online")+1
End Sub
Sub Session_OnEnd
application("online")=application("online")-1
End Sub
sub Application_OnStard
application("online")=0
End Sub
sub Application_OnEnd
application("online")=0
End Sub
</SCRIPT>

　　接下来编一个显示图形数字的程序，把在线人数显示在指定的页面上。这样就能得出在人数了
＊online.asp
<% @language="vbscript" %>
<%
tmp=application("online")
tmp=Cstr(tmp)
dim disp(20)
dim images(20)
dbbits=len(tmp)
for i= 1 to dbbits
disp(i)=left(right(tmp,i),i-(i-1))
next
for i=dbbits to 1 step -1
images(i)="<img" width=100% src="&"http://xxxx.com.cn/pic"&"/"&disp(i)&".gif>"
response.write "document.write('"&images(i)&"');"
next
%>

　　上面的程序很简单，这里不作分析了，请大家自己阅读一下。在调用在线统计的页面上用一句script语句引用online.asp文件，以显示图形统计器。
<script language="JavaScript"" width=100% src="http://xxxx.com.cn/online.asp"></script>
　　现在可以了，记住要点，你必须把gobal.asa放在正确的web应用程序根目录上，而最好单独为这个统计新建一个web应用程序，不要与其它别的程序混乱了，不然得出的数据是不准确的，而把这个程序修改为多用户的在线统计也很简单。这样就可以提供在线统计服务了，如何实现请又大家去思考一下吧....

Meta标签放在每个网页的<head>...</head>中，我们大家比较熟悉的如：
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">说明编辑工具；
<meta name="KEYWORDS" content="...">说明关键词；
<meta name="DESCRIPTION" content="...">说明主页描述；
<meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">和
<meta http-equiv="Content-Language" content="zh-CN">说明所用语言及文字...
可见META有两种，name和http-equiv。
name主要用于描述网页,对应于content,以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找META值来给你的网页分类）。这其中最重要的是DESCRIPTION（你的站点在引擎上的描述）和KEYWORDS（搜索引擎籍以分类的关键词），应该给你的"每一页”都插入这两个META值。当然你也可以不要搜索引擎检索,可用:
<meta name="ROBOTS" content="all | none | index | noindex | follow | nofollow"> 来确定:
设定为"all"时文件将被检索，且页上链接可被查询;
设定为"none"则表示文件不被检索，而且不查询页上的链接;
设定为"index"时文件将被检索;
设定为"follow"则可查询页上的链接;
设定为"noindex"时文件不检索，但可被查询链接;
设定为"nofollow"则表示文件不被检索，但可查询页上的链接.
http-equiv顾名思义相当于http文件头的作用，可以直接影响网页的传输。比较直接的
例子如:
1、自动刷新，并指向新网页
<meta http-equiv="Refresh" content="10; url= http://yourlink"'>http://yourlink"> 10秒后刷新到http://yourlink;
2、网页间转换时加入效果
<meta http-equiv="Page-Enter" content="revealTrans(duration=10, transition=50)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=20, transition=6)">
加在一个网页中，进出时有一些特殊效果，这个功能即FrontPage 98的Format/PageTransition.不过注意所加网页不能是一个Frame页;
3、强制网

    色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当，因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍。
   1、色彩基本概念
　　自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：
   (1)色相(Hue)：
　　也叫色泽，是颜色的基本特征，反映颜色的基本面貌。
   (2)饱和度(Saturation)：
　　也叫纯度，指颜色的纯洁程度。
   (3)明度(Brightness或Lightness或Luminousity)：
　　也叫亮度，体现颜色的深浅。
　　非彩色只有明度特征，没有色相和饱和度的区别。
   2、色彩的三原色
　　电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过调整这三个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配功能，你可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。

   3、电脑影像的色彩
　　电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图像是最简单的色彩结构，在电脑上用到１位元的资料，虽说只有黑色和白色，但仍能透过疏密的矩阵排列，将黑与白组合成近似视觉上的灰色调阶。
　　灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片；除黑、白二色之外，尚有254种深浅的灰色，电脑必须以8位元的资料，显示这256种阶调。　
　　全彩（Fullcolor）是指RGB三色光所能显示的所有颜色，每一色光以8位元表示，各有256种阶调，三色光交互增减，就能显示24BIT的1677万色（256*256*256=16,777，216），这个数值就是电脑所能表示的最高色彩，也就是通称的RGBTureColor。
　　8位元色是指具有256种阶调，或256种色彩的影像，而我们在常常见到GIF格式的图象文件就是带有256种色彩的图象文件。若要把24位元的全彩图片转成256色的8位元，通常必须经过索引的步骤（Indexed），也就是在原本24位元的1677万色中，先建立颜色分布表（histogram），然后再找出最常用的256种颜色，定义出新的调色盘，最后再以新色盘的256色取代原图。
　　让我们看看每一位元色包含多少种颜色：
   1位 2种颜色
   2位 4种颜色
   4位 16种颜色
   8位 256种颜色
   16位 65536种颜色
   24位 1677万种颜色
   32位 1677万种颜色和256级灰度值
   36位 687亿种颜色和4096级灰度值
　通常所称的标准VGA显示模式是8位显示模式，即在该模式下能显示256种颜色；而高彩色（Hi Color）显示是16位显示模式，能显示65536种颜色，也称64K色；还有一种真彩色（True Color）显示模式是24位显示模式，能显示1677万种颜色，也称16M色，这是现在一般PC机所能达到的最高颜色显示模式，在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。在图形制作片中我们已提到过色彩在页面中的重要性，在页面中尽量使用看上去比较淡雅、简洁的色彩；比如背景尽量少用灰暗、深沉的色彩（除非特殊需要），并且根页面的主题来选择主色调，可能有一些不搞美术的朋友不知道色彩代表的含义，请参阅下表：
   红色：代表热情、奔放、喜悦、庆典
   黑色：代表严肃、夜晚、沉着；
   黄色：代表高贵、富有
   白色：代表纯洁、简单
   蓝色：代表天空、清爽
   绿色：代表植物、生命、生机
   灰色：代表阴暗、消极
   紫色：代表浪漫、爱情
   棕色：代表土地
   上面举出的是几种主要色彩的含义，希望对你有所帮助。

     BMP位图格式
　　最典型的应用BMP格式的程序就是Windows的画笔。文件几乎不压缩，占用磁盘空间较大，它的颜色存储格式有1位、4位、8位及24位，该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大，所以只能应用在单机上，不受网络欢迎。
　　GIF格式
　　该图形格式却在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和使用。
　　JPEG格式
　　可以用不同的压缩比例对这种文件压缩，其压缩技术十分先进，对图像质量影响不大，因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能，所以应用非常广泛，而在Internet上，它更是主流图形格式。
　　PCX格式
　　PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位，它是经过压缩的格式，占用磁盘空间较少。由于该格式出现的时间较长，并且具有压缩及全彩色的能力，所以PCX格式现在仍是十分流行。
　　PSD格式（Photoshop格式）
　　Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式，在该软件所支持的各种格式中，PSD格式存取速度比其它格式快很多，功能也很强大。由于Photoshop软件越来越广泛地应用，所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计草稿。
　　TIFF格式
　　TIFF格式具有图形格式复杂、存储信息多的特点。3DS、3DS MAX中的大量贴图就是TIFF格式的。TIFF最大色深为32bit，可采用LZW无损压缩方案存储。
　　PNG格式
　　PNG（Portable Network Graphics）是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG。
　　SVG格式(现在最火热的图像文件格式)
　　SVG是Scalable Vector Graphics的首字母缩写，含义是可缩放的矢量图形。它是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。该软件提供了制作复杂元素的工具，如渐变、嵌入字体、透明效果、动画和滤镜效果，并且可使用平常的字体命令插入到HTML编码中。SVG被开发的目的是为Web提供非栅格的图像标准。
　　SVG格式的优势
　　SVG是一种矢量图形格式，SVG提供了GIF和JPEG所不能提供功能优势：
　　1.放大　用户可以任意放大图形显示，但不会牺牲锐利度、清晰度、细节等。
　　2.文字状态依然保留　文字在SVG图像中保留可编辑和可搜寻的状态。没有字体的限制，用户将会看到和他们制作时完全相同的画面。
　　3.小文件　平均来讲，SVG文件比那些JPEG和GIF格式的文件要小很多，因而下载也很快。
　　4.显示独立性　SVG图像在屏幕上总是边缘清晰，并且可以使用你打印机的分辨率进行打印。不论是300 dpi，600 dpi还是更高，你都不会体验到难看的锯齿的点阵效果。
　　5.超级颜色控制　SVG提供一个16百万颜色的调板，支持ICC颜色描述
文件，RGB，渐变和蒙版。
　　6.交互性和智能化　因为SVG是基于XML的，它提供无可匹敌的动态交互性。SVG图像可对用户的动作通过高光显示、工具技巧、特殊效果、声音和动画进行反应和显示。

    你可能已经注意到，现在许多网站的首页上都有这么一个链接“按这里将本站设为首页”(这里的首页指的是浏览器的起始页)。
    不但大的ISP,ICP这么做，一些个人主页也推出这一“服务”以招揽网友。
　　具体是如何实现这个功能的呢？我来帮你剖析一下：
　　点击那个超链接会显示下载一个名为lspace.reg的文件，下载后双击它，便会修改你的注册表，然后当你再打开浏览器的时候，起始页就发生了变化。(一听到修改注册表，许多网友就比较"怵"，会不会把windows给弄坏了。)
　　别怕，我们来打开lspace.reg看看(用最普通的notepad记事本就可以打开)，发现内容如下：
REGEDIT4
[HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMain]
"Start Page" = "http:///"
[HKEY_CURRENT_USERSoftwareNetscapeNetscape NavigatorMain]"Home Page" = "http:///"
　　原来就两条，第一条设置IE的star page；第二条设置NC的home page(没什么花头噢：)。后面跟的URL就是你主页的网址！

标签：[!--infotagslink--]

上一篇: 表格使用的常见问题及解决方法

下一篇: 用IFRAME建立网上阅览室

网页在线人数统计的代码

您可能感兴趣的文章: