堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

DIV+CSS網(wǎng)頁布局及網(wǎng)站設(shè)計(jì)常犯錯(cuò)誤

商企云 | 2021-07-02 | 分享至:
1、不恰當(dāng)?shù)厥褂脠D片  為了網(wǎng)站制作美觀,經(jīng)常會(huì)到處貼滿圖片,這樣做是不正確的,與內(nèi)容無關(guān)的圖片能少就少吧。我們可以把這些圖片做成容器的背景。 2、導(dǎo)航菜單使用圖片、FLASH   導(dǎo)航菜單使用圖片、FLASH當(dāng)然比純文本來得好看一些,但是搜索引擎并不認(rèn)識(shí)你的圖片和FLASH。如果你非要使用漂亮的圖片來做導(dǎo)航的話,可以使用背景替換的方法(我會(huì)在下次談到這一個(gè)方法的);如果你要使用FLASH做導(dǎo)航,那我就沒你辦法了。建議做一個(gè)導(dǎo)航菜單鏈接的xml文提交到搜索引擎。 3、新窗口打開   拜托!不要用任何窗口污染我的屏幕(尤其在當(dāng)前操作系統(tǒng)低劣的窗口管理技術(shù)下)!如果我需要一個(gè)新窗口,我會(huì)自己打開的。設(shè)計(jì)者打開新窗口的本意是要讓用戶留在他的站點(diǎn)上。但是卻忽略了控制用戶的機(jī)器所帶來的負(fù)面效應(yīng),這種策略恰恰弄巧成拙,因?yàn)楫?dāng)用戶想通過“后退”按鈕返回先前的站點(diǎn)時(shí),已經(jīng)做不到了。用戶通常注意不到新窗口已經(jīng)被打開,尤其當(dāng)他們的顯示器很小,而窗口又正好是最大化時(shí)。因此,當(dāng)用戶想要返回原來的站點(diǎn)時(shí),面對(duì)的卻只是一個(gè)不可用的灰色“后退”按鈕。 4、內(nèi)容里特殊字體的運(yùn)用   我承認(rèn)楷體很漂亮,草書也不遜色于宋體。但是不是所有人的電腦都安裝有這些字體。如果你使用這些特殊字體的話,在別人的電腦里看到的網(wǎng)頁將會(huì)是不堪入目。 5、無實(shí)際意義的特效   避免使用炫耀的技巧。這些特效對(duì)你的網(wǎng)頁沒有任何實(shí)際意義。 6、用戶難以獲取自己想要的內(nèi)容   如果一個(gè)用戶訪問你的網(wǎng)站跟走入迷宮一樣,會(huì)有什么后果?聽說過3次點(diǎn)擊規(guī)則嗎?對(duì)于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點(diǎn)擊次數(shù)超過3次的。對(duì)于大型網(wǎng)站,使用導(dǎo)航和工具條來改善操作。 7、內(nèi)容滾動(dòng)   內(nèi)容滾動(dòng)可以在比較小的空間里展示比較多的內(nèi)容。這是它的一個(gè)好處。但內(nèi)容滾動(dòng)卻是弊大于利的。不是所有平臺(tái)和瀏覽器都支持滾動(dòng)的;在W3C看來,內(nèi)容滾動(dòng)會(huì)降低用戶體驗(yàn)。 8、文件名命名不規(guī)范   不要忽視這一點(diǎn),例如新聞頁面可以用:News.html,而不是類似2323123.html這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引擎,而且有利于網(wǎng)站日后的維護(hù)管理。 9、顏色搭配錯(cuò)誤,網(wǎng)頁難于閱讀   如無必要,你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本,另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。 10、長(zhǎng)篇文章未設(shè)置分頁   長(zhǎng)篇文章不分頁,會(huì)導(dǎo)致網(wǎng)頁加載速度慢,用戶閱讀疲勞。所以建議長(zhǎng)篇文章設(shè)置分頁。 11、沒有返回指向   “返回指向”是網(wǎng)絡(luò)用戶的生命線,同時(shí)也是繼超文本連接后最常使用的導(dǎo)航特征。用戶可以隨意嘗試網(wǎng)頁所指向的任何地方,而只需點(diǎn)擊一兩次“返回”按鈕就可以回到先前的頁面。 12、使用框架   與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn),在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站??蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。 13、顯眼的點(diǎn)擊計(jì)數(shù)器   不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個(gè)鏈接,顯示訪問日志。 14、兼容性不佳   你的網(wǎng)頁在1024下看得順眼么?那么換成1280看呢?不是所有人的顯示器都用同一種分辨率的。無論是誰,都無法做出所有分辨率下完美的網(wǎng)頁,但我們要做出能確保所有分辨率下不出錯(cuò)的網(wǎng)頁。 還有兩點(diǎn)就是:不要以為只有電腦才能看網(wǎng)頁!不要以為世界上只有一種瀏覽器! 15、不恰當(dāng)?shù)厥褂寐曇?/strong>   聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^多地使用聲音會(huì)使下載速度很慢,同時(shí)并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣,但是多次以后肯定會(huì)很煩人。使用聲音前,應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來什么。 16、發(fā)布網(wǎng)站后未登錄搜索引擎   有客戶跟我說,是不是我的網(wǎng)站已發(fā)布就可以在百度搜到了?我總會(huì)這樣回答:百度不是我家開的,也不是你家開的,你發(fā)布網(wǎng)站時(shí)百度他是不知道的。所以,你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提交一下你的網(wǎng)站信息。 17、急于發(fā)布網(wǎng)站   網(wǎng)站沒有內(nèi)容、網(wǎng)站程序BUG,這些問題解決后再發(fā)布吧。內(nèi)容較為充實(shí)、程序BUG基本沒有的網(wǎng)站才會(huì)讓用戶流連。 18、缺乏互動(dòng)性   讓用戶與網(wǎng)站能夠互動(dòng),讓用戶與用戶之間能夠互動(dòng)。所以最少要有一個(gè)留言本,這能激勵(lì)訪問者再次回到你的網(wǎng)站,還有助于擴(kuò)充網(wǎng)站內(nèi)容。這個(gè)是極其重要的,Web 2.0的核心思想。 19、不留空白   注意留空白。不要用圖像、文本和不必要的動(dòng)畫GIFs來充斥網(wǎng)頁,即使有足夠的空間,在設(shè)計(jì)時(shí)也應(yīng)該避免使用。 本文發(fā)布于北京網(wǎng)站建設(shè)公司商企云http://m.2182725.com/
掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測(cè)等

  非常感謝您有耐心的讀完這篇文章:"DIV+CSS網(wǎng)頁布局及網(wǎng)站設(shè)計(jì)常犯錯(cuò)誤",更多內(nèi)容請(qǐng)繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)、網(wǎng)站優(yōu)化、品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務(wù),我們以“降低營(yíng)銷成本,提高營(yíng)銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國(guó)家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國(guó)家軟件著作權(quán),將力爭(zhēng)成為國(guó)內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請(qǐng)掃碼咨詢,我們將誠(chéng)摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類