2012/10/28 16:03:28作者:佚名來源:網絡
網頁設計越來越多的人開始使用DIV+CSS,如果不是DIV+CSS制作的網站好像就不入流,這也造成很多初學者整站全是雜亂無章的DIV堆集,難道真的在網頁設計中不能用TABLE嗎,難道DIV+CSS是寫靜態頁面的唯一途徑嗎,其實并不是如此,這其中對于初新入行的網頁設計人員對使用div+css結構存在很多誤區,這也是大多數初學者容易犯的錯誤,今天學無憂總結歸納以下幾條,分享給大家,希望對你寫網頁有所幫助。
1、div+css在靜態html網頁中確實大有好處,但不等同于完全拋棄table,我們為什么不用table的原因是網頁加載table結構時只有在完全加載完成才能看到網頁,這樣相對于DIV來講沒有DIV更好,還有另一原因是table的布局沒有一定的語義,對于我們以后修改網頁時帶來麻煩。但在有的時候table相對比div會更有優勢,“求購信息”這樣的欄目塊,在這個欄目中的頂部可能出現“發布人、發布時間、信息標題、聯系方式”等項目,這時會發現用table來寫更為方便,因為table是專門用來寫數據表格的,而且符合語義要求,還有有時我們的頁面要做成類似excel數據的地方,你不認為用table來寫會比div來得更有優勢嗎,難道就一定要通過DIV來定義嗎。
2、div+css設計網頁不等同于我們整個網站整個區域都必須用div包起來,每一個區塊就用一個div標簽,結果會發現整個網站大量的DIV堆積,這樣就完全失去了我們DIV的真正優勢,根體沒有語義的存在價值,如果要修改一個內容你根本無從查找,其實我們應該合理地利用dl、ul、ol、span等標簽,這樣我們的網頁看起來才會條理清晰,而且修改起來很方便。
3、一般我們在網頁設計中css文件與html代碼都是分開的,之所以將css文件和html分開,是因為有些css中的樣式我們需要在多們頁面應用,這樣在設計制作過程中省去了很多效率,再有一個就是一旦這個css文件加載了在用戶訪問時css文件可以緩存在本地,這樣下次再訪問其他頁面時就不用重復加載css,這樣可以節約時間和流量,也對網站的訪問提高了速度,但有一種情況就沒必要放在這個css文件中,那就是這個區區域的css樣式在其他文件中是用不到的,你認為有必要放到css文件中讓他去加載嗎,這時我們就必須在這個區域單獨來定義css樣式。
4、div+css制作網頁是有他的優勢,便隨隨著瀏覽器的發展,越來越多的瀏覽器投入市場,這樣就造成了我們的div+css設計者們帶來麻煩,因為如果你制作的網頁在ie上一切正常,但在火狐、谷歌等瀏覽器中打開卻亂了套,這就要求我們在網頁設計中必須要對多個瀏覽器進行測試通過,你最少也得把當今用戶用得最為廣泛的幾種進行測試,同時你還得在不同的版本中進行測試,例如ie6、7、8幾個版本是會出現不同的效果的,但是我們不可能去在電腦上安裝這么多種瀏覽器的,這樣我們就必須通過模擬軟件來進行測試,我們常用ietest就是一個較好用的IE測試軟件,而且在測試時最好是一部分一部分進行測試,不要等到把整個網站全部完成了再進行測試,一旦完成了發現大問題是很郁悶的事情,修改起來也會很麻煩。
5、我們初學者大多都喜歡使用DW之類的輔助軟件來寫代碼,這里告訴初學者盡可能的使用手工寫代碼,因為在手工寫代碼時你會越來越熟悉代碼,一旦熟悉了這些代碼,那么代碼提示類軟件無法與手工寫來比較的,再說手工寫對以后修改網站會大有好處,網站的優化也相對更有優勢。
好了,以上就是有關如何更好地編寫div+css,也是有關網頁初學者的div+css網頁布局的五大誤區,希望對你有所幫助。
標簽: DIV CSS
相關文章
ip雷達 v5.0.2綠色版
詳情WinSCPv5.15.1綠色中文版
詳情filezilla client v5.5
詳情wireshark中文版 v3.4.9
詳情Boson Netsimv10.8破解版
詳情風行播放器 v3.0.6.106
詳情愛奇藝客戶端 v10.1.0.6636官方版
詳情搜狐影音 v7.0.19.0官方版
詳情樂視視頻 v7.3.2.192
詳情華數tv客戶端PC版 v1.1.2.0
詳情cbox央視影音 v5.1.2.1經典版
詳情軟媒收音機(魔方) v1.13
詳情傾聽網絡收音機 v3.0.0.0
詳情魅影流聲全球網絡收音機 v1.0.0.1
詳情酷狗電臺 v8.2.75
詳情暴龍網絡收音機 v2.5.1
詳情克莉2v1.0中文版
詳情冬日計劃v1.2中文版
詳情刺客信條英靈殿v1.0吾愛破解版
詳情刺客信條英靈殿終極v1.0免安裝破解版
詳情動物森友會v1.10.0最新破解版
詳情哈迪斯殺出地獄v1.37中文破解版
詳情嗜血印中文豪華版v1.0豪華版破解版 附游戲攻略秘籍
詳情城市戰斗v1.0中文破解版
詳情尼爾人工生命v1.0steam免費破解版
詳情尼爾人工生命升級版v1.0PC破解版
詳情尼爾人工生命升級版v1.2247中文破解版
詳情層層恐懼2中文破解版v1.0綠色免安裝版
詳情往日不再v1.0 steam破解版
詳情往日不再v1.0pc破解版
詳情救贖之路v1.0中文破解版
詳情斯蓋爾女仆v1.0中文破解版
詳情新盜墓筆記官方版v1.215.589730
詳情無盡的拉格朗日無限金幣鉆石版v1.2.267172破解版
詳情明日之后無限小太陽版v1.0.246安卓版
詳情雙生幻想vivo版v6.6.83安卓版
詳情劍網1歸來內購免費版v1.1.116安卓版
詳情模擬城市我是市長國際版v0.69.21342.22832安卓版
詳情迷你世界999999迷你幣版v1.20.5破解版
詳情王牌戰爭無限內購版v9.7安卓版
詳情云上城之歌不氪金版v10.16安卓版
詳情王鏟鏟的致富之路破解版v1.1.8安卓版
詳情創造與魔法無限點券版v1.0.0505安卓版
詳情狩獵使命九游版v1.6.6.000
詳情魔鏡物語變態版v2.1.4無限金幣版
詳情黑月手游免費版v2.2.0安卓版
詳情曙光英雄v1.0.12.0.20無限鉆石版
詳情原始傳奇無限元寶版v1.6.806內購破解版
詳情