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的核心思想。