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

從開(kāi)端知道CSS(DW4)那時(shí)起,我就知道了CSS的強(qiáng)壯,但從未用CSS排版過(guò),因?yàn)槲覐那皽y(cè)驗(yàn)過(guò)學(xué)習(xí),但感覺(jué)太難了

而且用DW的表格,所見(jiàn)及所得,做起頁(yè)面來(lái)十分的快,排版也容易的多,因?yàn)樽罱�求�?很多公司都要求DIV,CSS,所以我再次測(cè)驗(yàn)學(xué)習(xí)。

1.學(xué)習(xí)方法

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

2.練習(xí)方法

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

3.一本手冊(cè)

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

4.多寫(xiě)多練

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

怎樣學(xué)習(xí)規(guī)范化?

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

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

《樣式表中文手冊(cè)》必備的東西，我一般放在桌面隨時(shí)查詢。里邊供給了詳細(xì)的運(yùn)用說(shuō)明和實(shí)例。

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

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

《html和xhtml威望攻略》應(yīng)該是一本威望的東西書(shū)，沒(méi)有必要通讀，能夠在實(shí)踐規(guī)劃制造過(guò)程中參考。詳細(xì)的敘述了html和xhtml的規(guī)矩界說(shuō)運(yùn)用技巧。

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

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

2、怎樣學(xué)習(xí)

讀寫(xiě)

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

改動(dòng)

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

睡覺(jué)

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

保藏

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

實(shí)踐

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