您的位置：首页 > 编程技术 > html  >  主页计数器使用详解

主页计数器使用详解

 更新时间：2016年9月20日 19:02  点击：1870
    在网上安家的朋友一般都要使用计数器，以便知道有多少人访问过你的网站。而绝大多数都是使用主页空间提供者提供的计数器，他们一般都是给你一条诸如<img src=../../...>的语句让你加在你的主页上，但你知道这条语句中各个参数的含义吗？你知道计数器还有许多其它用途吗？本文就来详细介绍一下两种常用计数器的使用方法.
　　一. wwwcount V2.4 For Unix
   这是最常用的一种计数器，国内一些免费主页空间（如网易、自贡169、保定热线、深圳963等）都在使用它！它的通常用法是<img src="/cgi-bin/Count.cgi?df=sample.dat">，如果你的计数器语句与它类似，那就赶快往下看吧！
   使用格式：<img src=http:///htmldata/2005-02-24/"/cgi-bin/Count.cgi?arg1=value1&arg2=value2&...&argn=valuen"> 其中“arg?”是参数名，“value?”是参数值，下面具体介绍各个参数的使用方法。
   1. ft--边框厚度（ft>=0，ft=0时没有边框，ft>5时为三维立体边框，缺省值为4）
   例如：<img src="/cgi-bin/Count.cgi?df=sample.dat&ft=0">
   2. frgb--边框颜色（R;G;B或16进制颜色值或颜色的英文单词，缺省值为100;139;216或648bd8）
   例如：<img src="/cgi-bin/Count.cgi?df=sample.dat&frgb=ff0000">
   3. md--计数器位数（5<=md<=10，缺省值为6）
   4. dd--计数器数字样式（dd=A~E)
   注：软件只本身提供5种图样，如需要更多的图样可到http://。
   5. comma--是否每三位加逗号（comma=T or F，缺省值为F）
   例如：<img src="/cgi-bin/Count.cgi?df=sample.dat&dd=C&comma=T">
   6. srgb，prgb--将颜色srgb变为颜色prgb（颜色值见frgb，缺省值：srgb=green，prgb=cyan）
   例如：<img src="/cgi-bin/Count.cgi?lit=1234567&srgb=00ff00&prgb=ff0000"&chcolor=T>
   注：必须与参数chcolor=T同时使用。
   7. chcolor--是否允许颜色改变（chcolor=T or F，缺省值为F）
   8. st--起始数值（缺省值为1）
   注：必需Server允许你自由生成data文件，如果data文件已经存在无效。
   9. sh--是否显示计数器（sh=T or F，缺省值为T）
   注：你可以使用参数：st=F不显示计数器而照常计数。
   10. df--保存计数的data文件（如不指定则显示随机数）
   注：这个文件是计数器提供者指定的。
   11. incr--是否计数（缺省值为T）
   注：如设为F则只显示当前数值而不增加。（谁会用这个功能！）
   12. lit--显示指定的字符串（lit为数字,a,p,:或-）
   13. negate--反色显示（negate=T or F，边框颜色不反转，缺省值为F）
   14. degrees--旋转计数器的角度（degrees=90，180，270 or 360，缺省值为270）
   例如：<img src=/cgi-bin/Count.cgi?ft=0&df=sample.dat°rees=90&dd=D&prgb=ffff00&rotate=T">
   注：必须与参数rotate=T同时使用。
   15. rotate--是否允许旋转显示（rotate=T or F，不指定degrees时旋转270度，缺省值为F）
   16. display--显示计数器、日期、时间或图像（display=counter, clock, date or image

下面的效果别以为只有Flash才能做到，用Dreamweaver一样可以做！

首先建立一个层，放入文字并用上mask滤镜：

<div id="Layer1" style="font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2">

再建立一个层，写入<marquee>：

<marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 >

最后插入图片即可！

全部的代码：

<html>
<head>
<title>很酷的动态背景文字</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin=0 leftmargin=0>
<div id="Layer1" style="font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2">
<p>Dreamweaver</p>
</div>
<div id="Layer2" style="position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:1">
<marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 >
<script language=javascript>
for(t=1;t<=1000;t++)
document.write("<img src=http://www.ccidnet.com/school/zhuan/3d/back.jpg>")
</script>
</marquee>
</div>
</body>
</html>



水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为<hr>。

　　在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置，没有对水平线颜色的设置，怎么办?

　　其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在后面输入“color=颜色”。这里的“颜色”可以是任何颜色，一般格式为：<hr color=#FF0000>，显示如下：


　　用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化。

　　小技巧：诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色

由于IE和NS对于层的支持存在差别，所以在代码的最前面。先对浏览器进行检测。IE使用document.all.id-name.style.visibility="visible"，NS使用document.layers.id-name.visibility="visible"。
<HTML>
<HEAD>
<TITLE>层的显示和隐藏及浏览器检测</TITLE>
<script language="javascript">
<!--
file://if explorer (4.x)
if (document.all) {
layerRef='document.all'
styleRef='.style.'
}
file://else if netscape (4.x)
else if (document.layers) {
layerRef='document.layers'
styleRef='.'
}
else{
alert("你使用的浏览器可能看不到效果。")
}
function show(){
eval(layerRef+'["divTest"]'+styleRef+'visibility="visible"')
}
function hide(){
eval(layerRef+'["divTest"]'+styleRef+'visibility="hidden"')
}
file://-->
</script>
</HEAD>


<BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFCC" vlink="#CCFFCC" alink="#CCCCFF">


<p align="center"><a href="javascript:hide('divText')">隐藏代码</a> <a href="javascript:show('divText')">显示代码</a>


<div id="divTest" style="position:absolute; left:238px; width:340px; height:32px; top:190px; visibility: hidden">
<p align="center">本例是显示和隐藏层的例子。-----这里是层里显示的内容，随便。</p>
</div>
</BODY>
</HTML>


说明：<div id="divTest" style="position:absolute; left:238px; width:340px; height:32px; top:190px; visibility: hidden"> 是设置层的绝对位置以及宽度和高度。使用象素值表示。层一开始设置为“hidden”隐含的，点击后显示出来“visible”。
你所需要做的仅仅是：
（1）改一下<div>...</div>中的id名字，当然不改页可以，只要前后保持一致即可。
（2）根据你的页面情况设置一下层的绝对位置，多试几次直到合适为止。绝对位置left:238px（距离屏幕左侧的象素）， top:190px（距离屏幕上端的象素）。




    1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题材包罗万象,内容雷同无味.人人都是"软件速递""音乐宝库""主页教程"等等.让我一看就赶紧"back",我可是花钱上网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，就象书路的电子图书,龙翔的游戏资讯.另外提醒您的一点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商都不接受含此类信息的站点.
　　2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。
　　3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果您能结合borders的使用,可以天天轻松改变站点的风格.
　　4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!
　　5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有!
　　6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.
　　7.设置一个专门的"what's new"页面.及时醒目的告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容.许多好的主页干脆将首页的内容作成"what's new",如"欢乐天地""华军主页",让您一目了然,不致于层层深入,一无所获.
　　8.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一个小地方,却体现一个网页的制作水准哦!
　　9. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的"惨痛教训"我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!


<
[!--infotagslink--]

相关文章

  • php正确禁用eval函数与误区介绍

    eval函数在php中是一个函数并不是系统组件函数，我们在php.ini中的disable_functions是无法禁止它的，因这他不是一个php_function哦。 eval()针对php安全来说具有很...2016-11-25

  • php中eval()函数操作数组的方法

    在php中eval是一个函数并且不能直接禁用了，但eval函数又相当的危险了经常会出现一些问题了，今天我们就一起来看看eval函数对数组的操作 例子， <?php $data="array...2016-11-25

  • Python astype(np.float)函数使用方法解析

    这篇文章主要介绍了Python astype(np.float)函数使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-08

  • 图解PHP使用Zend Guard 6.0加密方法教程

    有时为了网站安全和版权问题，会对自己写的php源码进行加密，在php加密技术上最常用的是zend公司的zend guard 加密软件，现在我们来图文讲解一下。 下面就简单说说如何...2016-11-25

  • Python中的imread()函数用法说明

    这篇文章主要介绍了Python中的imread()函数用法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-16

  • C# 中如何取绝对值函数

    本文主要介绍了C# 中取绝对值的函数。具有很好的参考价值。下面跟着小编一起来看下吧...2020-06-25

  • C#学习笔记- 随机函数Random()的用法详解

    下面小编就为大家带来一篇C#学习笔记- 随机函数Random()的用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25

  • ps怎么使用HSL面板

    ps软件是现在很多人都会使用到的，HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板，还不知道使用方法的下面一起来看看。 &#8195;...2017-07-06

  • c# 数据类型占用的字节数介绍

    本篇文章主要是对c#中数据类型占用的字节数进行了详细的介绍。需要的朋友可以过来参考下，希望对大家有所帮助...2020-06-25

  • Plesk控制面板新手使用手册总结

    许多的朋友对于Plesk控制面板应用不是非常的了解特别是英文版的Plesk控制面板，在这里小编整理了一些关于Plesk控制面板常用的使用方案整理，具体如下。 本文基于Linu...2016-10-10

  • 金额阿拉伯数字转换为中文的自定义函数

    CREATE FUNCTION ChangeBigSmall (@ChangeMoney money) RETURNS VarChar(100) AS BEGIN Declare @String1 char(20) Declare @String2 char...2016-11-25

  • Nest.js参数校验和自定义返回数据格式详解

    这篇文章主要给大家介绍了关于Nest.js参数校验和自定义返回数据格式的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-28

  • 使用insertAfter()方法在现有元素后添加一个新元素

    复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newEl...2014-05-31

  • Android开发中findViewById()函数用法与简化

    findViewById方法在android开发中是获取页面控件的值了，有没有发现我们一个页面控件多了会反复研究写findViewById呢，下面我们一起来看它的简化方法。 Android中Fin...2016-09-20

  • 使用GruntJS构建Web程序之构建篇

    大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs源码放在src下，该目录有两个js文件，selector.js和ajax.js。编译后代码放在dest，这个grunt会...2014-06-07

  • 使用percona-toolkit操作MySQL的实用命令小结

    1.pt-archiver 功能介绍： 将mysql数据库中表的记录归档到另外一个表或者文件 用法介绍： pt-archiver [OPTION...] --source DSN --where WHERE 这个工具只是归档旧的数据，不会对线上数据的OLTP查询造成太大影响，你可以将...2015-11-24

  • 如何使用php脚本给html中引用的js和css路径打上版本号

    在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、...2015-11-24

  • C++中 Sort函数详细解析

    这篇文章主要介绍了C++中Sort函数详细解析，sort函数是algorithm库下的一个函数，sort函数是不稳定的，即大小相同的元素在排序后相对顺序可能发生改变...2022-08-18

  • PHP用strstr()函数阻止垃圾评论(通过判断a标记)

    strstr() 函数搜索一个字符串在另一个字符串中的第一次出现。该函数返回字符串的其余部分（从匹配点）。如果未找到所搜索的字符串，则返回 false。语法：strstr(string,search)参数string，必需。规定被搜索的字符串。 参数sea...2013-10-04

  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合...2014-05-31