当前位置:网站首页 / 建站知识 / 网站设计知识

关于网站的显示屏幕和大屏幕页面设计

来源:未知时间:2015-04-21 09:36点击:

针对移动互联网可以说是小屏幕的,当然也有针对大屏幕的网站,比如一些展览展示的客户有大屏幕的展示需求,需要网站建设公司帮自己建设一个专门的用在展览展示的网站。还有一些客户电脑屏幕的尺寸和分辨率比较大。这个时候,我们就需要考虑这部分的需求。

一、关于网站的显示屏幕

早前的网站的页面设计宽度都是800像素的尺寸,这样的话,如果用户的显示屏幕比较大,比如23寸大大屏幕电脑,这样的话预览网页看起来就会不合适,就会出现很小的一块区域的情况。为了顺应时代的发展和越来越大的屏幕以及移动设备等不断缩小的屏幕,我们在网站制作的时候,就需要我们的网站设计师针对不同的显示屏幕与显示效果进行单独的设计页面了。

二、关于大屏幕页面设计

针对大屏幕的网站页面制作,网站设计的时候要依据主流屏幕的大小来进行设计,一般来说,常用的显示器分辨率为1440*768px,这样的页面宽度就是要设计成宽度为1200作用的宽度能够适合大多数的网络浏览者,针对手机网站或者ipad等网站的页面设计就要进行单独的设计,设计成页面自适应的效果,现在很多网站制作公司已经在使用html5的网页编程技术来实现很多网站显示效果了。我们还可以使用网页的百分比的方式来解决各种屏幕尺寸不一样的问题,比如整个23寸的屏幕分辨率设置为1990*856时,网页对应的图片的百分比就要进行平均分配,我们在进行网站制作的时候只要保证每个网页标签是左对齐或者右对齐就行了。这也是现在手机网站开发人员经常用的网页排版方式。

所以,我们网站建设公司在针对各种尺寸浏览器的时候要把这些因素考虑好,在不同的预览器中进行预览测试。达到各个浏览器和视觉效果的一致后才能够进行网页效果图切图和程序设计。