广州HTML5培训要多长时间？千锋分享前端编程四步法​

广州HTML5培训要多长时间？千锋分享前端编程四步法

进入千锋广州HTML5培训班已经有两个月的时间了，感觉在学习过程中收获最大的是在编写HTML页面上，从视觉稿到网页DEMO，基本都在做这样的工作。心情从最初的烦躁、枯燥的调试到轻松自如，再到当下的信手拈来、游刃有余。摆脱了IE6、7 - bug的束缚，每次尝试到不用写一个hack来完成整个页面布局的滋味太过美妙。 也总结出来了自己的一套开发步骤。

第一步：整体分析页面布局

当拿到视觉稿的时候，不是着手去想怎么编写HTML、CSS代码，而是先从整体上分析页面的布局，观察页面各个模块的间距差别、划分header，body，footer、CSS Sprites、切图事宜、页面色调、背景如何设置等等。之后再细化到每个模块的布局，从外到内，逐步细化。可以说，这一步是非常关键的，它给了下面将要进行的代码编写一个整体的框架布局。

第二步：归纳统一、分类，切图

整体分析过后，就是归类、组合模块的时候了。这一步还是的需要从整体来看，分析页面哪些模块的样式相似(常见的就是ul列表，以及一些图文编排)，包括颜色、样式、修饰、背景、宽度、padding、margin、border等等。将相似的模块的样式归类，这为接下来编写CSS代码大有好处，可以最大化的精简CSS代码。

第三步：拆分模块、规划HTML结构、规划并编写CSS

在前期工作都做了之后，这步就到了动手写代码的时候了，我喜欢将每个模块或者列拆分开来编写，这样做的好处是我可以先不管整体布局，从HTML语意化的角度架构HTML结构。此时HTML代码较少，在编写CSS以及查看HTML代码的时候不用花费太多时间了

第四步：组合成页面。

在每个模块都编写好之后，每个拆分的模块整合起来，同时也清理CSS文件的代码，就可以收工了，看到一个项目作品在自己手中逐渐呈现出来，真的会很有成就感的。

如果你对前端感兴趣，那就赶紧来千锋广州校区看看吧!

更多广州千锋培训信息请点击官网：http://gz.mobiletrain.org/

培训咨询专线：020-22119207   400-654-7778

咨  询  QQ  : 1660794050

广州校区地址：广州市天河区元岗路310号智汇park创意园E座5层

广州HTML5培训要多长时间？千锋分享前端编程四步法