一.外觀
1 不要先決定網頁的外觀,然后強迫自已去適應它,應該從你的訪客對像,你要傳 達的訊息以及你的制網目標推導出一個最適合的網頁架構。
2 每頁排版不要太疏或用太大的字,盡量避免看你的網頁時需要作很大的卷動,要 知道在一頁的上部分是顯眼而寶貴的地方,不要只放著幾個粗大的字或圖片。
3 最好不要用 800x600 以上的分辨率設計網頁。常用的分辨率是 640x480 及 800x600 。 明智的網頁設計者是處處照顧瀏覽者,絕不會炫耀自己有專線、有17 寸的顯示器等。
4 不要于每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧,你要考慮到該頁內容與廣告的比例,擺放的位置亦很重要,不妨多參考別人的做法。廣告太多,只會令人煩厭。
5 不要每頁都采用不同的背景圖片,以免每次轉頁都要花時間去下載,采用相同的底色或背景圖片還可增加網頁一致性,樹立風格。
6 底色或背景圖片必須與文字對比強烈,易于閱讀,這并不是要求你永遠使用鮮亮的背景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網頁 是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能舒適閱讀你的文章。
7 不要把圖片白色當透明,要知道別人的作業系統不一定把內定底色設為白色,解 決方法除了真的把該網頁的底色設為白色之外,最好還是以圖片編輯工具為圖片設好透明顏色。
8 太長的一頁要使用內部連結,明智的網頁設計者是不會讓瀏覽者看網頁時作太大 的卷動。常見的內部連結應用例子如 FAQ (常見問答)。
二.標記運用
小心使用框架(Frame)??蚣芤讓W難精,它雖有快速、漂亮和方便更新等優點, 但稍有不慎會適得其反,切勿勉強使用,由于 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> 位置加上介紹及關鍵字,這些資料會為搜索引擎所記錄,亦是搜索者所看到的結果。
避免標記交錯使用,如:
對: <B><I>HKIWC</I></B>
錯: <B><I>HKIWC</B></I>
并不是所有瀏覽器都如 IE 一樣,善于處理交錯及欠缺標記。
制作表單時必須分別以 NC 及 IE 作測試。對 NC 而言,表單各元件如文字框、卷動選單等的高度及其內的文字皆受 <FONT> 一類的字形標記所影響,尤其是 Character Set,若設為 GB 2312 的話更要注意 NC 及 IE 對各表單元件的大小有不同的顯示效果。
三. 進階技巧
安裝別人的 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。
不要利用網頁散播謠言,中傷他人,網絡雖難管制,但本對道德良心,請潔身自愛。維持良好的網絡環境,每個人都有責任。