网页布局经验分享

Posted 2020-08-19

　　　　今天博主想给大家分享的是，在实际网页制作中，我们通常会遇到到一些问题，以及如何去着手做一整个网页布局。

　　　　首先，我们在接到制作网页的要求和主要素材以及对方想要的网页效果后（前期准备工作），我们更多的要考虑的是一个页面的整体效果以及这个整体里面所包含的小版块是否合理，是否被主流浏览器所兼容。我这里说的主流浏览器主要是指IE、firefox、谷歌等一些我们日常使用率较高的浏览器。

　　　　在我看来，首先我们并不需要拿着素材及要求以后提手就码代码，毕竟有经验的码农都知道，先把具体的操作思路有个大致的思维导图以后，再进行下一步操作，我们完全可以在操作的同时验证自己的思维是否正确，再一部分一部分去完成，但是我要提醒大家的是，在码代码的同时有思路清晰的同时，一定要写注释，因为很多时候代码太多，如果不写注释，再回头去看，稍有更改，你会发现自己之前做的被自己改的面目全非且不知道原因何在，所以注释有时候真的很关键。那么关于html的注释、css层级样式表的注释、javacsript的注释怎么写，我今天先不在这里做过多的铺叔，如果先前有看过博主的博客，应该都知道，这些我会陆陆续续，更新出来。

          那么，我们在着手做的时候我们应该注意哪些方面。

         第一个：又大及小；先从整体布局开始着手是确定无疑的，但是很多时候，如果我们注意细节，就会发现，客户在要求中给了我们更多实际而有利于符合客户心理群的意见。一个网页的界面大小，分为几个部分，主要部分是什么、这些部分应该采用什么样的样式效果。通过客户语言我们其实都可以扑捉到。

　　  第二个：又细入微；微到什么地步呢？做出来的页面效果色彩搭配其实也很重要，不是一个十六进制的颜色选取那么简单。不同的色彩搭配出来的效果不一样，看的时候的心理不一样。同时我们也要在大板块下划分几个小板块，小版块再由细小部分组成，细小部分还可以进行分化；最后这些组合成不同的板块，并凑成整体。紧凑且有规律可循。

       在实操中，DIV+CSS用到的会比较多，出现的问题也会比较多。我们在应用时，更多的是注意大的方向和小的细节。穿插使用其实也没有那么难，实际上风的方向一万种，每个人的思路也不是死的。灵活运用积极创新才是我们寻求的，如果都是依靠前辈的老思维方法，漏洞或许少，推陈出新就难了。

　   这只是作为一篇经验篇，进行小部分的总结分享，后期会陆续更新DIV+CSS与HTML的不同。