一、模块分析
1.每开发一个项目之前，首先要对项目进行一个大致规划，它到底要做什么功能，它有什么具体需求。
2.所以需要进行模块化分析，把这些东西具象化，把一个问题模块化，对需求有一个宏观的了解。
3.有一个模块的概念后，把模块进行细分，细分成更小的模块，然后逐一击破。
不进行模块分析的恶劣影响：
不做模块分析，一上手就想到哪儿做到哪儿，很容易一叶障目，不能看到全貌，你会发现做着做着就失控了。因为有些地方出现了矛盾，你会发现要修改的成本很高，还不如推倒重写。
新手很容易着眼于细节，首先不应该从细节开始做。
二、整体分析
首先做一个页面分析：
1.body下只含page-wrapper和menu；
2.page-wrapper含一个header、一个footer和五个section：banner、one、two、three、cta。
三、组件分析
1.header下有一个h1、nav
2.一个页面最好只有一个h1，nav下含一个ul，ul里含li，li里含a，目前只有一个a标签，但为了之后的可扩展性，还是要这么灵活的写。
3.banner下含inner，和向下滚动的按钮a；inner含p，ul、li、a按钮；
4.one下有一个inner div，为了约束内容的宽度，让内容不会溢出。div下有一个header、一个ul下有三个同级图片li
5.two下有3个section，每个section下分别有一个image和一个content区域
6.three下有一个inner div，div中有一个header、6个div
7.cta与上面没什么差异
8.footer下有2个span