網頁製作需要注意的問題集錦

來源:互聯網
上載者:User
網頁|問題

一.外觀

1 不要先決定網頁的外觀,然後強迫自已去適應它,應該從你的訪客對像,你要傳 達的訊息以及你的制網目標推匯出一個最適合的網頁架構。

2 每頁排版不要太疏或用太大的字,盡量避免看你的網頁時需要作很大的捲動,要 知道在一頁的上部分是顯眼而寶貴的地方,不要只放著幾個粗大的字或圖片。

3 最好不要用 800x600 以上的解析度設計網頁。常用的解析度是 640x480 及 800x600 。 明智的網頁設計者是處處照顧瀏覽者,絕不會炫耀自己有專線、有17 寸的顯示器等。

4 不要於每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧,你要考慮到該頁內容與廣告的比例,擺放的位置亦很重要,不妨多參考別人的做法。廣告太多,只會令人煩厭。

5 不要每頁都採用不同的背景圖片,以免每次轉頁都要花時間去下載,採用相同的底色或背景圖片還可增加網頁一致性,樹立風格。

6 底色或背景圖片必須與文字對比強烈,易於閱讀,這並不是要求你永遠使用鮮亮的背景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網頁 是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能舒適閱讀你的文章。

7 不要把圖片白色當透明,要知道別人的作業系統不一定把內定底色設為白色,解 決方法除了真的把該網頁的底色設為白色之外,最好還是以圖片編輯工具為圖片設好透明顏色。

8 太長的一頁要使用內部連結,明智的網頁設計者是不會讓瀏覽者看網頁時作太大 的捲動。常見的內部連結應用例子如 FAQ (常見問答)。
二.標記運用

  1. 小心使用架構(Frame)。架構易學難精,它雖有快速、漂亮和方便更新等優點, 但稍有不慎會適得其反,切勿勉強使用,由於 IE 及 NC 對架構屬性定義有所差異,公開網頁前宜作多方面測試,可能你的架構於 IE 顯示下是漂亮的一頁,但於 NC 可能是最醜陋的。

  2. 背景音樂盡量同時使用 bgsound 及 embed 兩種標記,照顧舊版的瀏覽器,或可使 用 JavaScript 分辨瀏覽器以印出適當的媒體標記。

  3. 應用程式框架 Frame 時要加入不支援的提示以提醒舊版的瀏覽器的使用者,亦可以是藏著一沒有架構的版本或一個連到另一版本的連結,這樣不但照顧到舊版的瀏覽器,亦有利於登一些尋找引擎。

  4. 同一頁中不要使用太多的 HR 標記,即水平分隔線,否則你的網頁看起來會支離破碎,要達到檔案清晰或主次分明,可改變字型的大小、顏色或底色。或採用清單標記,不一定要使用水平線。

  5. 不要使用“點選這裡”“Click Here”之類的字眼當作連結,正確的做法如:“請 到 Microsoft 網站看看 Windows 98 的介紹吧”。

  6. 不要勉強使用閃爍文字,指 Blink 標記,不必說它的被支援問題,這類的閃爍常為瀏覽者帶來緊張和不安,要知道製作網頁的首要條件便是要讓訪客看得舒適,不要因小失大。

  7. 使用 ImageMap 時,不要讓關鍵地區太近或重疊,不要讓你的訪客猜測關鍵地區, 如果圖片示意不夠清楚可加些文字說明,按鍵的作用只是用以開啟另一檔案,只要能做到清楚及顯眼便足夠。

  8. 編輯完 ImageMap 後不要更動原來圖片檔案,否則它的關鍵地區會因相對座標值的更變而失准。

  9. 在表單中使用 Action=mailto 時,要提醒使用者不要期待立即的回應,否則你的訪問者便「癡癡地等」或多按幾次“Submit”,最好還是使用 CGI 吧。

  10. 不要讓你的表單太長或超過兩頁,除非訪者非填不可,否則他們會不耐煩,在網上要訪者主動填寫你的表單並不容易,所以花多些心思在表單的設計上是應該的。

  11. 使用 <PRE> 標記時,其內的文字不要太長,因為瀏覽者可能使用低解像的作業環境,但該文字卻不會換行以適應瀏覽器視窗。

  12. 不要在說明標記 <!-- 說明 --> 中加入其它標記或連結,因為有小數瀏覽會把它解讀出來。適當運用說明標記,對較大型的網頁是很重要的。

  13. 不要依賴 <TABLE> 標記中的參數 align="CENTER" 將表格置於中間,因為很多瀏覽器並不支援,你還是需要不厭其煩地加上 <CENTER> 標記。

  14. 網頁的著作權聲明有三種顯示方法,第一是當作一般文字顯示於瀏覽畫面,第二是利用說明標記 <!-- Copyright -->,第三是利用 <META> 標記。

  15. 登入網頁於 META Search Engine 時,先以 <META> 標記於 <HEAD> 位置加上介紹及關鍵字,這些資料會為搜尋引擎所記錄,亦是搜尋者所看到的結果。

  16. 避免標記交錯使用,如:

    對: <B><I>HKIWC</I></B>

    錯: <B><I>HKIWC</B></I>

    並不是所有瀏覽器都如 IE 一樣,善於處理交錯及欠缺標記。

  17. 製作表單時必須分別以 NC 及 IE 作測試。對 NC 而言,表單各元件如文字框、捲動選單等的高度及其內的文字皆受 <FONT> 一類的字形標記所影響,尤其是 Character Set,若設為 GB 2312 的話更要注意 NC 及 IE 對各表單元件的大小有不同的顯示效果。

  三. 進階技巧

  1. 安裝別人的 CGI 程式要事先檢查,網上含惡意破壞 的 CGI 程式是存在的,若你不熟悉 CGI,可嘗試檢查是否含有 cd/;/bin/rm-rf*。這兩指令的合并亦是“病毒”的一類了。基本上,只到一些出名的 CGI 網頁下載是不會有問題的。

  2. 不要濫用 Java Applet。由於 Java Applet 先天性慢速,避免在同一頁中使用太多或太大的 Java Applet,尤其是裝飾用的,簡單的動畫可採用 Animating Gif,而 Counter 則採用 CGI,一個需30 秒去下載的水中倒影不見到比一篇精彩的短文來得吸引。

  3. 沒有特別的需要不要採用一些額外的 Plug-in 來製作網頁,如 Shockwave, RealPlayer 等,就算你提供下載該 Plug-in 的連結,瀏覽者示未必有興趣,你會因此而失去一批訪客。每使用一些支援性不高的技巧都要三思,個人網頁還可,公司網頁相信不會冒險吧。

  4. 不必告訴瀏覽者其所用的瀏覽器版本及作業系統。君不見很多人利用 JavaScript 在 首頁顯示這些資料,這是亳無意義而且浪費了首頁那寶貴的空間,你大可裝上一個訪客分析的 CGI 程式,暗地記下各項瀏覽者資料作統計用,這才是正確的做法。

  5. 沒有必要勿要求瀏覽者輸入姓名才能進入網頁,這指的不是以密碼保護的那種, 而是以 JavaScript 寫成,取得你的性名以作稱呼用的那種,訪客的瀏覽意欲會因此而減卻。

  6. 不要用 JavaScript 產生太多的 Pop-up 畫面,尤其是使用一些如 Geocities 之類的免費空間,它本身己有一個 Pop-up Banner,若多於一個 Pop-up,瀏覽者通常會感到煩厭。

  7. 不要以二進位格式來傳送 CGI 程式,否則會多出許多原本沒有的空白行,這些空白會造成錯誤的標題。當然亦不要用 ASCII 格式來傳送圖片檔案。

  8. 利用 CGI 處理中文資料或於其 Source Code 中加入中文字時,要注意一些含有 perl 特殊符號的的中文字,於 Debug 時可多一重考慮,。

  9. 使用 Shockwave 時,為支援沒有安裝此 Plug-in 的使用者,可使用 <NOEMBED> 標記,於其間夾著 <IMG> 標記放著同大小的後備圖片,當 Shockwave 不被顯示時便會以此圖片代替,免得其它字、畫走了位。

  10. 加入 Java Applet 時可在 <Applet> .... </Applet> 標記之間加入一些提示字句,照顧那些不能看 Java 的使用者。

  11. 不要依賴 Java 來處理網頁的重要資訊或連結,除非你確定大多數訪客都是使用具 Java 能力的瀏覽器。事實上 Java 用於顯示按鍵或訊息實是大才小用,亦是不得其所。

  12. 不要採用 JavaScript 的入網及離網事件,那警告視窗不但令人煩厭,其突然而來的音效亦挺唬人的,可能你的 Window 沒設定音效或沒開著 Speaker 吧。若真的需要,可以利用自動轉頁,大方得體。

  13. 不要在 CGI output 部分使用像 $, &, @ 之類的特殊符號,若真的需要,不防於其前加上符號 \。當然要善用 CGI Debug 了。

四. 網頁道德

  1. 不要將別人的網頁變成你的架構中的一個框窗,這樣不但會為瀏覽者帶來不便, 令你的網頁更醜陋,而且你亦侵犯了別人的著作權,解決及預防的方法是採用連結 的 target 參數,如 target="_top" 或 target="new" 等。若重視訪者的感受請從每一細節做起。

  2. 不要抄襲別人的創作。網路上所有資訊均是公開的,但都是有著作權的,若有意引用某人的作品,不妨以郵件詢問,徵得同意才進行,這是簡單又正當的做法。特別是當你利用離線瀏覽器下載別人的網頁或取得別人的程式時,切不可把它當成自己的網頁或程式放到網上。

  3. 不要將別人正在使用的搜尋器、表單及計數器等放到自已的網頁中,這樣做不但擾亂其正常運作、增加該伺服器的負荷,除非該主人有明示可以連到他的 cgi-bin 或 JavaClass。

  4. 不要利用網頁散播謠言,中傷他人,網路雖難管制,但本對道德良心,請潔身自愛。維持良好的網路環境,每個人都有責任。

  5. 引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記註明原作者名稱及文章來源,若引用別人的網頁更要通知作者。


相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。