前端开发中,当需要做一个网站时,第一步便是UI设计师设计页面图片,然后是前端工程师将UI设计的图片用代码做出真实的页面,并且一定要精准到像素级别,比如padding多少像素,margin多少等等都要求非常精确,其次就是后端开发人员将网站逻辑实现。
今天来说说前端工程师所要做的,如何将页面搭建出来,对于新手来说,一个合理的步骤将会带来全新的认识。
说说我的经验,一般自己一个人做网站的时候,前端和后端都要自己解决,也没人给你设计页面,所以做的时候都是从网上找一个和自己需求差不多的网站,对照着人家的样式自己做页面。
做的时候用sublime或者webstorm,它们提供快速代码生成功能特别好,标签也能快速生成,
比如做导航条的时候,需要用到无序列表,一般来说都是ul中有好多个li,用sublime就可以这样写:ulli*10
然后按tab键就能够生成一个包含了十个li的ul标签,特别方便,还支持这样的:ulli*10a
这样生成的10个li中每一个li又都包含一个a标签,所以特别方便。
最关键的,写页面的时候用sublime快速将html写出来,写html的时候css不用问,只要你心中能够知道这些html标签能够实现什么样的效果就行了。最后写完了在一点点写css,写的时候就像一点点盖房子一样,特别有成就感。
好了,今天就写到这里,实在是太热了……