HTML5中的CSS3特效樣式、Canvas、webgl的介入,不僅加強(qiáng)了網(wǎng)頁(yè)的視覺效果,同時(shí)提高了用戶體驗(yàn)。很多參加千鋒Web前端培訓(xùn)班的學(xué)員在學(xué)習(xí)之初都會(huì)學(xué)習(xí)HTML5和CSS3的內(nèi)容,還會(huì)做一些網(wǎng)頁(yè)設(shè)計(jì),以下就是千鋒某學(xué)員的HTML5學(xué)習(xí)經(jīng)驗(yàn)分享。
一階段我們學(xué)習(xí)了四個(gè)禮拜,主要是學(xué)習(xí)了HTML、CSS2以及HTML5、CSS3的內(nèi)容。對(duì)于HTML5來說,知識(shí)點(diǎn)大多都是屬性的學(xué)習(xí),只要知道屬性如何應(yīng)用,在自己編寫頁(yè)面的時(shí)候就比較輕松。當(dāng)然前提是知道如何布局,無論是網(wǎng)頁(yè)端還是移動(dòng)端,又或者是響應(yīng)式布局,這些在寫頁(yè)面的時(shí)候,只要布局思路清晰,寫起來就比較輕松。
在學(xué)習(xí)的過程中自己大概總結(jié)了一下HTML5網(wǎng)頁(yè)布局應(yīng)該主要的三點(diǎn)事項(xiàng):
1、首先要有大局觀??梢韵葘⒄麄€(gè)頁(yè)面按照上下分成幾個(gè)大模塊,分好幾個(gè)模塊在HTML文件中寫好。不需要寫樣式,在寫的時(shí)候只要一個(gè)模塊一個(gè)模塊書寫,大體布局就不會(huì)亂。
2、書寫局部布局。每個(gè)大模塊里又可以分幾個(gè)小模塊,根據(jù)頁(yè)面來思考是左右布局還是上下布局??赡苡械哪K比較復(fù)雜,但是劃分模塊無非就是上下和左右,一定要層層遞進(jìn)。
3、代碼要明確。在書寫的過程中最好是將代碼寫的明確一點(diǎn),同級(jí)的標(biāo)簽對(duì)齊顯示在頁(yè)面,有利于自己查看和修改代碼,別人看起來也比較清晰明了。
在千鋒Web前端培訓(xùn)班一個(gè)月的學(xué)習(xí)中,我感覺自己過的很充實(shí),早出晚歸的學(xué)習(xí)似乎已經(jīng)成了一種習(xí)慣。每天遠(yuǎn)離手機(jī)好像也過的很不錯(cuò),感覺這是自己最開心的部分。每天還能聽到同學(xué)們的分享演講,了解各種以前不知道的事情。我想,我更多的收獲不僅僅是技術(shù)上的學(xué)習(xí),還有友情,還有生活。