2016-12-11 分類: 網(wǎng)站建設(shè)
從開端知道CSS(DW4)那時(shí)起,我就知道了CSS的強(qiáng)壯,但從未用CSS排版過,因?yàn)槲覐那皽y(cè)驗(yàn)過學(xué)習(xí),但感覺太難了
而且用DW的表格,所見及所得,做起頁面來十分的快,排版也容易的多,因?yàn)樽罱舐?很多公司都要求DIV,CSS,所以我再次測(cè)驗(yàn)學(xué)習(xí)。
1.學(xué)習(xí)方法
我以為,看他人的代碼是一個(gè)十分好的學(xué)習(xí)方法(前提是你需求有點(diǎn)根底知識(shí)),在查看他人的代碼時(shí)能夠去除一些重復(fù)的,或許一些于CSS無關(guān)的代碼,將更利于咱們剖析,你能夠從中了解到他人是怎樣做的,更深一點(diǎn),你能夠考慮為什么要這樣做,當(dāng)然它們做的也不必定全對(duì),就算淘寶,我發(fā)現(xiàn)它們的CSS里邊也有不少的剩余代碼,我從前從淘寶的網(wǎng)頁代碼里邊學(xué)到不少的東西,我把根本的框架保存下來,然后剖析,而且我將我的剖析記錄了下來。
2.練習(xí)方法
在了解到一些根本的布局方法,以及一些容器的特點(diǎn)之后,能夠測(cè)驗(yàn)自己,編寫一些簡(jiǎn)略的布局,遇到出現(xiàn)問題的時(shí)分,能夠在google搜索一下,或許想\象理想論壇以及其他一些討論規(guī)范化的論壇詢問一下,會(huì)有很多好心人的哦。
3.一本手冊(cè)
在遇到問題的時(shí)分或許對(duì)某個(gè)特點(diǎn)不是很了解,或許關(guān)于特點(diǎn)的兼容性不太清楚的時(shí)分,這就有很大的作用了。
4.多寫多練
你發(fā)現(xiàn)自己多寫了幾個(gè)布局,或許出了一些問題并解決后,你現(xiàn)已根本把握了布局的要點(diǎn)了.
怎樣學(xué)習(xí)規(guī)范化?
1、幾本書、幾個(gè)網(wǎng)站、幾篇貼子。
《網(wǎng)站重構(gòu)》掀起國(guó)內(nèi)web規(guī)范熱潮的第一本相關(guān)著作。理論性質(zhì)多一些,全書涉及到詳細(xì)操作和代碼的部分很少。新手初度閱覽很可能覺得沒有實(shí)踐用處。建議在閱覽學(xué)習(xí)《CSS網(wǎng)站布局實(shí)錄》有了必定的技能根底了再回頭學(xué)習(xí),反思自己之前學(xué)習(xí)和規(guī)劃過程中的問題,這樣才干有效地提高。
《樣式表中文手冊(cè)》必備的東西,我一般放在桌面隨時(shí)查詢。里邊供給了詳細(xì)的運(yùn)用說明和實(shí)例。
《CSS網(wǎng)站布局實(shí)錄》較新的一本規(guī)范化著作。告訴你怎樣去寫契合規(guī)范的xhtml和css代碼,告訴你一些常見布局和頁面作用的代碼是什么樣子。這本書很適合初學(xué)者,根本上都是針對(duì)實(shí)例的布局、作用的實(shí)踐操作,比較體系的敘述了怎樣進(jìn)行規(guī)范化網(wǎng)站制造。這本書只是在講詳細(xì)的完成,關(guān)于規(guī)范化的概念、網(wǎng)站重構(gòu)的方針這些指導(dǎo)實(shí)踐操作的理念性東西幾乎沒有。能夠在學(xué)習(xí)這本書之后讀一下《網(wǎng)站重構(gòu)》,二者結(jié)合起來學(xué)習(xí)作用不錯(cuò)。目前的版本可能因?yàn)闀r(shí)間問題,校正很匆促,有不少錯(cuò)別字和有問題的句子沒,但涉及到代碼到?jīng)]有發(fā)現(xiàn)過錯(cuò)。
《CSS威望攻略》詳細(xì)論述CSS1.0每個(gè)特點(diǎn)的規(guī)矩和界說,而且展望了CSS2.0許多誘人的東西。對(duì)完成web規(guī)范化有著重要的意義。經(jīng)過本書的學(xué)習(xí)能夠深入了解瀏覽器怎樣解析特點(diǎn)的規(guī)矩和界說,為準(zhǔn)確完成規(guī)劃意圖供給保證。
《html和xhtml威望攻略》應(yīng)該是一本威望的東西書,沒有必要通讀,能夠在實(shí)踐規(guī)劃制造過程中參考。詳細(xì)的敘述了html和xhtml的規(guī)矩界說運(yùn)用技巧。
《javascript威望攻略》作為行為層的主要技能,不學(xué)習(xí)javascript就不能完好地學(xué)習(xí)web規(guī)范。
網(wǎng)站規(guī)劃師 最初接觸web規(guī)范化學(xué)習(xí)必須訪問而且仔細(xì)閱覽的網(wǎng)站。包含教程、資訊、參考資料等重要信息。
2、怎樣學(xué)習(xí)
讀寫
讀書讀上面我推薦的貼子、網(wǎng)站和blog?;ヂ?lián)網(wǎng)的主旨在于同享和傳播,那些接觸技能比較早的了解和實(shí)踐比較深入的朋友給咱們供給經(jīng)歷和教程。要靜下心來,不能僅僅為了一個(gè)作用或許一個(gè)布局的完成去找答案。而是去了解教程給咱們帶來的完成思路。要體系地讀書也要針對(duì)性的收集某個(gè)問題的方法去總結(jié)提取。讀到的時(shí)分就要寫,寫一些代碼片斷,一些布局結(jié)構(gòu),一些作用的完成。哪怕是照著書敲出代碼來,加深記憶和了解,作用要比單純的度過作用要好得多。
改動(dòng)
改,不是抄襲。把他人的網(wǎng)站另存下來,改動(dòng)其中的部分內(nèi)容,看看頁面顯現(xiàn)有什么改變,在這些改變中去了解你所改動(dòng)部分代碼再完成頁面作用中起到了什么作用。這是一個(gè)很重要的學(xué)習(xí)方法。你看到的作用改變來源于你的改動(dòng),這本身便是一個(gè)加深記憶和了解的過程。另外一種改法便是把雜亂的頁面簡(jiǎn)略化,簡(jiǎn)略到能演示作用為主,代碼少了看起來清晰有利于學(xué)習(xí)?;蛟S把簡(jiǎn)略的布局填充內(nèi)容之后看頁面怎樣顯現(xiàn),會(huì)不會(huì)影響到布局,自適應(yīng)的仍是固定巨細(xì)的,超出固定巨細(xì)的內(nèi)容hidden了仍是流向了結(jié)構(gòu)之外?有沒有什么Bug?青蛙用永遠(yuǎn)逮不到一個(gè)安安靜靜站在那里的蜻蜓,只有蜻蜓飛起來了青蛙才干判斷才干捕食。
睡覺
睡覺前的考慮。在顯現(xiàn)器之外去考慮之前學(xué)習(xí)到的東西,要有必定的距離和空間高度去看待去考慮,比方今天寫的布局是不是合理,有沒有必要這樣雜亂,如果把浮動(dòng)改成肯定定位呢。等等,就像作平面規(guī)劃相同,有時(shí)分椅子往后一仰,稍稍的遠(yuǎn)離屏幕,對(duì)之前的細(xì)節(jié)處理就能有一個(gè)全新的知道。
保藏
好記性不如爛筆頭,總?cè)グl(fā)帖提問也不是方法。把看到的有用的教程收集起來分類整理,比方布局代碼、導(dǎo)航特效、瀏覽器兼容hack寫法等等。樹立自己的文檔庫,時(shí)間久了整理整理,如果有適宜的條件不要忘掉和朋友們分享。
實(shí)踐
作一個(gè)完好的網(wǎng)站/網(wǎng)頁項(xiàng)目,未必要雜亂或許巨大。但至少要有一個(gè)完好的頁面,盡可能用熟悉的技能去完成。檢驗(yàn)自己、發(fā)現(xiàn)問題給自己繼續(xù)學(xué)習(xí)的動(dòng)力。
網(wǎng)頁題目:學(xué)習(xí)網(wǎng)站建造技能CSS布局心得
標(biāo)題網(wǎng)址:http://jinyejixie.com/news/71593.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計(jì)公司、云服務(wù)器、網(wǎng)站建設(shè)、網(wǎng)站排名、服務(wù)器托管、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容