DIVCSS網(wǎng)頁布局及網(wǎng)站設計常犯錯誤.

1、1 1、導航菜單使用圖片、FLASHFLASH導航菜單使用圖片、FLASHFLASH 當然比純文本來得好看一些，但是搜索引擎并不認識你的圖片和FLASHFLASH。如果你非要使用漂亮的圖片來做導航的話，可以使用背景替換的方法（我會在下次談到這一個方法 的）；如果你要使用 FLASHFLASH 做導航，那我就沒你辦法了。建議做一個導航菜單鏈 接的 xmlxml 文提交到搜索引擎。2 2、不恰當?shù)厥褂脠D片為了網(wǎng)頁美觀，經(jīng)常會到處貼滿圖片，這樣做是不正確的，與內(nèi)容無關的圖片能少就少吧。我們可以把這 些圖片做成容器的背景。3 3、內(nèi)容里特殊字體的運用我承認楷體很漂亮，草書也不遜色于宋體。但是不是所有人

2、的電腦都安裝有這些字體。如果你使用這些特殊 字體的話，在別人的電腦里看到的網(wǎng)頁將會是不堪入目。4 4、新窗口打開 拜托! !不要用任何窗口污染我的屏幕（尤其在當前操作系統(tǒng)低劣的窗口管理技術下！如果我 需要一個新窗口，我會自己打開的。設計者打開新窗口的本意是要讓用戶留在他的 站點上。但是卻忽略了控制用戶的機器所帶來的負面效應，這種策略恰恰弄巧成 拙，因為當用戶想通過 后退”按鈕返回先前的站點時，已經(jīng)做不到了。用戶通常注 意不到新窗口已經(jīng)被打開，尤其當他們的顯示器很小，而窗口又正好是最大化時。 因此，當用戶想要返回原來的站點時，面對的卻只是一個不可用的灰色后退”按鈕。5 5、無實際意義的特效避免使

3、用炫耀的技巧。這些特效對你的網(wǎng)頁沒有任何實際意義。6 6、內(nèi)容滾動內(nèi)容滾動可以在比較小的空間里展示比較多的內(nèi)容。這是它的一個好處。但內(nèi)容滾動卻是弊大于利的。不是所有平臺和瀏覽器都支 持滾動的；在 W3CW3C 看來，內(nèi)容滾動會降低用戶體驗。7 7、用戶難以獲取自己想要的內(nèi)容如果一個用戶訪問你的網(wǎng)站跟走入迷宮一樣，會有什么后果？聽說過 3 3次點擊規(guī)則嗎？對于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點擊次數(shù) 超過 3 3次的。對于大型網(wǎng)站，使用導航和工具條來改善操作。8 8 文件名命名不規(guī)范不要忽視這一點，例如新聞頁面可以用：News.htmlNews.html，而不是類似2323123.

4、html2323123.html 這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引 擎，而且有利于網(wǎng)站日后的維護管理。9 9、長篇文章未設置分頁長篇文章不分頁，會導致網(wǎng)頁加載速度慢，用戶閱讀疲勞。所以建議長篇文章設置分頁。1010、顏色搭配錯誤，網(wǎng)頁難于閱讀如無必要，你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。1111、沒有返回指向返回指向”是網(wǎng)絡用戶的生命線，同時也是繼超文本連接后最常使用的導航特征。用戶可以隨意嘗試網(wǎng)頁所指向的任何地方，而只需點擊一兩次 返回”按鈕就可以回到先前的頁面。1212、顯眼的點擊計數(shù) 器不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)

5、器。你設計網(wǎng)站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數(shù)瀏覽者認為計數(shù) 器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多 么受歡迎，你最好提供一個鏈接，顯示訪問日志。1313、使用框架與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是 設計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有1717 英寸的顯示屏幾乎不可能顯示整個網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個人主頁不能夠成為書 簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。1414、不恰當?shù)厥褂寐曇袈曇舻倪\用也應得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設計者的

6、另一個禁地。因為過多地使用聲音會使下載速度很慢，同時并沒有帶給瀏覽者多少好 處。首次聽到鼠標發(fā)出聲音可能會很有趣，但是多次以后肯定會很煩人。使用聲音 前，應該仔細考慮聲音將會給你帶來什么。1515、兼容性不佳你的網(wǎng)頁在 10241024下看得順眼么？那么換成 12801280 看呢？不是所有人的顯示器都用同一種分辨率的。無論是誰，都無法做出所有分辨率下完美的網(wǎng)頁，但我們要做出能確保所有分辨率 下不出錯的網(wǎng)頁。 還有兩點就是：不要以為只有電腦才能看網(wǎng)頁！不要以為世界 上只有一種瀏覽器！ 1717、急于發(fā)布網(wǎng)站網(wǎng)站沒有內(nèi)容、網(wǎng)站程序 BUGBUG，這些問題解決后再發(fā)布吧。內(nèi)容較為充實、程序 BUGBUG 基本沒有的網(wǎng)站才會讓用戶流 連。1818、發(fā)布網(wǎng)站后未登錄搜索引擎有客戶跟我說，是不是我的網(wǎng)站已發(fā)布就可以在百度搜到了？我總會這樣回答：百度不是我家開的，也不是你家開的，你 發(fā)布網(wǎng)站時百度他是不知道的。所以，你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提 交一下你的網(wǎng)站信息。1919、不留空白注意留空白。不要用圖像、文本和不必要的動畫 GIFsGIFs 來充斥網(wǎng)頁，即使有足夠的空間，在設計時也應該避免使用