HTML开发——项目心得（关于web布局以及代码冗余问题）

刚刚完成了一个练习小项目，这个项目包含了几个网页，但这几个网页的框架基本上是相同的。那么在做这样的

项目时，首先要做的除了对单个网页的框架进行设计以外，我们还应该注意代码的冗余问题，就是要使你设计的

那个框架能够很好的兼容这几个网页的内容，达到写最少的代码实现同样的功能的效果。比如在这个项目中我们

会发现，这些网页的布局框架都是上中下结构，而且顶部和底部是完全相同的，只有中间部分稍有不同。因此在

最初设计框架的时候按上中下来分就好了，中间的具体做时再做确定。对于完全相同的那两部分我们直接把代码

放到公共文件夹里面就好了，之后再引用即可。然后要注意的就是，框架的伸缩性问题，虽然说模样差不多，但

长短宽高什么的可能会不一样，这时对于主体内容的宽高设置最好采用百分比，这样如果要改的话直接改包含在

最外层的宽高即可，当然对于那些固定了大小的标识我们把宽高固定下来就好了。以下是项目截图