回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 工具預備
 簡單設定
 五分鐘速成
 按鍵一覽
 插入圖片
 底色棬
 活用表格
 運用框架
 連結進階
 加入音樂
 精用表單
 安裝計數器
 安裝訪客簿
 安裝聊天室
 網頁上傳
 檔案權限
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 預備:
己設定好:Composer 之 External HTML Editor。 若否請看【簡單設定
■ 簡單步驟:(只適合 HKSN 用戶)
A. 設定數目記錄檔案
  1. 以 text editor 如 Notpad 製造一個 *.dat 的檔案,例如 counter.dat。
  2. 在這檔中只寫一個數字例如 1 或 250 等。
  3. 利用 Cute FTP 把它上傳至你 HKSN 網頁空間的 public_html 目錄中。不明如何上傳請看【網頁上傳】一節。
  4. 修改其檔案權限為 666 。不明如何修改請看【檔案權限】一節。

B. 把計數器加到網頁中

視窗狀態:以 Composer 開啟欲插入計數器 (counter) 的 HTML 檔。

  1. EditHTML Source" 鍵,
  2. 於剛顯示的 記事本(Notpad)視窗盡頭尋找 "</BODY>"標記!
  3. 於其上插入以下 HTML Code:

    <CENTER>
    <img src="http://cgi.school.net.hk/cgi-local/Count.cgi?df=~chi/public_html/counter.dat">
    </CENTER>

  4. 將此 HTML Code 中chi 更改成你在 HKSN 的 UserName, counter.dat 是你剛才上傳的檔案名稱。
  5. 以記事本儲存此檔案,
  6. 回 Composer 視窗會詢問是否展示剛才的更改,請答是或 Yes,但切勿按儲存,
  7. Preview,完成。

注:每當離線儲存這檔案 Composer 會擅自更改此一行 HTML Code,所以要當完成了網頁後才加上這 Counter,或備份這一行,每當被 Composer 擅改便再手動更正一次。

■ 計數器參數設定: (任何人都可參考)
這個計數器給予使用者很大的修改權,若你能花些時間看看以下說明,定能設定出一個稱心的計數器,要知道這計數器變化萬千,下方之樣本只是其皮毛。參數的使用格式便是在上述 HTML Code 中的 <img src="http://cgi.school.net.hk/cgi-local/Count.cgi? 後面分別以符號 & 或 | 隔開。例如:
........./cgi-local/Count.cgi?df=~chi/public_html/counter.dat|dd=B&chcolor=T">
  • cache=B
    expires=X

    作用:設定瀏覽器對計數器影像的快取。
    cache 可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 相同,N, F, 0 相同,chche=F 表示令瀏覽器按特定的時間對計數器影像進行快取,expires 便是設定可以進行快取的時間限制,其值可以是 0-604800 秒(七日),如 expires=30 表示計數器數目在 30 秒內同一瀏覽者的再次瀏覽其影像不會更新,如果要數目隨時更新,請設為 expires=0 cache=F 。 cache=T 表示不作任何快取時間設定,將由 Browser 決定。 內定值: cache=T expires=0

  • display=X
    作用:選擇顯示形式。
    可選值為 counter, clockdate , display=clock 表示顯示的會是時間,display=date 表示顯示的會是日期,要顯示觀看次數,則不必設定,是內定值。
    內定值: display=counter

  • timezone=X
    作用:時區。
    這參數只有在顯示時間或日期模式才有作用,它的值必須是格林威治標準時間加減時差,如減 5.5 小時則 timezone=GMT-0530 ,如此類推。如果你不想顯示其他時區的時間,但你發現系統的時間有錯誤,用這參數調整亦是一個辦法。
    內定值: 無

  • dformat=X
    作用:設定時間制式。
    tformat=12 表示以 12 小時分 am, pm 計算。 tformat=24 表示以 24 小時計算。
    內定值: tformat=12

  • tformat=X
    作用:設定日期格式。
    其值的格式為 MMDDYY (Month-Day-Year) 以 MM, DD, YY隨意調位,全大楷或全小楷皆可。如: dformat=ddmmyy 或 dformat=YYMMDD。
    內定值: dformat=MMDDYY

  • ft=X
    作用:設定框邊厚度。
    值以 pixels 為單位, ft=0 表示沒有,若大於 5 會顯示 3D 效果。
    內定值: ft=4

  • frgb=R;G;B 或 frgb=RRGGBB
    作用:設定框邊顏色。
    這處有兩種方式任選其一,frgb=R;G;B 是十進制的方式,每原色的值由 0-255,例如三原色都是 255 其混合便是 frgb=255;255;255
    frgb=RRGGBB 是十六進制的方式,即如 HTML 所採用,其值可參考【HTML剖析】之【配色原理】,唯不可在該值之前加上符號 # ,亦可使用常用顏色名稱。如果你只設定邊框的顏色,而沒有設定其厚度,系統會自設厚度為 5 pixels。
    內定值: frgb=100;139;216 或 frgb=648bd8

  • tr=B 或 trgb=RRGGBB
    作用:設定透明背景。
    可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 相同,N, F, 0 相同,tr=Y 表示令其透明,tr=F 表示不透明。trgb=RRGGBB 是手動指明透明的顏色,其值可參考【HTML剖析】之【配色原理】,唯不可在該值之前加上符號 # ,亦可使用常用顏色名稱。tr 及 trgb 兩參數不可同用。
    內定值: tr=F

  • md=X
    作用:設定計數器數目位數。
    可選值由 5-10。
    內定值:md=6

  • dd=A
    作用:設定計數器數字款式。
    可選值為 A, B, C, D, E 。
    內定值:dd=A

  • comma=B
    作用:每三個數位顯示一逗號。
    可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 為有逗號,N, F, 0 為沒有逗號。
    內定值: comma=F

  • srgb=R;G;B 或 srgb=RRGGBB 及
    prgb=R;G;B 或 prgb=RRGGBB

    作用:令數字顏色由原來顏色轉至目標顏色。
    srgb=RRGGBB 用以指明原來數字顏色,prgb=RRGGBB 用以指明目標顏色(欲轉成之顏色),其值可參考【HTML剖析】之【配色原理】,唯不可在該值之前加上符號 #
    內定值: srgb=00ff00 (0;255;0 green) 及 prgb=00ffff (0;255;255 cyan) 即 chcolor=T

  • chcolor=B
    作用:令數字顏色由綠顏色轉至青藍色。
    可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 為轉色,N, F, 0 為不轉色。當使用上面 prgb 參數時不要使用這個。
    內定值: chcolor=F

  • sh=B
    作用:顯示計數器與否。
    可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 為設定顯示計數器,N, F, 0 為不顯示。它是以一個 1x1 透明 GIF 檔代替,但計數器仍會加 1。
    內定值:sh=Y

  • df=data_file
    作用:指定記錄數目的檔案。
    寫明相對途徑及檔案名稱,若不指明則會以 df=ramdom 進行,將顯示一隨機數目。
    內定值: df=ramdom

  • incr=B
    作用:設定計數器數目增加與否。
    若有特別需要可以關閉計數器,令其數目不增加,則 incr=F。
    內定值: incr=T

  • lit=X
    作用:顯示預定字串。
    可選值為 數目字, a, p, ;, 及 -
    內定值: 無

  • negate=B
    作用:取消數字的顏色。
    取消數字的顏色可設為 negate=T,要知道框邊不會受影響。
    內定值: negate=F

  • degrees=X
    作用:設定計數器的擺放角度。
    可選值為 90, 180, 270, 360。事實上 360 度是沒有意義的。
    內定值: degrees=270 (當 rotate=Y 的條件下)

  • rotate=B
    作用:開關計數器的角度設定。
    可選值為 Y, N, T, F, 10 等布林值,Y, T, 1 為開啟,N, F, 0 為關閉。如果己設定了上面 degrees 參數就不必設定這個了。
    內定值: rotate=F
■ 計數器樣本略舉: (任何人都可參考)
1     內定,簡單,沒框邊,款式 A 。
<img src="/cgi-local/Count.cgi?df=sample.dat&ft=0">

2     內定框邊顏色及厚度。
<img src="/cgi-local/Count.cgi?df=sample.dat">

3     款式 B。
<img src="/cgi-local/Count.cgi?df=sample.dat&dd=B">

4     款式 C,每隔 3 個數位一個逗號。
<img src="/cgi-local/Count.cgi?df=sample.dat&dd=C&comma=T">

5     款式 D。
<img src="/cgi-local/Count.cgi?ft=3&df=sample.dat&dd=D">

6     款式 E,沒框邊,以白色作透明。
<img src="/cgi-local/Count.cgi?trgb=ffffff&ft=0&df=sample.dat&dd=E">

7     紅色框邊,內定厚度。
<img src="/cgi-local/Count.cgi?df=sample.dat&frgb=ff0000">

8     隱藏計數器。
<img src="/cgi-local/Count.cgi?df=sample.dat&sh=F">

9     內定字串,逗號。
<img src="/cgi-local/Count.cgi?lit=94032048040320&comma=T&dd=D&ft=2">

10     內定字串,以黑色作透明。
<img src="/cgi-local/Count.cgi?lit=0123456789,:-ap&tr=T&dd=D&ft=2">

11     框邊可以是三原色以十進制構成。
<img src="/cgi-local/Count.cgi?lit=0123456&frgb=0;0;255">

12     框邊可以是三原色以十六進制構成。
<img src="/cgi-local/Count.cgi?lit=0123456&frgb=0000ff">

13     將內定的數字顏色由綠色轉為預設更改值。
<img src="/cgi-local/Count.cgi?lit=1234567&chcolor=T">

14     將內定的數字顏色由綠色轉為紅色。
<img src="/cgi-local/Count.cgi?lit=1234567&srgb=00ff00&prgb=ff0000">

15     將內定的數字顏色由綠色轉為黃色。
<img src="/cgi-local/Count.cgi?lit=1234567&srgb=00ff00&prgb=ffff00">

16     將內定的數字顏色由綠色轉為 FF7700。
<img src="/cgi-local/Count.cgi?lit=1234567&srgb=00ff00&prgb=ff7700">

17     灰色框邊。
<img src="/cgi-local/Count.cgi?lit=1234567&frgb=c0c0cc0">

18     海藍色框邊。
<img src="/cgi-local/Count.cgi?lit=1234567&frgb=000080">

19     12 小時 時間模式。
<img src="/cgi-local/Count.cgi?display=clock">

20     24 小時 時間模式。
<img src="/cgi-local/Count.cgi?display=clock&tformat=24">

21     標準時間加 6 小時。
<img src="/cgi-local/Count.cgi?display=clock&timezone=GMT+0600">

22     (MM-DD-YY) 日期模式。
<img src="/cgi-local/Count.cgi?display=date">

23     (DD-MM-YY) 日期模式。
<img src="/cgi-local/Count.cgi?display=date&dformat=ddmmyy">

24     沒有框邊,將綠色轉為透明。
<img src="/cgi-local/Count.cgi?ft=0&df=sample.dat&trgb=00ff00">

25     框邊=2,將黑色背景轉為透明。
<img src="/cgi-local/Count.cgi?ft=2&df=sample.dat&trgb=000000">

26     框邊=2,將黑色背景轉為透明,綠色字轉為深灰色。
<img src="/cgi-local/Count.cgi?srgb=00ff00&prgb=101010&ft=2&df=sample.dat&trgb=000000">

27     框邊=0,將黑色背景轉為透明,綠色字轉為深灰色。
<img src="/cgi-local/Count.cgi?srgb=00ff00&prgb=101010&ft=0&df=sample.dat&trgb=000000">

28     旋轉 180 度。
<img src="/cgi-local/Count.cgi?ft=0&df=sample.dat&dd=D&degrees=180">

29     旋轉 270 度。
<img src="/cgi-local/Count.cgi?ft=0&df=sample.dat&rotate=T&dd=D">

30     旋轉 90 度。
<img src="/cgi-local/Count.cgi?ft=0&df=sample.dat&degrees=90&dd=D&prgb=ffff00">

The Best Web Hosting Company
Download Internet Explorer Download Netscape Netvigator