您所在的位置:首页 » 亿商头条 » 教育 » 广州HTML5培训要多长时间?千锋分享前端编程四步法

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

有 26012 人浏览   日期:2018-06-05   评论:0 放大字体  缩小字体
文章摘要:广州HTML5培训要多长时间?千锋分享前端编程四步法进入千锋广州HTML5培训班已经有两个月的时间了,感觉在学习过程中收获最大的是在编写HTML页面上,从视觉稿到网页DEMO,基本都在做这样的工作。心情从最初的烦躁、枯燥的调试到轻松自如,再到当下的信手拈来、游刃有余。摆脱了IE6、7 Fuck bug的束缚,每次尝试到不用写一个hack来完成整个页面布局的滋味太过美妙。 也总结出来了自己的一套开发步骤。第一步:整体分析页面布局当拿到视觉稿的时候,不是着手去想怎么编写HTML、CSS代码,而是先从整体上分析

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

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

 

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

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

第二步:归纳统一、分类,切图

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

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

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

第四步:组合成页面。

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

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

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

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

    QQ  : 1660794050

广州校区地址:广州市天河区元岗路310号智汇park创意园E5

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

 
0相关评论
免责声明:
本网站部分内容来源于合作媒体、企业机构、网友提供和互联网的公开资料等,仅供参考。本网站对站内所有资讯的内容、观点保持中立,不对内容的准确性、可靠性或完整性提供任何明示或暗示的保证。如果有侵权等问题,请及时联系我们,我们将在收到通知后第一时间妥善处理该部分内容。

微信

关注亿商在线(yszx99.com)官方微信账号: ,每日获得互联网最前沿资讯,热点产品深度分析!
打赏