leewn 發表
不要讓這些小問題破壞您的網頁！
01.請勿小看標題內的用字 設定<TITLE></TITLE>內標題文字，看起來好像是一件很簡單的事，但如果您稍微不注意， 也會造成一件遺憾事情哦！我們知道<TITLE></TITLE>是用於顯示該網頁內容的標題代替文字， 就如該網頁的檔名一樣，應該盡可能相近或類似，其目的是讓訪客或網頁製作者不用看內容， 就很容易知道這篇網頁的內容是甚麼？另一個目的就是提供搜索引擎業者，在茫茫網海中， 很容易補捉到您網頁的內容資訊。除此之外，還有一件多數人都很容易忽略的事情， 那就是文字長度問題？請找到本篇報導網頁最上面的工具列=>按我的最愛=> 加到我的最愛試試(BookMark)；然後再按打開我的最愛=>找到剛剛您加入的這篇報導網頁題文字： 第二階段【網頁製作系列報導】電子報【初學者必修篇】，您是否可以很完整的看到 <TITLE></TITLE>內完整標題文字？您可以再試試之前您曾加入過的最愛網站， 逐一的檢查試試，是不是還可以找到不能完整列出來的標題網頁呢？ 當您的標題文字長度大於20個中文字時，他後面會產生.....來代替； 相同的方式，在組織我的最愛中更是嚴重！所以使用簡短有效的標題用字 (約10個中文字或20個英文字)，是以後我們值得去注意的地方哦。 02.佔用狀態列位的訊息功能 我們都知道網頁的左下角有一個長條型的狀態列位，他能提供訪客或使用者某些訊息功能， 例如：超鏈結的指向位置(網頁名稱)或 onMouseOver & onMouseOut 的訊息說明； 其實他的作用就像圖檔標籤IMG SRC中的ALT屬性="代替文字"功能，幾乎每一個網頁， 我們都會使用到他。很可惜的是，有很多網站都會無意間使用類似跑馬燈的JavaScript程式， 讓狀態列位不停的來回顯示【通告】等訊息，感覺上您好像得到了【廣告】效果， 但您卻忽略訪客或網頁的應有權力與功能。 03.用中文或大寫英文字做為檔名 用中文或大寫英文字做為網頁或圖檔檔名或副檔名，是我在教學中發現學生最易犯錯的地方。 無可厚非，我們為了與網頁或圖檔內容配合、好記，常常會用中文字來命名， 甚至包含檔案總管(資料夾)在內。這種情形在個人電腦(PC)及部份網路伺服器(NT)是可以接受的， 但是如果您上傳到以Unix為主的伺服器，那問題就來了；最常見到的是找不到該網頁或圖檔， 或顯示不正常狀況；因為Unix伺服器看不懂中文字。同樣的您使用大寫英文字或以其開頭的英文字母， Unix伺服器仍然會產生判別錯誤，這是因為Unix伺服器對英文大(A)小(a)寫認定為不同的語言所致。 還有一件很重要的因素，就是：您不希望您的網站(頁)，只能提供給擁有Big5號功能的瀏覽器使用吧！ 04.對內鏈結也使用絕對路徑 如果您曾經使用過FrontPage網頁編輯器，您會發現他所有的超鏈結都會自動幫您加入 電腦內的絕對路徑(file:///c:)；您在自己電腦中無論如何測試，他都可以正常執行Link工作； 只要將這個網頁搬離您的電腦，他就失去正常Link的功能了，原因就是您使用了電腦內的絕對路徑。 不論使用電腦內的絕對路徑，或網路上的絕對路徑(http://)，都將您讓寸步難行； 所以，我們強烈建議您所有網頁的超鏈結都要使用相對路徑。一般而言，只有在對外網站(頁)鏈結時， 才會使用網路的絕對路徑(http://)；電腦內的絕對路徑(file:///c:)， 也只有用在打開根目錄外，其他地方我們幾乎很少會使用到。 05.沒有聯絡方式或信箱的網站 架設或建立網站目的，最重要就是在傳播自己的關念與訊息；如果您的訪客在您的網站任一網頁中， 很困難才能找到與您聯絡的方法或地方，嚴格說，這算是一個失敗的網站。 原本網路就是提供雙向溝通的管道，使用電子信箱就是最好、最簡單的辦法； 您實在沒有任何理由，漏掉這個這麼重要的網頁功能。 06.頁面寬度超過 800 Piexls 網頁的長度我們比較不在乎多長(幾個頁面)，因為我們可以很方便使用右邊捲軸來上下移動他， 或者使用同頁錨錠語法<a href="#xx">來快速尋找資料。但是， 如果您不能將網頁寬度控制在 800 Piexls以內，他必會產生視窗底部的橫向捲軸； 雖然訪客也能移動他的滑鼠來左右移動他，但這種不方便性與容忍程度，您可以自己體會一下。 如果資料內容許可，我們建議您不論長度或寬度，都能控制在一個頁面以內， 讓訪客滑鼠免於在網頁上到處上下、左右忙碌的狀況出現。 07.善用CSS或JS來整合每頁內容 在網站製作過程中，重複使用過的語法或物件會很多，如果您的網站只有少數幾頁，或不須經常更新， 這段報導對您就不是很重要了；反之，您一定要懂得如何妥善運用CSS或JS來整合您的網頁內容， 提高您的製作效率了。首先，您可以先建立一個外殼範本(如範例)； 第二，對您的網頁文字大小、顏色等變化，設定外部連結的CSS範本(如範例)； 第三，如果您有使用的相同的選單、表單(格)等，您可以設定一個外部連結的JS範本(如範例)。 08.使用過多的動畫及背景 動畫固然有趣、好看，您可以試試，將一整頁網頁內佈滿很多很多動劃的狀況如何？ 或者換上很多很多不同的動畫又會如何？或者將動畫當作這一頁的背景又將如何？ 初看之下您會覺得很精彩不錯，但是您看久一點，您一應該會感到混亂、不安、錯覺等壓力， 這就是網頁中已失去焦點或重心所致。我們做網頁要表現的、最重要就是內容，動畫、 分格線及背景都只是裝飾而已，適當的運用動畫、分格線或小圖示，會讓您的畫面出色很多； 反之，過多的配角，會使您的內容主題失去焦點或重心。每一頁都使用不同的背景圖片， 除了會增加傳輸負擔外，同樣的也會造成反效果哦。 09.更多的報導資料，歡迎蒞臨講師(作者)網站查看。