網頁設計製作的問題集錦
一.外觀
1 不要先決定網頁的外觀，然後強迫自已去適應它，應該從你的訪客對像，你要傳達的訊息以及你的製網目標推導出一個最適合的網頁架構。
2 每頁排版不要太疏或用太大的字，盡量避免看你的網頁時需要作很大的捲動，要知道在一頁的上部分是顯眼而寶貴的地方，不要只放著幾個粗大的字或圖片。
3 最好不要用800x600 以上的分辨率設計網頁。常用的分辨率是 640x480 及 800x600 。明智的網頁設計者是處處照顧瀏覽者，絕不會炫耀自己有專線、有17 寸的顯示器等。
4 不要於每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧，你要考慮到該頁內容與廣告的比例，擺放的位置亦很重要，不妨多參考別人的做法。廣告太多，只會令人煩厭。
5 不要每頁都採用不同的背景圖片，以免每次轉頁都要花時間去下載，採用相同的底色或背景圖片還可增加網頁一致性，樹立風格。
6 底色或背景圖片必須與文字對比強烈，易於閱讀，這並不是要求你永遠使用鮮亮的背景配搭深色的文字，但深色背景常要求與主題配合，有較多的顧慮，若你的網頁是文章式或包含大量文字，不妨在底色與文字的配搭上下些工夫，力求讓訪者能舒適閱讀你的文章。
7 不要把圖片白色當透明，要知道別人的作業系統不一定把內定底色設為白色，解決方法除了真的把該網頁的底色設為白色之外，最好還是以圖片編輯工具為圖片設好透明顏色。
8 太長的一頁要使用內部連結，明智的網頁設計者是不會讓瀏覽者看網頁時作太大的捲動。常見的內部連結應用例子如FAQ （常見問答）。
二.標記運用
小心使用框架（Frame）。框架易學難精，它雖有快速、漂亮和方便更新等優點， 但稍有不慎會適得其反，切勿勉強使用，由於IE 及NC 對框架屬性定義有所差異，公開網頁前宜作多方面測試，可能你的框架於IE 顯示下是漂亮的一頁，但於NC 可能是最醜陋的。
背景音樂盡量同時使用bgsound 及embed 兩種標記，照顧舊版的瀏覽器，或可使用JavaScript 分辨瀏覽器以印出適當的媒體標記。
應用框架Frame 時要加入不支持的提示以提醒舊版的瀏覽器的用戶，亦可以是藏著一沒有框架的版本或一個連到另一版本的連結，這樣不但照顧到舊版的瀏覽器，亦有利於登一些尋找引擎。
同一頁中不要使用太多的HR 標記，即水平分隔線，否則你的網頁看起來會支離破碎，要達到文件清晰或主次分明，可改變字體的大小、顏色或底色。或採用清單標記，不一定要使用水平線。
不要使用“點選這裡”“Click Here”之類的字眼當作連結，正確的做法如：“請到Microsoft 網站看看Windows 98 的介紹吧”。
不要勉強使用閃爍文字，指Blink 標記，不必說它的被支持問題，這類的閃爍常為瀏覽者帶來緊張和不安，網頁設計要知道製作網頁的首要條件便是要讓訪客看得舒適，不要因小失大。
使用ImageMap 時，不要讓關鍵區域太近或重疊，不要讓你的訪客猜測關鍵區域， 如果圖片示意不夠清楚可加些文字說明，按鍵的作用只是用以打開另一文件，只要能做到清楚及顯眼便足夠。
編輯完ImageMap 後不要更動原來圖片檔案，否則它的關鍵區域會因相對座標值的更變而失準。
在表單中使用Action=mailto 時，要提醒使用者不要期待立即的回應，否則你的訪問者便「痴痴地等」或多按幾次“Submit”，最好還是使用CGI 吧。
不要讓你的表單太長或超過兩頁，除非訪者非填不可，否則他們會不耐煩，在網上要訪者主動填寫你的表單並不容易，所以花多些心思在表單的設計上是應該的。
使用<PRE> 標記時，其內的文字不要太長，因為瀏覽者可能使用低解像的作業環境，但該文字卻不會換行以適應瀏覽器視窗。
不要在說明標記<!-- 說明--> 中加入其它標記或連結，因為有小數瀏覽會把它解讀出來。適當運用說明標記，對較大型的網頁是很重要的。
不要依賴<TABLE> 標記中的參數align="CENTER" 將表格置於中間，台中網頁設計因為很多瀏覽器並不支持，你還是需要不厭其煩地加上<CENTER> 標記。
網頁的版權聲明有三種顯示方法，第一是當作一般文字顯示於瀏覽畫面，第二是利用說明標記<!-- Copyright -->，第三是利用<META> 標記。
登錄網頁於META Search Engine 時，先以<META> 標記於<HEAD> 位置加上介紹及關鍵字，這些資料會為搜索引擎所記錄，亦是搜索者所看到的結果。
三. 進階技巧
安裝別人的CGI 程式要事先檢查，網上含惡意破壞的CGI 程式是存在的，若你不熟悉CGI，可嘗試檢查是否含有cd/;/bin/rm-rf*。這兩指令的合併亦是“病毒”的一類了。基本上，只到一些出名的CGI 網頁下載是不會有問題的。
不要濫用 Java Applet。由於Java Applet 先天性慢速，避免在同一頁中使用太多或太大的Java Applet，尤其是裝飾用的，簡單的動畫可採用Animating Gif，而Counter 則採用CGI，一個需30 秒去下載的水中倒影不見到比一篇精彩的短文來得吸引。
沒有特別的需要不要採用一些額外的Plug-in 來製作網頁，如Shockwave， RealPlayer 等，就算你提供下載該Plug-in 的連結，瀏覽者示未必有興趣，你會因此而失去一批訪客。每使用一些支持性不高的技巧都要三思，個人網頁還可，公司網頁相信不會冒險吧。
不必告訴瀏覽者其所用的瀏覽器版本及作業系統。君不見很多人利用JavaScript 在首頁顯示這些資料，這是亳無意義而且浪費了首頁那寶貴的空間，你大可裝上一個訪客分析的CGI 程式，暗地記下各項瀏覽者資料作統計用，這才是正確的做法。
沒有必要勿要求瀏覽者輸入姓名才能進入網頁，這指的不是以密碼保護的那種， 而是以JavaScript 寫成，取得你的性名以作稱呼用的那種，訪客的瀏覽意欲會因此而減卻。
不要用JavaScript 產生太多的Pop-up 畫面，尤其是使用一些如Geocities 之類的免費空間，它本身己有一個Pop-up Banner，若多於一個Pop-up，瀏覽者通常會感到煩厭。
不要以二進位格式來傳送CGI 程式，否則會多出許多原本沒有的空白行，這些空白會造成錯誤的標頭。當然亦不要用ASCII 格式來傳送圖片檔案。
利用CGI 處理中文資料或於其Source Code 中加入中文字時，要注意一些含有perl 特殊符號的的中文字，於Debug 時可多一重考慮，。
使用Shockwave 時，為支持沒有安裝此Plug-in 的使用者，可使用<NOEMBED> 標記，於其間夾著<IMG> 標記放著同大小的後備圖片，當Shockwave 不被顯示時便會以此圖片代替，免得其它字、畫走了位。
加入Java Applet 時可在<Applet> .... </Applet> 標記之間加入一些提示字句，照顧那些不能看Java 的使用者。
不要依賴Java 來處理網頁的重要資訊或連結，除非你確定大多數訪客都是使用具Java 能力的瀏覽器。事實上Java 用於顯示按鍵或訊息實是大才小用，亦是不得其所。
不要採用JavaScript 的入網及離網事件，那警告視窗不但令人煩厭，網頁設計公司其突然而來的音效亦挺唬人的，可能你的Window 沒設定音效或沒開著Speaker 吧。若真的需要，可以利用自動轉頁，大方得體。
不要在CGI output 部分使用像$, &, @ 之類的特殊符號，若真的需要，不防於其前加上符號\。當然要善用 CGI Debug 了。
四. 網頁道德
不要將別人的網頁變成你的框架中的一個框窗，這樣不但會為瀏覽者帶來不便， 令你的網頁更醜陋，而且你亦侵犯了別人的版權，解決及預防的方法是採用連結的target 參數，如target="_top" 或target="new" 等。若重視訪者的感受請從每一細節做起。
不要抄襲別人的創作。網絡上所有資訊均是公開的，但都是有版權的，若有意引用某人的作品，不妨以郵件詢問，徵得同意才進行，這是簡單又正當的做法。特別是當你利用離線瀏覽器下載別人的網頁或取得別人的程序時，切不可把它當成自己的網頁或程序放到網上。
不要將別人正在使用的搜索器、表單及計數器等放到自已的網頁中，這樣做不但擾亂其正常運作、增加該伺服器的負荷，除非該主人有明示可以連到他的cgi-bin 或JavaClass。
不要利用網頁散播謠言，中傷他人，網絡雖難管制，但本對道德良心，請潔身自愛。維持良好的網絡環境，每個人都有責任。
引用Newsgroup、BBS、或其他非電子傳媒的文章，切記註明原作者名稱及文章來源，若引用別人的網頁更要通知作者。
|
