前言

见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。

为什么要写此文章？
把自己感觉对的用文字的形式记录下来。

1、网站栏目划分

网站栏目划分，在前端的角度看就是首页和子页，在佛系点都是页面，然而站在客户的角度想，又有不同的答案，网站是一个企业的另一种展示。而展示的目的是为了证明我是我，我做什么，我能带来什么等等，简单粗暴点就是通过网站推销自己的产品，既然为了推销产品那产品我想有必要作为一个栏目来划分，所以第一个产品栏目就划分好了，每个企业都有自己的新闻动态，那第二个新闻栏目也好了，最重要的是我想是公司信息，所以一定要有联系我们，每个产品和新闻我想应该还需要一个详细的介绍所以还要有产品详情页，新闻详情页
，这样网站栏目划分也就完成了，栏目为产品栏目：新闻栏目，联系我们等等，详情页为：产品详情页，新闻详情页，联系我们详情页等等，这就列举这几个，这不是绝对的，具体情况具体分析。这一刻其实可以把网站看作一个对象，每一个页面可以看作网站的属性和方法。

2、从PSD到网站代码实现

网站结构（HTML）
划分公共模块实现重复使用，要特别注意一下图片大小，因为网站的展品图片是实时变化的，从CMS管理后台添加的时候不一定是符合尺寸大小的，可以把图片宽高固定化，这样就不会出现和前期效果图不一致了。还有就是文本的处理，单行文本不换号，多行折断等等。

网站样式（CSS）
减少冗余和污染不滥用选择器

网站行为（JAVASCRIPT）
对人类友好，多注释，要为了写功能而写代码，尽量不要为了炫技而写语法糖。