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

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

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

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

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

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

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

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

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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值