由于前两天,家里面有事,一直没有更新,很是抱歉,我给大家准备了点礼物,放在文章的最后面了。



我们回归正题,我们进行网页布局,应该怎么布局呢?我们应该考虑的是,我们进行网页布局,应该更多部分去满足客户的需求。提高排版效率,我们应该有一个很好的排版布局思路。



第一步,一般都是版心的大小,我们这个网页应该设置多大的版心,半新的大小是用户的可视区域。这些可以通过测量得知。一般情况,都是在浏览器窗口居中对齐。一般大小有:960px、980px、1000px、1200px。



第二步就是分析页面各大模块以及每一个模块里面的一些列模块,一般就是head(top)nav(导航栏)banner(广告部分)商品模块 footer页脚部分(版权部分)。其实这个是页面布局的第一准则。



第三步呢,我们一般开始利用浮动布局来设置大模块里面每一个列模块的位置的位置。这个就是页面布局的第二准则了。



第四部就是html的结构了,结构比样式重要,一定要先有结构后有样式。就比如我们没有身体,穿再多好看的衣服的是徒劳无功,想到这我就想到了(穿新衣的国王,虽然相反吧,哈哈哈)。



第五步就是理清前面的思路,然后进行代码书写。为了提高代码书写速度,我给大家推荐一本书:


《代码整洁之道》讲述了一系列行之有效的整洁代码操作实践。软件质量,不但依赖于架构及项目管理,而且与代码质量紧密相关。这一点,无论是敏捷开发流派还是传统开发流派,都不得不承认。《代码整洁之道》提出一种观念:代码质量与其整洁度成正比。干净的代码,既在质量上较为可靠,也为后期维护、升级奠定了良好基础。作为编程领域的佼佼者,这些实践在《代码整洁之道》中体现为一条条规则(或称“启示”),并辅以来自现实项目的正、反两面的范例。只要遵循这些规则,就能编写出干净的代码,从而有效提升代码质量。



写了这么多,福利给大家准备好了,大家在公众号主页回复:福利领取   就可以领取福利了,如果大家对我的描述有疑问,可以查看文章:福利这篇文章有我们福利的所有介绍。(大家直接点击就可以跳转文章)感谢大家的关注,你们的陪伴是我路上最亮的灯,我会坚持把文章写下去的。今天,我还像往常一样翻着掘金,看到了一张图,就很棒宝,网页布局整体思路原来是这样_代码质量我会大家放上来了。

宝,网页布局整体思路原来是这样_页面布局_02



你好,我叫她的码农,致力于web开发领域,分享web开发知识以及学习经验,关注我,你可以有质的飞跃。

回复【领取福利】,我为大家准备了很多学习资料,比如ppt,python实战,web基础学习,原生js特效,css特效等

回复【进群交流学习】,添加助理微信,助理会拉大家进群,群里有很多公众号号主,学校老师,web领域开发者,不懂得可以发群里,大家一起讨论学习。

我们在web前端相遇,我们也要在web精进这方面成为彼此最好的老师。

感谢大家关注!!