時(shí)間:2013-02-11 來(lái)源:武漢網(wǎng)whw.cc 作者:whw.cc 我要糾錯(cuò)
1.保持用記事本寫(xiě)
我真正的接觸div+css也不過(guò)一年網(wǎng)站建設(shè),所以也是個(gè)初學(xué)者,開(kāi)始也一樣在DW里面拖拖拽拽,做貨色的時(shí)候全部在設(shè)計(jì)視圖下素來(lái)不看也不論頁(yè)面代碼什么樣的,我們老師也是那樣教的,那時(shí)候?qū)W(wǎng)頁(yè)的概念就是圖片,動(dòng)畫(huà)的堆砌。畢業(yè)加入工作以后,很慶幸,遇到了一個(gè)不錯(cuò)的主管,在最初學(xué)習(xí)css給了我很大的贊助。請(qǐng)求我完整用記事本寫(xiě),于是我向隔壁的美工借了本書(shū),本國(guó)的詳細(xì)什么名字忘卻了,紅白封面,還有一本叫做《CSS基本教程》感覺(jué)還不錯(cuò)。下個(gè)了蘇昱的css幫助手冊(cè),就一邊寫(xiě),一邊看書(shū),查手冊(cè)。
興許我的方式不是最好的,但是很合適我網(wǎng)頁(yè)制作。假如開(kāi)端過(guò)多的依附于軟件,css里面的很多樣式須要良久才會(huì)記得,用起來(lái)天然不會(huì)得心應(yīng)手,等緩緩熟記了手冊(cè)里的每個(gè)款式以后,為了進(jìn)步開(kāi)發(fā)效力,再用(Dreamweaver簡(jiǎn)寫(xiě),下同)寫(xiě)。
2.養(yǎng)成好的書(shū)寫(xiě)習(xí)慣
記得大學(xué)時(shí)候一個(gè)教我們delphi老師說(shuō)過(guò),好的程序員寫(xiě)出的程序像詩(shī)一樣,錯(cuò)落有致,很有美感。我想說(shuō)我們?cè)趯?xiě)html和樣式的時(shí)候也應(yīng)當(dāng)是這樣的,好比在寫(xiě)html的時(shí)候,我的習(xí)慣是div標(biāo)簽成對(duì)寫(xiě)好,再填內(nèi)容。不然很容易落下封閉標(biāo)簽,呈現(xiàn)過(guò)錯(cuò)很難排查,有人會(huì)說(shuō)了,寫(xiě)簡(jiǎn)單的頁(yè)面可以,但是寫(xiě)大的頁(yè)面,通常多少十個(gè)套在一起,容易寫(xiě)串,這種情形也會(huì)有,這就要靠適當(dāng)?shù)慕忉專(zhuān)s進(jìn)來(lái)防止了。寫(xiě)css的時(shí)候網(wǎng)上有很多推舉的標(biāo)準(zhǔn),比如菜單類(lèi)用menu,版權(quán)用CoryRight,底部用footer等等,在書(shū)寫(xiě)次序上個(gè)別是:顯示屬性-本身屬性-文本屬性。當(dāng)然這些都沒(méi)有硬性的劃定,但是遵守一些不成文的規(guī)定不是壞事,這樣讓本人寫(xiě)的代碼,輕易讓別人讀懂。
3.走出誤區(qū)
誤區(qū)一,web標(biāo)準(zhǔn)就是全體用div。
許多以前用table布局的人,學(xué)了div+css當(dāng)前,你在他的代碼里就再也找不到table了,感到用table是件不光榮的事。事實(shí)并非如斯,web2.0 標(biāo)準(zhǔn)也沒(méi)明白提到用table仍是div,由于table也是合乎xml規(guī)矩的。含有table的頁(yè)面照樣能夠通過(guò)XHTML1.0的驗(yàn)證。 再者,div+css可能是萬(wàn)能的,但在有些方面并不是最好的。比方我們?cè)谧鲆粋(gè)表單,table相對(duì)是最好的解決計(jì)劃,div實(shí)現(xiàn)起來(lái)絕對(duì)沒(méi)有table來(lái)的簡(jiǎn)練。
誤區(qū)二,必定要通過(guò)驗(yàn)證。尺度只是促使我們?cè)诟袘焉系母虏皇呛?jiǎn)略的代碼的轉(zhuǎn)變。良多人用js詐騙validator,通過(guò)驗(yàn)證,這樣不通不外驗(yàn)證的頁(yè)面制作網(wǎng)站,然而通過(guò)驗(yàn)證并不是我們的終極目標(biāo)。咱們想寫(xiě)出在互聯(lián)網(wǎng)上暢通無(wú)阻的網(wǎng)頁(yè),用戶(hù)便利應(yīng)用的網(wǎng)頁(yè)。
誤區(qū)三,hack用的越多,名堂越多自己的程度越高。當(dāng)我們碰到不兼容的問(wèn)題,通常會(huì)想到hack,但是最好是先試了其余所有可行的辦法,寫(xiě)出簡(jiǎn)單而契合標(biāo)準(zhǔn)的代碼,不得已才用hack.因?yàn)榫W(wǎng)頁(yè)閱讀器的支持(向前兼容)不應(yīng)該僅限于對(duì)從前瀏覽器的支撐,更應(yīng)該是對(duì)將來(lái)的瀏覽器的支持(向后兼容),所以我們盡量做到標(biāo)準(zhǔn),才不會(huì)過(guò)期。
4.毅力
這個(gè)就未幾說(shuō)了,做任何事都需要,寫(xiě)樣式更是。樣式就那幾個(gè),標(biāo)簽也就那幾個(gè),翻來(lái)覆去是不會(huì)少的。調(diào)瀏覽器的兼容性更是需要耐性和毅力。
上邊只是我在學(xué)習(xí)中的一些領(lǐng)會(huì),可能高手是不屑看的,盼望對(duì)初學(xué)者有所輔助。 本文章由:http://www.haidanet.cn 整理發(fā)布!
標(biāo)簽:
虛擬手機(jī)號(hào)碼 香港辦公室租金 酒店vi設(shè)計(jì) 愛(ài)幸福 手機(jī)app軟件下載 bitget官方網(wǎng)站 WPS下載
關(guān)于我們 | 打賞支持 | 廣告服務(wù) | 聯(lián)系我們 | 網(wǎng)站地圖 | 免責(zé)聲明 | 幫助中心 | 友情鏈接 |
Copyright © 2022 whw.cc Inc. All Rights Reserved. 武漢網(wǎng) 版權(quán)所有
鄂ICP備19009404號(hào)-6 公安備 42010502000112