小把戲

毛慶禎
輔仁大學圖書資訊學系


小把戲對網頁的內容沒有什麼實質的影響, 但是卻可以讓網頁的運作更順暢。


自動切換

<META HTTP-EQUIV="refresh" CONTENT="秒數; URL=文件位置">

請求瀏覽器重新顯示網頁的內容。

有兩個參數, 遲滯的時間、重新顯示的網頁位置。

本來放在 a.htm 的網頁, 因為某種緣故, 必須轉移到 b.htm, 採用這種方法最好。不可以單獨刪除 a.htm, 讓使用者摸不著頭緒, 到底發生什麼事。

在 a.htm 裡, 寫下這樣的內容:

<HTML><HEAD>

< META HTTP-EQUIV="refresh" CONTENT="10"; URL="b.htm">

</HEAD><BODY>

<PRE>我搬家了, 請按 http://www.b.htm </PRE>

</BODY></HTML>


調整文字排列

<META HTTP-EQUIV="Content-Type" CONTENT="TEXT/HTML; CHARSET=big5">

這個參數是重點, 依照螢幕的大小, 自動回行, 不會出現下方的水平捲動軸。


被發現

<META NAME="屬性名稱" CONTENT="設定值">

以程式在網路上蒐集網頁資料時, Robot、Spider等軟體, 會優先考慮放在 META 標籤裡, 屬性為 NAME的內容, 據以判斷該網頁的鍵值與其他屬性。

NAME 的屬性有三:

<META NAME="keywords" CONTENT="編目, 分類, 機讀編目">

從這個地方設定網頁的鍵詞, 希望蒐尋引擎把網頁依照這樣的方向, 把網頁安排在適當的類別裡。

鍵詞之間以逗點區隔。

<META NAME="description" CONTENT="資訊組織課程的大綱與內容, 由輔仁大學圖書資訊學系毛慶禎提供">

當蒐尋引擎找到該網頁後, 若有 description 屬性, 則 CONTENT 的內容會被當成摘要, 呈現出來; 若無 description  屬性, 則顥示該網頁的第一段。

<META NAME="author" CONTENT="毛慶禎">


JavaScript

<SCRIPT LANGAUGE="JavaScript">
<!--//......
// -->
</SCRIPT>

不能單獨運作, 必須寫入 HTML 檔內, 主要作用是提高網頁的互動性與可看性, 讓網頁更生動活潑。


Java

可單獨執行, 應用範圍廣, 困難度較高。


多媒體

音樂、動畫與影像是俗稱的多媒體, 佔用頻寬多, 除了校園網路外, 很難在網際網路上看到。

類型 檔案型態 附檔名
影像 MTV動畫檔 .avi
動畫 GIF動畫檔 .gif
音樂 MID音樂檔 .mid
動畫 QuickTime動畫檔 .mov
音樂 RA音樂檔 .ra
音樂 WAV音樂檔 .wav

在 HTML 裡直接呼叫其URL即可。

<A HREF="sample.gif"></A>

 

輔仁大學圖書資訊學系 毛慶禎
mao@blue.lins.fju.edu.tw
http://www.lins.fju.edu.tw/~mao/wpd/tricks.htm
2000/05/05