網站首頁 語言 會計 網際網路計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 網頁設計

網頁設計十大原則

欄目: 網頁設計 / 釋出於: / 人氣:1.4W

Web站點應針對所服務物件(機構或人)的不同而具有不同的形式。以下是小編為大家搜尋整理的網頁設計十大原則,歡迎閱讀!更多精彩內容請及時關注我們應屆畢業生考試網!

網頁設計十大原則

  1、20秒60kb原則

據統計,按目前網路下載速度(窄帶),瀏覽者可忍受的時間大約為20秒,檔案大小約為60KB,否則一頁圖文太大,沒有人願意等待。

  2、設計工具選擇

我個人觀點是使用Micromedia出品的Dreamweaver。其功能強大,可以區分兩大主流瀏覽器Netscape和IE各自所支援的語法。而微軟的Frontpage,正如VJ++、Winperl等其他微軟系列只強調了微軟Windows作業系統,同樣的,Frontpage也不太關心除IE之外的瀏覽器。而且Frontpage98在字型排版的上下文關係上,經常令人頭痛。

  3、測試

測試常用瀏覽器Netscape、IE高低版本;測試瀏覽器視窗大小;測試不同尺寸顯示器效果;測試各種解析度(可以使用專門測試軟體Broswersizer);測試圖片顏色、字型大小;測試各種作業系統包括英文系統外掛中文平臺方式的語言解碼是否正常。

  4、經常更新網頁內容, 有新鮮感

網站內容保持新鮮,定期檢查,不能有“空”的連結。另外,版主要避免過多發表個人化色彩濃重而偏激的言論。

  5、改版

每隔幾個月到半年,可考慮“中規模”更改版面設計,循序漸進,避免一下子產生大的版面變化,使瀏覽者一時無法適應。

  6、檔名大小寫

Unix伺服器檔名大小寫敏感。

  7、影象檔案不要太大

找一些影象壓縮工具反覆嘗試,把圖片儘量做小。若“256色”和“高彩真彩”看起來相差不大的,就用256色罷;如果圖片顏色豐富,選用jpg格式可能就比gif格式得到更小的檔案。加入alt,可以在載入過程中顯示替代圖片的文字;加入width和height,可讓瀏覽器預留沒下載完的圖形檔案位置而去先顯示別的文字內容。如果網頁圖片較多,有文字方案最好,因為總是有些人在“美”和“用”之間,選擇“用”。

  8、考慮不支援某些功能的瀏覽器

如Applet、javascript、VBScript、CSS、XML、ActiveX、Frames,VRML等等,都要事先設計替代的.圖片或者文字。

  9、互動性設計

例如討論組、購物登記,但需要注意,一是不可濫用技術,象過多的使用Applet;二是不可設定無必要的障礙。像新浪網的討論組我就不喜歡,因為在上面發帖子之前需要登記一大通,麻煩的是你還要等幾個小時到一天時間才能收到確認的賬戶密碼。

  10、不可作“強暴”訪客之勢

比如頁面開啟, 劈頭就是一篇音樂唱個不停,卻不明確終止播放的方法。要知道,很多在辦公室悄悄上網的人們,是最反感這種情況的……

Tags:網頁