【认知理解01】PC端静态页面开发整理流程

简化版流程

版心

HTML结构

填写内容

书写样式

详细介绍版流程

1 确定页面的版心（可视区、页面当中最重要的部分），确定其宽度的大小；一般网页中，主体内容的大小都和版心宽度相同。因此，确定版心的宽度的大小极其重要；

2 分析页面当中行、列模块布局，以及每个行模块中列模块的布局方式，页面布局的第一准则

3 确定列模块的大小以及列的位置，页面布局第二准则

4 制作HTML结构，利用盒子模型

1. 书写html结构页面中的内容，包括文字信息、图片信息、字体图标等
2. 为内容添加CSS样式
   1. 首要判断模块之间有无相同样式，如果大量集中相同样式；则可以设置一个公共区域类名，用到公共样式时，直接调用类名

总之，遵循“先有结构，后有样式”原则，HTML结构最重要！