DIV+CSS網頁佈局及網站設計常犯錯誤

1、導航功能表使用圖片、FLASH

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

2、不恰當地使用圖片

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

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

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

4、新視窗打開

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

5、無實際意義的特效

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

6、內容滾動

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

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

如果一個使用者訪問你的網站跟走入迷宮一樣，會有什麼後果?聽說過3次點擊規則嗎?對於小型網站，在你的主頁上，沒有任何一條資訊，需要點擊次數超過3次的。 對於大型網站，使用導航和工具條來改善操作。

8、檔案名命名不規範

不要忽視這一點，例如新聞頁面可以用：News.html，而不是類似2323123.html這樣的無規範的命名方式。 使用規範的命名方式不僅有利於搜尋引擎，而且有利於網站日後的維護管理。

9、長篇文章未設置分頁

長篇文章不分頁，會導致網頁載入速度慢，使用者閱讀疲勞。 所以建議長篇文章設置分頁。

10、顏色搭配錯誤，網頁難於閱讀

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

11、沒有返回指向

「返回指向」是網路使用者的生命線，同時也是繼超文字連接後最常使用的導航特徵。 使用者可以隨意嘗試網頁所指向的任何地方，而只需點擊一兩次「返回」按鈕就可以回到先前的頁面。

12、顯眼的點擊計數器

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。 你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。 大多數流覽者認為計數器毫無意義，它們很容易被做假，流覽者也不想看廣告。 如果你顯示你的網站是多麼受歡迎，你最好提供一個連結，顯示訪問日誌。

13、使用框架

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

14、不恰當地使用聲音

聲音的運用也應得到警惕。 內聯聲音是網頁設計者的另一個禁地。 因為過多地使用聲音會使下載速度很慢，同時並沒有帶給流覽者多少好處。 首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。 使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

15、相容性不佳

你的網頁在1024下看得順眼麼?那麼換成1280看呢?不是所有人的顯示器都用同一種解析度的。 無論是誰，都無法做出所有解析度下完美的網頁，但我們要做出能確保所有解析度下不出錯的網頁。

還有兩點就是：不要以為只有電腦才能看網頁!不要以為世界上只有一種瀏覽器!

17、急於發佈網站

網站沒有內容、網站程式BUG，這些問題解決後再發佈吧。 內容較為充實、程式BUG基本沒有的網站才會讓使用者流連。

18、發佈網站後未登錄搜尋引擎

有客戶跟我說，是不是我的網站已發佈就可以在百度搜到了?我總會這樣回答：百度不是我家開的，也不是你家開的，你發佈網站時百度他是不知道的。 所以，你發佈網站後要到各大搜尋引擎的登錄口提交一下你的網站資訊。

19、不留空白

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

20、缺乏互動性

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