Case 2     如何在網頁中加入計數器?



抬頭: 說明、填寫基本資料、成功地產生計數器、捷招、我要一個不一樣的計數器
  • 說明

    說明

    我們將藉著http://www.digits.com/web_counter網站，來產生我們所需要的計數器
    在產生這個計數器之前，必須要先了解一些基本名詞：


    1. 計數器名稱(Counter Name):您可以直接設定為網頁名稱，如door，則可以設為chendoor，隨您的需要而設定。 (chenhendoor)
    2. 密碼(Account Password & Confirm Password):為了便利日後的更改，網頁要求您設定密碼及確認密碼，您可以自定。
    3. 起啟值(Starting Counter):預設值為由0開始起跳，您可以依您的需要，來更改這個數值。(0)
    4. 電子郵件(Your Email Address):您的電子郵件帳號，它並不會公開出來，只是做為該網站和您的連絡之用。 (o220may@ms53.hinet.net)
    5. 首頁(URL of page):您的首頁網址，如果您的計數器已經累積到十名之內，則網友可能會想要點進去您的首頁來瀏覽，所以，您可以選擇性地考慮是否要留下您的首頁網址。(http://www.chenhen.com)
    6. 網站名稱(Title of page):您的網站名稱，以做為列入十大時識別之用。(成寒)

    Go Top

  • 填寫基本資料


    您可以點選填寫基本資料，您就會看見，我在上面所做的說明(深藍色)，方便您真正上網填寫表格。

    Go Top

  • 成功地產生計數器


    如果您填完了基本資料，且按下了送出鍵之後，您應該會看到這個網頁，您可以直接將網頁裡頭的這兩行內容，拷貝到您要加入網頁的適當位置裡，很快地，您就成功地申請了一個計數器。 
          <IMG SRC="http://counter.digits.com/wc/-d/4/chenhendoor" ALIGN=middle
      WIDTH=60 HEIGHT=20 BORDER=0 HSPACE=4 VSPACE=2>

    Go Top

  • 捷招
    因為網站裡頭，有很多的網頁都有計數器了，所以，通常我都是直接開啟一個現存有計數器的檔案，如door.htm，我檢視它的原始檔，並且把最後的有關於Since xx/xx/xxxx 那一段拷貝下來: 
    <p align="center">
<font style="font-family: Arial; font-size: 10pt" color="#008000">
Since 1/16/2001  
</font>
<img align="middle" border="0" hspace="4" 
src="http://counter.digits.com/wc/-d/8/-c/2/-b/FFFFFF/-f/0000FF/-e/FFFFFF/-z/chenhendoor" 
vspace="2" width="120" height="20">
</p>
    改其中一些地方，例如日期及計數器名稱，就直接可以直接放在您要加計數器的那個網頁裡，不用再對計數器做其它設定。

    Go Top

  • 我要一個不一樣的計數器
    <img align="middle" border="0" hspace="4" src="http://counter.digits.com/wc/-d/8/-c/2/-b/FFFFFF/-f/0000FF/-e/FFFFFF/-z/chenhendoor" vspace="2" width="120" height="20">



    如何設定您所想要的計數器樣式呢?只要加入合適的參數即可，您在上列中，可以看到-d,-c,-b,-f,-e,-z等參數，我來說明它的用途:


    1. -d:計數器的位數。如果您設的位數愈來愈多，您同樣也要注意到您設的寬度(width)是否足夠(每一個位數約15px大小)。設定方法:-d/位數/
    2. -c:character -set 字型，您可以來設定計數器中數字的字型樣式。設定方法:-c/字型代號/
    3. -b:計數器的背景顏色。系統預設前景顏色(數字)為白色，背景顏色為黑色。設定方法:-b/顏色代碼/
    4. -f:計數器的數字顏色。設定方法:-f/顏色代碼/
    5. -e:empty color。設定方法:-e/顏色代碼/
    6. -z:若位數不足您在-d所設的位數時，將以0來補足。設定方法:加上-z/
    7. 色票:列舉了一些顏色，供您做選擇，注意，在這裡，並不需要在顏色代碼前加上#井字號，否則會產生錯誤訊息(ERR)。
    8. 使用參數


      您直接在<img src="http://counter.digits.com/wc/
      後面加上您的參數設定即可。


      <img src="http://counter.digits.com/wc/-d/8/-z/....." width=...>


    9. 其它更進一步的設定。

    Go Top


顏色說明:例子、可更動的地方、參數名稱
完成日期:2001年1月18日  設計者:小美