初學者必修篇

第一篇
不要讓這些小問題破壞您的網頁！

適合程度： 初學者 一般程度 進階者 以上均宜
壹、請勿小看標題內的用字：
設定 <TITLE></TITLE> 內標題文字，看起來好像是一件很簡單的事，但如果您稍微不注意，也會造成一件遺憾事情哦！
我們知道 <TITLE></TITLE> 是用於顯示該網頁內容的標題代替文字，就如該網頁的檔名一樣，應該盡可能相近或類似。
其目的是讓訪客或網頁製作者不用看內容，就很容易知道這篇網頁的內容是甚麼？
另一個目的就是提供搜索引擎業者，在茫茫網海中，很容易捕捉到您網頁的內容資訊。
除此之外，還有一件多數人都很容易忽略的事情，那就是文字長度問題？
請找到本篇報導網頁最上面的工具列按我的最愛加到我的最愛試試 (BookMark)。
然後再按打開我的最愛找到剛剛您加入的這篇報導網頁題文字。
第二階段【網頁製作系列報導】電子報【初學者必修篇】，您是否可以很完整的看到 <TITLE></TITLE> 內完整標題文字？
您可以再試試之前您曾加入過的最愛網站，逐一的檢查試試，是不是還可以找到不能完整列出來的標題網頁呢？
當您的標題文字長度大於 20 個中文字時，他後面會產生.....來代替。
相同的方式，在組織我的最愛中更是嚴重。
所以使用簡短有效的標題用字(約 10 個中文字或 20 個英文字)，是以後我們值得去注意的地方哦。

貳、佔用狀態列位的訊息功能：
我們都知道網頁的左下角有一個長條型的狀態列位，他能提供訪客或使用者某些訊息功能。
例如：超鏈結的指向位置(網頁名稱)或 onMouseOver & onMouseOut 的訊息說明。
其實他的作用就像圖檔標籤 IMG SRC 中的 ALT屬性="代替文字"功能，幾乎每一個網頁，我們都會使用到他。
很可惜的是，有很多網站都會無意間使用類似跑馬燈的 JavaScript 程式，讓狀態列位不停的來回顯示【通告】等訊息。
感覺上您好像得到了【廣告】效果，但您卻忽略訪客或網頁的應有權力與功能。

參、更多的變化運用：
用中文或大寫英文字做為網頁或圖檔檔名或副檔名，是我在教學中發現學生最易犯錯的地方。
無可厚非，我們為了與網頁或圖檔內容配合、好記，常常會用中文字來命名，甚至包含檔案總管(資料夾)在內。
這種情形在個人電腦 (PC) 及部份網路伺服器 (NT) 是可以接受的，但是如果您上傳到以 Unix 為主的伺服器，那問題就來了。
最常見到的是找不到該網頁或圖檔，或顯示不正常狀況；因為 Unix 伺服器看不懂中文字。
同樣的您使用大寫英文字或以其開頭的英文字母，Unix 伺服器仍然會產生判別錯誤。
這是因為 Unix 伺服器對英文大 (A) 小 (a) 寫認定為不同的語言所致。
還有一件很重要的因素，就是：您不希望您的網站(頁)，只能提供給擁有 Big5 功能的瀏覽器使用吧！

肆、對內鏈結也使用絕對路徑：
如果您曾經使用過 FrontPage 網頁編輯器，您會發現他所有的超鏈結都會自動幫您加入電腦內的絕對路徑 (file:///c:)。
您在自己電腦中無論如何測試，他都可以正常執行 Link 工作。
只要將這個網頁搬離您的電腦，他就失去正常 Link 的功能了，原因就是您使用了電腦內的絕對路徑。
不論使用電腦內的絕對路徑，或網路上的絕對路徑 (http://)，都將您讓寸步難行。
所以，我們強烈建議您所有網頁的超鏈結都要使用相對路徑。
一般而言，只有在對外網站(頁)鏈結時，才會使用網路的絕對路徑 (http://)。
電腦內的絕對路徑 (file:///c:)，也只有用在打開根目錄外，其他地方我們幾乎很少會使用到。

伍、沒有聯絡方式或信箱的網站：
架設或建立網站目的，最重要就是在傳播自己的關念與訊息。
如果您的訪客在您的網站任一網頁中，很困難才能找到與您聯絡的方法或地方，嚴格說，這算是一個失敗的網站。
原本網路就是提供雙向溝通的管道，使用電子信箱就是最好、最簡單的辦法。
您實在沒有任何理由，漏掉這個這麼重要的網頁功能。
還有一點是大多數人會忽略的事，強烈建議盡可能每一個網頁都能回到前一頁或首頁。

陸、頁面寬度超過 800 pixels：
網頁的長度我們比較不在乎幾個頁面長，因為我們可以很方便使用右邊捲軸來上下移動，或使用同頁錨錠語法來快速尋找資料。
但是，如果您不能將網頁寬度控制在 800 pixels 以內，他必會產生視窗底部的橫向捲軸。
雖然訪客也能移動他的滑鼠來左右移動他，但這種不方便性與容忍程度，您可以自己體會一下。
如果資料內容許可，我們建議您不論長度或寬度，都能控制在 1 ∼ 2 個頁面以內，讓訪客滑鼠免於在網頁上上下忙碌移動。

柒、善用 CSS 或 JS 來整合每頁內容：
在網站製作過程中，重複使用過的語法或物件會很多，如果網站只有幾頁，或不須經常更新，這段報導對您就不是很重要了。
反之，您一定要懂得如何妥善運用 CSS 或 JS 來整合您的網頁內容，提高您的製作效率了。
首先，您可以先建立一個外殼範本。
第二，對您的網頁文字大小、顏色等變化，設定外部連結的 CSS 範本。
第三，如果您有使用的相同的選單、表單(格)等，您可以設定一個外部連結的 JS 範本。

捌、使用過多的動畫及背景：
動畫固然有趣、好看，您可以試試，將一整頁網頁內佈滿很多很多動畫的狀況如何？
或者換上很多很多不同的動畫又會如何？或者將動畫當作這一頁的背景又將如何？
初看之下您會覺得很精彩不錯，但是看久一點，您應該會感到混亂、不安、錯覺等壓力，這就是網頁中已失去焦點或重心所致。
做網頁最重要展現的是內容，動畫、分格線及背景都只是裝飾而已，適當的動畫、分格線或小圖示，會讓您的畫面乾淨許多。
反之，過多的配角，會使您的內容主題失去焦點或重心。
每一頁都使用不同的背景圖片，除了會增加傳輸負擔外，同樣的也會造成反效果哦。

玖、相關以前的報導參考資料：
網頁研習室【電子報】第一期網頁製作教學報導
A.進階 HTML 語法：CSS 基本語法
B.網頁運用技巧：網頁製作十大禁忌、網頁製作十要點、網頁製作十不要
C.常見的問題：網頁圖檔運用十大要訣
D.初學者的園地：網際網路基礎 02：認識網路圖檔
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

拾、結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。