电脑版和手机版网站的网页布局、宽度尺寸、文字大小？
创建时间：2019-01-03 09:16
넶浏览量：0
本文详细介绍了电脑版网站和手机版网站的网页布局、网页宽度尺寸、文章文字大小的设计技巧？
先介绍电脑版网站的布局，一般采用以下布局。网页一般宽度在1180左右就可以了。
顶部是页头，主要放LOGO、导航栏目、BANNER通栏广告图片。
底部是页尾，可以放友情链接，联系信息、备案服务号、版权等信息。
中间分成左右两栏，左栏主要是放各页面的具体内容，例如文章、产品等。右栏放一些小广告、热点文章等。
左栏宽度是840，右栏宽度是340，合计正好是1180。
设计图片时按这个尺寸设计图片就行了，太大的图片会影响网站速度，如果太大，还是用PS改小一些。这也是网页优化的重点。
以下是电脑版的样例：为了显示的完整些，我将图片压缩成了。
文字大小，导航和文章标题为18号，内容为16号，这样看起来要省事些。太大了放的字少，太小看起来费劲。。
手机版网站由于比较窄，就不能分左右栏了，一般都是上中下三栏。
顶部是页头，主要放LOGO、导航栏目、BANNER通栏广告图片。
底部是页尾，主要放备案服务号、版权等信息。
中间只有1栏，主要是放各页面的具体内容，例如文章、产品等。
以下是手机版网站的样例。
手机版的文字要比电脑小一些。文章标题和导航一般用14号字就可以了，内容可以用12号字。
