网站建设中宽屏网页应该如何布局 宽度1280最合适? 超大图片和视频可以作为页面的背景,也可以仅仅就是一张图像,能够营造优秀的视觉效果,但是不推荐使用一些普通平凡的照片作为大图,推荐使用一些有特色能够吸引眼球的照片。网站光有图片肯定不行,还要有文字搭配。大号文字能带来一种“重要”的感觉,让人难以忘记。当页面中句子比较简洁、直截了当的时候,建议使用这种超大文本的布局方式。重点展示案例作品的网站很适合采用超大设计,大图片更便于展示作品,体现作品风格。 以及食品与服装类网站,大幅的美食图或者模特图总能起到吸引人的作用。
由于现在宽屏显示器的流行,实际上,页面宽度早已经远远大于我们的“习惯”参数了。但,我们不可能给每个显示器定制专属的页面,所以,从技术上,可以这样处理:body{margin:0 auto 0;padding:0;}#main{width:1000px;height:auto;margin:0 auto 0;padding:......}或者:将BODY的背景图片按横向平铺,内容都以百分比来限制宽度,不过对于DIV+CSS布局中的子容器可能不容易定位,但主要内容也有个最小宽度(比如1000像素,建议不要小于800像素)。这样不管什么样的显示器,页面内容都能正常显示了。
当然,并不是页面中所有元素都必须大。巧妙的搭配和组合更为重要,这样才能达到最好的视觉冲击。
大图像必须清晰、深刻、传递明确的信息。如果网站是关于食物,那么尽可能多的展示出食物、菜品的细节。最好的大图网页设计既能保持色彩的缤纷多样,又能保持整个页面的可读性。因此必须选取一流的图片,尽量避免使用图片库中的图片,因为你在用这种图片,别人可能也在用,只有独一无二才能保证吸引力。字体的选择也很重要。可以使用一些超过85磅的字体,新奇的字体也能带来极强的视觉冲击。试着将字体与色彩结合,逐渐调整,以达到最好的效果。
超大网页设计的网站的导航很重要,适合使用简单的导航方式。一般会采用一页式网页设计,锚导航工具就很不错,要保持导航的始终可见性。尽量不要使用复杂的js效果,例如大背景切换等,除非能保证这些效果的流畅性。否则过繁的特效会使用户的体验度瞬间下降。
先用动态语言检测显示屏模式,然后预先设置3种模式,800*600,1024*768,1280*1024,宽度设置一般是在原宽度设置减25,并把要显示的图片也设置为三种显示模式的,虽然这样做维护的时候需要做三种模式的图片,无形中维护的工作加大,但是对于不同的显示屏来说,就可以随时都满屏了~~~ 如果你是想不那么麻烦的话,可以考虑775的做发,那样无论你是什么显屏他都只会显示775,但是有一个缺点,就是显屏分辨率设置越大,显示起来网站就会显示得越小了~~~ 加上显示的显示屏大多都有1024*768的。所以如果可以的话,还是以1024*768的为标准就是最好的~~~也就是1024-25=999,就是约等于999,就可以了~~~ 如果你不想那么麻烦还可以考虑直接用CSS设置百分率,好像问问这种的排版方式,直接用CSS来实现,尽量少用图片,如果有需要的话,就加张宽度大的图片,然后设置为底图显示,那样就可以既方便又快捷地实现多屏显示模式了~~~当然也有他的缺点,就是如果网速不够的话,常常要下载这么大的图片,会对网站显示的速度会有所下降~~~~ 总结,最终还是看你需要的~~~你网站浏览者大多是多大的显屏,可以的话,最好先建设一个固定的775网站然后看统计器的统计数据,再调整~~