IT貓撲網(wǎng):您身邊最放心的安全下載站! 最新更新|軟件分類|軟件專題|手機版|論壇轉貼|軟件發(fā)布

您當前所在位置: 首頁網(wǎng)絡編程DIVCSS → DIV+CSS網(wǎng)頁布局及網(wǎng)站設計常犯錯誤

DIV+CSS網(wǎng)頁布局及網(wǎng)站設計常犯錯誤

時間:2015-06-28 00:00:00 來源:IT貓撲網(wǎng) 作者:網(wǎng)管聯(lián)盟 我要評論(0)

  1、導航菜單使用圖片、FLASH

  導航菜單使用圖片、FLASH當然比純文本來得好看一些,但是搜索引擎并不認識你的圖片和FLASH。如果你非要使用漂亮的圖片來做導航的話,可以使用背景替換的方法(我會在下次談到這一個方法的);如果你要使用FLASH做導航,那我就沒你辦法了。建議做一個導航菜單鏈接的xml文提交到搜索引擎。

  2、不恰當?shù)厥褂脠D片

  為了網(wǎng)頁美觀,經常會到處貼滿圖片,這樣做是不正確的,與內容無關的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

  3、內容里特殊字體的運用

  我承認楷體很漂亮,草書也不遜色于宋體。但是不是所有人的電腦都安裝有這些字體。如果你使用這些特殊字體的話,在別人的電腦里看到的網(wǎng)頁將會是不堪入目。

  4、新窗口打開

  拜托!不要用任何窗口污染我的屏幕(尤其在當前操作系統(tǒng)低劣的窗口管理技術下)!如果我需要一個新窗口,我會自己打開的。設計者打開新窗口的本意是要讓用戶留在他的站點上。但是卻忽略了控制用戶的機器所帶來的負面效應,這種策略恰恰弄巧成拙,因為當用戶想通過"后退"按鈕返回先前的站點時,已經做不到了。用戶通常注意不到新窗口已經被打開,尤其當他們的顯示器很小,而窗口又正好是最大化時。因此,當用戶想要返回原來的站點時,面對的卻只是一個不可用的灰色"后退"按鈕。

  5、無實際意義的特效

  避免使用炫耀的技巧。這些特效對你的網(wǎng)頁沒有任何實際意義。

  6、內容滾動

  內容滾動可以在比較小的空間里展示比較多的內容。這是它的一個好處。但內容滾動卻是弊大于利的。不是所有平臺和瀏覽器都支持滾動的;在W3C看來,內容滾動會降低用戶體驗。

  7、用戶難以獲取自己想要的內容

  如果一個用戶訪問你的網(wǎng)站跟走入迷宮一樣,會有什么后果?聽說過3次點擊規(guī)則嗎?對于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點擊次數(shù)超過3次的。對于大型網(wǎng)站,使用導航和工具條來改善操作。

  8、文件名命名不規(guī)范

  不要忽視這一點,例如新聞頁面可以用:News.html,而不是類似2323123.html這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引擎,而且有利于網(wǎng)站日后的維護管理。

  9、長篇文章未設置分頁

  長篇文章不分頁,會導致網(wǎng)頁加載速度慢,用戶閱讀疲勞。所以建議長篇文章設置分頁。

  10、顏色搭配錯誤,網(wǎng)頁難于閱讀

  如無必要,你應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。

  11、沒有返回指向

  "返回指向"是網(wǎng)絡用戶的生命線,同時也是繼超文本連接后最常使用的導航特征。用戶可以隨意嘗試網(wǎng)頁所指向的任何地方,而只需點擊一兩次"返回"按鈕就可以回到先前的頁面。

  12、顯眼的點擊計數(shù)器

  不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設計網(wǎng)站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。大多數(shù)瀏覽者認為計數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個鏈接,顯示訪問日志。

  13、使用框架

  與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個框架。但是設計者立刻就發(fā)現(xiàn),在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站。框架也使得網(wǎng)站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。

  14、不恰當?shù)厥褂寐曇?/p>

  聲音的運用也應得到警惕。內聯(lián)聲音是網(wǎng)頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時并沒有帶給瀏覽者多少好處。首次聽到鼠標發(fā)出聲音可能會很有趣,但是多次以后肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給你帶來什么。

  15、兼容性不佳

  你的網(wǎng)頁在1024下看得順眼么?那么換成1280看呢?不是所有人的顯示器都用同一種分辨率的。無論是誰,都無法做出所有分辨率下完美的網(wǎng)頁,但我們要做出能確保所有分辨率下不出錯的網(wǎng)頁。

  還有兩點就是:不要以為只有電腦才能看網(wǎng)頁!不要以為世界上只有一種瀏覽器!

  17、急于發(fā)布網(wǎng)站

  網(wǎng)站沒有內容、網(wǎng)站程序BUG,這些問題解決后再發(fā)布吧。內容較為充實、程序BUG基本沒有的網(wǎng)站才會讓用戶流連。

  18、發(fā)布網(wǎng)站后未登錄搜索引擎

  有客戶跟我說,是不是我的網(wǎng)站已發(fā)布就可以在百度搜到了?我總會這樣回答:百度不是我家開的,也不是你家開的,你發(fā)布網(wǎng)站時百度他是不知道的。所以,你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提交一下你的網(wǎng)站信息。

  19、不留空白

  注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網(wǎng)頁,即使有足夠的空間,在設計時也應該避免使用。

  20、缺乏互動性

  讓用戶與網(wǎng)站能夠互動,讓用戶與用戶之間能夠互動。所以最少要有一個留言本,這能激勵訪問者再次回到你的網(wǎng)站,還有助于擴充網(wǎng)站內容。這個是極其重要的,Web 2.0的核心思想。

關鍵詞標簽:DIV+CSS,網(wǎng)站設計

相關閱讀

文章評論
發(fā)表評論

熱門文章 DIV+CSS網(wǎng)頁布局常用的一些基礎知識整理 DIV+CSS網(wǎng)頁布局常用的一些基礎知識整理 完美解決CSS網(wǎng)頁水平居中 完美解決CSS網(wǎng)頁水平居中 XHTML+CSS兼容解決方案 XHTML+CSS兼容解決方案 CSS網(wǎng)頁布局困擾新手的八個問題 CSS網(wǎng)頁布局困擾新手的八個問題

相關下載

    人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實例:list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例 CSS實例:通過定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動換行 網(wǎng)頁頁面設計中CSS十大注意 解決用CSS控制DIV居中失效的問題 css div設置float后高度不能自動增加 讓CSS兼容IE和Firefox的技巧集合