學習網(wǎng)站建造技能CSS布局心得

2016-12-11    分類: 網(wǎng)站建設

從開端知道CSS(DW4)那時起,我就知道了CSS的強壯,但從未用CSS排版過,因為我從前測驗過學習,但感覺太難了

而且用DW的表格,所見及所得,做起頁面來十分的快,排版也容易的多,因為最近求職,很多公司都要求DIV,CSS,所以我再次測驗學習。

1.學習方法

我以為,看他人的代碼是一個十分好的學習方法(前提是你需求有點根底知識),在查看他人的代碼時能夠去除一些重復的,或許一些于CSS無關(guān)的代碼,將更利于咱們剖析,你能夠從中了解到他人是怎樣做的,更深一點,你能夠考慮為什么要這樣做,當然它們做的也不必定全對,就算淘寶,我發(fā)現(xiàn)它們的CSS里邊也有不少的剩余代碼,我從前從淘寶的網(wǎng)頁代碼里邊學到不少的東西,我把根本的框架保存下來,然后剖析,而且我將我的剖析記錄了下來。

2.練習方法

在了解到一些根本的布局方法,以及一些容器的特點之后,能夠測驗自己,編寫一些簡略的布局,遇到出現(xiàn)問題的時分,能夠在google搜索一下,或許想\象理想論壇以及其他一些討論規(guī)范化的論壇詢問一下,會有很多好心人的哦。

3.一本手冊

在遇到問題的時分或許對某個特點不是很了解,或許關(guān)于特點的兼容性不太清楚的時分,這就有很大的作用了。

4.多寫多練

你發(fā)現(xiàn)自己多寫了幾個布局,或許出了一些問題并解決后,你現(xiàn)已根本把握了布局的要點了.

怎樣學習規(guī)范化?

1、幾本書、幾個網(wǎng)站、幾篇貼子。

《網(wǎng)站重構(gòu)》掀起國內(nèi)web規(guī)范熱潮的第一本相關(guān)著作。理論性質(zhì)多一些,全書涉及到詳細操作和代碼的部分很少。新手初度閱覽很可能覺得沒有實踐用處。建議在閱覽學習《CSS網(wǎng)站布局實錄》有了必定的技能根底了再回頭學習,反思自己之前學習和規(guī)劃過程中的問題,這樣才干有效地提高。

《樣式表中文手冊》必備的東西,我一般放在桌面隨時查詢。里邊供給了詳細的運用說明和實例。

《CSS網(wǎng)站布局實錄》較新的一本規(guī)范化著作。告訴你怎樣去寫契合規(guī)范的xhtml和css代碼,告訴你一些常見布局和頁面作用的代碼是什么樣子。這本書很適合初學者,根本上都是針對實例的布局、作用的實踐操作,比較體系的敘述了怎樣進行規(guī)范化網(wǎng)站制造。這本書只是在講詳細的完成,關(guān)于規(guī)范化的概念、網(wǎng)站重構(gòu)的方針這些指導實踐操作的理念性東西幾乎沒有。能夠在學習這本書之后讀一下《網(wǎng)站重構(gòu)》,二者結(jié)合起來學習作用不錯。目前的版本可能因為時間問題,校正很匆促,有不少錯別字和有問題的句子沒,但涉及到代碼到?jīng)]有發(fā)現(xiàn)過錯。

《CSS威望攻略》詳細論述CSS1.0每個特點的規(guī)矩和界說,而且展望了CSS2.0許多誘人的東西。對完成web規(guī)范化有著重要的意義。經(jīng)過本書的學習能夠深入了解瀏覽器怎樣解析特點的規(guī)矩和界說,為準確完成規(guī)劃意圖供給保證。

《html和xhtml威望攻略》應該是一本威望的東西書,沒有必要通讀,能夠在實踐規(guī)劃制造過程中參考。詳細的敘述了html和xhtml的規(guī)矩界說運用技巧。

《javascript威望攻略》作為行為層的主要技能,不學習javascript就不能完好地學習web規(guī)范。

網(wǎng)站規(guī)劃師 最初接觸web規(guī)范化學習必須訪問而且仔細閱覽的網(wǎng)站。包含教程、資訊、參考資料等重要信息。

2、怎樣學習

讀寫

讀書讀上面我推薦的貼子、網(wǎng)站和blog。互聯(lián)網(wǎng)的主旨在于同享和傳播,那些接觸技能比較早的了解和實踐比較深入的朋友給咱們供給經(jīng)歷和教程。要靜下心來,不能僅僅為了一個作用或許一個布局的完成去找答案。而是去了解教程給咱們帶來的完成思路。要體系地讀書也要針對性的收集某個問題的方法去總結(jié)提取。讀到的時分就要寫,寫一些代碼片斷,一些布局結(jié)構(gòu),一些作用的完成。哪怕是照著書敲出代碼來,加深記憶和了解,作用要比單純的度過作用要好得多。

改動

改,不是抄襲。把他人的網(wǎng)站另存下來,改動其中的部分內(nèi)容,看看頁面顯現(xiàn)有什么改變,在這些改變中去了解你所改動部分代碼再完成頁面作用中起到了什么作用。這是一個很重要的學習方法。你看到的作用改變來源于你的改動,這本身便是一個加深記憶和了解的過程。另外一種改法便是把雜亂的頁面簡略化,簡略到能演示作用為主,代碼少了看起來清晰有利于學習?;蛟S把簡略的布局填充內(nèi)容之后看頁面怎樣顯現(xiàn),會不會影響到布局,自適應的仍是固定巨細的,超出固定巨細的內(nèi)容hidden了仍是流向了結(jié)構(gòu)之外?有沒有什么Bug?青蛙用永遠逮不到一個安安靜靜站在那里的蜻蜓,只有蜻蜓飛起來了青蛙才干判斷才干捕食。

睡覺

睡覺前的考慮。在顯現(xiàn)器之外去考慮之前學習到的東西,要有必定的距離和空間高度去看待去考慮,比方今天寫的布局是不是合理,有沒有必要這樣雜亂,如果把浮動改成肯定定位呢。等等,就像作平面規(guī)劃相同,有時分椅子往后一仰,稍稍的遠離屏幕,對之前的細節(jié)處理就能有一個全新的知道。

保藏

好記性不如爛筆頭,總?cè)グl(fā)帖提問也不是方法。把看到的有用的教程收集起來分類整理,比方布局代碼、導航特效、瀏覽器兼容hack寫法等等。樹立自己的文檔庫,時間久了整理整理,如果有適宜的條件不要忘掉和朋友們分享。

實踐

作一個完好的網(wǎng)站/網(wǎng)頁項目,未必要雜亂或許巨大。但至少要有一個完好的頁面,盡可能用熟悉的技能去完成。檢驗自己、發(fā)現(xiàn)問題給自己繼續(xù)學習的動力。

網(wǎng)站欄目:學習網(wǎng)站建造技能CSS布局心得
網(wǎng)址分享:http://www.bm7419.com/news43/71593.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供自適應網(wǎng)站網(wǎng)站內(nèi)鏈、商城網(wǎng)站、品牌網(wǎng)站制作建站公司、企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司