網頁設計製作的問題集錦
一.外觀
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、或其他非電子傳媒的文章,切記註明原作者名稱及文章來源,若引用別人的網頁更要通知作者。 |