码迷,mamicode.com
首页 > Web开发 > 详细

静态网页代码书写习惯之我见

时间:2016-08-23 07:59:44      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

自学前端一个多月了,但是还没有完整地学习过一个电商网站的开发。这两天看了慕课网的视频“手把手教你电商网站开发”,觉得老师讲的很好,尤其是书写代码的习惯很好,总结如下:

第一:建立一个项目文件夹,里面包括html,css,js,images等文件夹,文件夹下面可以根据实际情况嵌套多个子文件夹和子文件,保证文件结构清晰有条理,同时要注意,文件夹和文件的命名最好有语义,让人一看就明白大概是什么。

第二:分析页面结构,即html框架,心里有谱后,然后开始书写,清晰优美的结构很重要。

第三:html大结构搭好后,可以开始写css样式了。书写前,可以把页面不同板块间的相同样式抽取出来,即公用样式,公用样式的抽取和书写到位,可以很大程度上提高书写和运行代码的效率。

第四:公用样式书写好后,此后书写每一个版块的css样式之前,建议书写注释,用于解释下面的代码是描述哪一版块的样式,这样无论代码再多,都能很清楚的把css样式和html结构对应起来,方便日后自己或者他人查看,而且很清晰美观。

第五:一个页面做好后,一定还要用不同的浏览器查看效果和进行调试,即不同浏览器之间的兼容性问题,尤其是被老师多次提到的”万恶的IE6“,基本每次书写好后,”万恶的IE6“都会出现各种不合拍的情况,此时就需要回头查看代码,看下问题出在哪里,耐心调试,直到问题解决。

 

静态网页代码书写习惯之我见

标签:

原文地址:http://www.cnblogs.com/iceflorence/p/5796051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!