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

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

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

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

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

2.練習(xí)方法

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

3.一本手冊

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

4.多寫多練

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

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

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

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

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

《CSS網(wǎng)站布局實(shí)錄》較新的一本規(guī)范化著作。告訴你怎樣去寫契合規(guī)范的xhtml和css代碼，告訴你一些常見布局和頁面作用的代碼是什么樣子。這本書很適合初學(xué)者，根本上都是針對實(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í)作用不錯。目前的版本可能因?yàn)闀r間問題，校正很匆促，有不少錯別字和有問題的句子沒，但涉及到代碼到?jīng)]有發(fā)現(xiàn)過錯。

《CSS威望攻略》詳細(xì)論述CSS1.0每個特點(diǎn)的規(guī)矩和界說，而且展望了CSS2.0許多誘人的東西。對完成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)歷和教程。要靜下心來，不能僅僅為了一個作用或許一個布局的完成去找答案。而是去了解教程給咱們帶來的完成思路。要體系地讀書也要針對性的收集某個問題的方法去總結(jié)提取。讀到的時分就要寫，寫一些代碼片斷，一些布局結(jié)構(gòu)，一些作用的完成。哪怕是照著書敲出代碼來，加深記憶和了解，作用要比單純的度過作用要好得多。

改動

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

睡覺

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

保藏

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

實(shí)踐

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

網(wǎng)站欄目：學(xué)習(xí)網(wǎng)站建造技能CSS布局心得
網(wǎng)址分享：http://www.muchs.cn/news43/71593.html

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

廣告

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