進 階 H T M L 花 招
本版修訂日期：85年9月1日
您若有其它有關製作首頁的問題，歡迎來信討論
本文重新替您開了一個視窗，所以您可以一邊看本文一邊參照本站的畫面或原始碼來學習這些技巧。
如何做透明背景圖
這是一個常見的老問題了；所謂的透明背景圖就像是上面那個「HTML 3.0」圖案， 雖然圖形的主要輪廓是不規則的，但還是能夠與背景「接縫」得很好。 GIF 與 JPG 圖檔都只能儲存一個四邊形範圍的圖形，要做出這種圖形效果的其中一種方法就是 將圖形不需要顯示的背景部份做「透明」－這只有GIF格式才辦得到。
若要做透明背景的圖形，首先您要取得 LView Pro 這套 Windows Shareware，解開後將它安裝好。接著您必需使用 其它的繪圖軟體（如 Paint Shop Pro等）將所要透明的部分用某種顏色塗滿（這個顏色最好是在圖片 中其它地方都沒用到），再將圖片用 GIF 格式（其它都不行）存檔。
叫出 LView Pro 並載入該圖檔，選擇 Options/Backgound Color， 這時會出現一張色表；選取您在該圖所塗滿的透明背景顏色，再打開 Mask selection using: Black， 您會發現「不透明」的部分都變成黑色。若是在紛亂的色表中找不到所塗的顏色，或 是「不透明」的部分有錯誤，則按下 Dropper （滴管）按鈕，指標會變成十字狀的滴管，然後到圖片中要透明的地方（也就是塗過色的地方）按一下， 電腦會自動在色表中選擇所記錄的顏色。最後將檔案存成 GIF 89a 格式就可以了。
另外在 Paint Shop Pro 裡將檔案存成 GIF 89a 格式時，亦可以從 Options 裡去選擇圖形透明的相關選項。您只要在存檔前先將背景顏色設定成所要透明的顏色， 然後在存檔選項裡選擇 Set the Transparency Value to the Background Color 即可， 只是它沒有預視功能。
加速瀏覽器「排版」的時間
這個技巧非常簡單，就是讓瀏覽器在載入圖片時也一起知道圖片的尺寸，這樣它可以 預先算出要留出多少空間，於是就可以先把版面排好，而不必等到每張圖都讀完後才 能排版。方法就是在 <IMG> 這標籤裡多給 HEIGHT 與 WIDTH 這兩個屬性，如﹕
<IMG SRC="Image/time1.gif" WIDTH=200 HEIGHT=185>
這樣可以加快不少時間，而且純文字的部分會先顯示出來。利用這兩個屬性也可以 直接改變圖形顯示時的長寬。
Frame 指令集
若您是使用 Netscape 2.0 或 Microsoft Internet Explorer 3.0 以上的版本連上混世魔王城堡的話，就會看到整個畫面被分割成 三個部分，這就是運用 Netscape 所創的延伸指令－ Frame 指令集。
參數與設定舉例﹕
現以本站為例﹕
<FRAMESET COLS="75%,25%">
<FRAME SRC="main.htm" NAME="main">
<FRAMESET ROWS="22%,78%">
<FRAME SRC="counter.htm" NAME="counter" NORESIZE>
<FRAME SRC="icon.htm" NAME="icon">
</FRAMESET>
</FRAMESET>
<NOFRAME>
......
就可以分割出左面的 main 子畫面，右上的 counter 子畫面與右下的 icon 子畫面。當您在 counter 子畫面按下「我的WWW書籤」時，會在 main 子畫面顯示我所收集的 WWW 書籤 （links.htm）﹕
詳細的應用方法請自行參考本站完整的原始碼。<A HREF="links.htm" TARGET="main">
<IMG BORDER=0 SRC="Icon/www.gif">我的WWW書籤</A>
TARGET 的特別參數
您可能會發現到，在本站從某處連結到別的文件或 WWW 站時，有時就會直接在該子畫面
顯現，有時會先清除整個畫面，還有會有重新開一個視窗（像顯示這份文件時）。若在
連結時不指定 TARGET，則會直接在該子畫面顯示連結的情況；至於要做其它的效果的方
法就是給 TARGET
以下其中一個的 name﹕
開啟一個新的視窗，而且是沒有命名的視窗。
如何自動載入下一頁與自動撥放背景音效檔
其實除了自動載入下一頁與自動撥放音效檔外，也可以自動執行CGI程式或連結到其它 資源。這個技巧很簡單，我們直接以例子來說明﹕
<META HTTP-EQUIV="Refresh" Content="3; URL=welcome.htm">
我懶得說明 META 與 HTTP-EQUIV 是做什麼的，有興趣的人可以自行去查資料 。這個技巧的重點是在於 Content 裡的 3 與 URL=welcome.htm：代表本頁完全載入 3 秒後載入 welcome.htm。 所以若是在 URL 後面設定某位址或某檔案，則就會自動連結到該位址或載入該檔案； 若是設定一個音效檔，就會自動撥放一段音效；當然您也可以用它來自動執行一個 CGI 程式或 Java Applet。
另外在自動撥放音效檔上，還有功能更強大且更方便的方法。 在 Netscape HTML Extension 中的作法是使用 <EMBED> 這個指令：
<EMBED SRC="sample.mid" HIDDEN=TRUE>
其中的 SRC 參數後面就是音效檔的位址與檔名。<EMBED> 還有許多參數可以運用，請參考這裡。
不過，若您使用這個指令仍然無法在 Netscape Navigator 下正常放背景音樂，則您必需向負責 WWW 維護的系統管理者反應， 請他在設定檔裡多加上 audio/midi 這個 MIME 型別。
而在 Microsoft HTML Extension 裡則是用 <BGSOUND>， 它有 SRC 與 LOOP 兩個參數。我想 SRC 的意義您應該已經很清楚，LOOP 則是指定要重複播放的次數。 詳細的說明請看這裡。
HTML 3.0 規格書