网站设计和布局基本上都是一个人或者两个人搞，但是对于设计和布局应该怎么做，创新互联觉得一般来说分工虽然可以不太严密，但是却都需要对这些有一定的了解。有时候用户对设计师的设计有点难以理解和还原，这时候我们可以看到最主要的原因还是他们对浏览器和屏幕的理解不一样。也有的是因为效果太绚，颜色太多。更有甚者是使用flash制作嫌浪费。下面，我们来看一些设计布局和屏幕效果的关系。

对于屏幕分辨率，大多数还是以1024×768为主。现在我们不能确定用户的ie装了几个插件，另外，插件越多，浏览器显示高度越低。而且也不能确定用户的显示器是否设置正确，不能确定用户显示器的分辨率是否为好分辨率。其典型在于某些宽屏或高屏显示器，有的是等比例缩小后留白。而更有甚者则是满屏拉伸。比例就不对了。要使得网页满屏。很多人说宽度1003，也有人说是1004。是不是呢?假设客户要求网页满屏。那么，你就要晓得用户的显示器尺寸的屏幕分辨率。如果客户对这玩意认知度很低。就不要轻易去改人家的分辨率。我1440×900的宽屏，我用1024×768的分辨率，我乐意。这样的话你怎么说呢?如果这客户要求一定要满屏，那么问题又出现了，如果交货的时候客户换了一台不同尺寸的显示器呢?分辨率变大了，你的网页窄了，分辨率小了，你的网页宽了!你咋办。这时候就会很纠结。其实满屏也分两种，我姑且命名一种为内容满屏，一种为视觉满屏。而且所谓内容满屏，就是指网站上的东西，左边界就在显示器左边界，右边界就是在显示器右边界。好的解决办法就是使用百分比。而百分比带来的负面效应。但是会使得设计及制作难度增加。而所谓视觉满屏，其实是一种取巧的做法。而这种方法。其实很简单，一个网站的头部，无非就是导航和banner，如果导航在最上边，那么，将导航的背景呈100%，导航居中。如果banner在最上边，那么注意处理图片两端，还是100%宽+背景。

另外就是虽然内容宽度还有可能是1000、1003、甚至是900或更低，视觉上依然是百分百的宽度，只要避免最小宽度大于浏览器宽度、或客户的显示器分辨率宽度大于你的最小宽度。最后就是布局和循环的问题，说网页制作，直角最简单。布局以按照设计稿为标准。或者说叫使用html还原设计稿。对于布局，问题最大的，其实还是在设计和还原效果上!虽然可以使用css的负值、浮动、重叠等属性进行不规则布局，但问题依然存在，工作量和难度有可能依然会翻倍。对于复杂的设计稿、复杂的效果、甚至是过分的设计，要懂得如何降低使用html还原设计稿的工作量及难度。

文章名称：网页布局和网站设计之间的关系
路径分享：http://scyingshan.cn/view/145199.html