mages/italy.gif

Webdesign Resolution

The resolution of a webpage is quite a big deal by website design and currently, its choice is quite subjective.

Resources
Webdesign & PHP
Our last php Template
JavaScript Resolution Code
• A website basic example optimized for 800 pixels width ,,,
, , , zooms out to larger resolutions

[ An advanced php dynamic template engine ]

There is such a variety of screen sizes that would really be impossible to progam a website page to open pleasantly for all of them; the most common are : 800 1024 1280 1960 (pixels).

We then have to consider a few human impacts by surfing a website;
If all SEO efforts have been made to get a user surfing a page, wherein you supposedlly want to sell something, then you must consider his age on the first place and relate your webdesign to the products you sell.

If you sell gadgets for a playstation, do not forget that most probably your final incoming click [$] depends by the credit card owner and not by the teen-ager that is allowed to use the family internet connection.

Let’s switch over the technical aspects :
I personally recommend to follow up the old resolution school of 800 pixels in width, although the majority is opting for 1024 pixels

Let’s see what the big brothers doing:
www.php.net  [800]
www.google.com [800]
www.it.yahoo.com [1024]
www.microsoft.com [1024]
wordpress.com [1024]
wordpress.org [1024]
www.adobe.com  [1024] …a nasty horizontal scrolling bar appears in my 1024 –  monitor which is quite a SAYING for a great cave of super webdesigner tool-house like ADOBE.
wikipedia.org [800]

Newer monitors are coming with as much as 1960 resolution and naturally the companies force to push programming webdesigners to implement a good looking resolution suitable to fit better their products.

Just imagine how will a 800 pixel resolution web site look in a 1960 pixels screen, if those pages would not be filled accurately and their content is not spreaded uniformly and reaching all corners of the screen, so that by maximizing the pages of that website, the objects do not render a pleasant zooming effect.

I have used for this blog a dynamic theme that was projected to work with 800 pixel width resolution and if I do not insert any larger image than 313 pixels in the middle column I will never cause the appearance of any horizontal scrollbar.

Here is what I have laid out on resolution in a simple html website :
http://www.clone.c-php.com/bp/
Again in my clone website project if I do not set any large image, those pages will greatly spread dynamically the contents in many screen resolutions, by showing a pleasant zooming effect by maximizing from  800 pixels upwards.

I personally believe and recommend to program websites in 800 x 600 pixels, despite the pushing for larger resolutions for desktop sets, we do not have to forget that there is quite a larger need to resolve our own websites into millions of laptops, that daily connect to the www by wireless connection on UMTS and, really, if we start filling our pages with flash objects and large images, then we will have to forget to capture those users.

If there is no special requirement for CSS and xhtml but simply transitional web pages, there is really nothing better than tables, as exemplified in my CLONE website, where all site pages have been designed in page sub sections by 800 x 600 resolution, and where all those subsections opens by 100% width and 100% height and the model is there to grab for free, as being that absolutely clientside code, so just go there rightclick and take it…


Notepad Webdesign

http://clone.c-php.com/bp/sss.php#ssb

Here is how you can spread your content in your pages by simple html table usage:
Headings & Purposes
Website Feedback & Contact
http://www.clone.c-php.com/bp/#rowspan
… the final design result [yours] depends from YOUR OBJECTS and the text you set in those frames and of course from your images and backgrounds.

So carefully reflect on this before starting committing your website to your preferred page maker
Close up your PROPOSAL

FORUM

9 comments to Webdesign Resolution

  • angel

    Hey, cool site you got here, the topics in your forum will definitely help me a lot with PHP, I’ll be back to read the others!!! I love your banner by the way ^^v

  • The world switches to new and better technology day by day, the web is a fastest growing technology of the present era. The designs and layouts of the website are getting more and more attractive and informative as well.
    I still remember those old days when the bandwidth of internet was only 36 kbps and used to connect through the analog telephone lines and modems, in those times the resolution was fixed to 800 pixels wide and the limitation of colours to 256. But now we have great bandwidth speed upto 2 mbps so naturally the higher resolution and the greater number of colors can manage more content into our webpages.
    I thank you blob for posting such a nice article on the resolution and this information is really a great contribution among the developers ,,, really I guess we need to reflect on what kind of audience we want address our contents.
    I think we’d better follow up for further cnsiderations in a forum thread, that I will certainly open in your forum and we could evaluate if could be possible to program a website per screen resolution.

  • Surya (Raj)

    Yes I agree with Prasanna.
    Blob its great job on “Web Design Resolution” post.
    I think developers have to evaluate all types of resolutions carefully and then decide to design on how to develop website. most common resolution required is 1280 by 800 pixels, but I guess that customers should be posted on the resolution involvements before producing the definitive job and then be dissatisfied.
    So I think that there is no other way than making a few demo and set them online, so the customer can choose what he wants before is too late.
    As Blob says there are quite a few 800 x 600 and apparently the most common resolution is 1024 pixels in width.

  • Mustafa

    I want you to make three websites for me.
    PLEASE SEND ME YOUR DETAILS . . .

    Vittorio Thanks for your enthusiasm Mustafa, but I am the one that needs details from you, as what kind of websites you want to build, templates you want me to use and features you want to include such as feedback, CART, forum, and if you want me to care for SEO and webhosting too.

    I would also finally need a few websites’ links that have captured your interests, so to try to make something similar for you.

  • Yes web resolution is the very important factor of any website. Resolution of website can be most common by either pixel 800, 1024, 1280 or 1960. Anyway, before choosing the proper resolution we should consider the content of the website rather to see what most common is.

  • admin

    This Blog itself runs on THEME Atahualpa 3.4.9 by BytesForAll
    That is quite suitable to resolve in 800 pixels width.
    I believe that Web Designer duty (the blog owner in this case) is to make easy for the bumpers to surf his website and if a reader is forced to open full size a website page in order to read a post, then his interest might drop and will leave the Blog or any website alone :(

    The following URL shows a template of my made that is very much similar to the current theme of this blog:
    Agency-TEMPLATE
    That webdesign might contain, at desired page location, any object and would not show any nasty horizhontal scrollbar :)

  • admin

    New free snippets for video integration for web designers, unique and compatible with XHTML 1.0 STRICT
    3 output pages linked from:
    http://www.pr.c-php.com/wd/agency/yt-syntax.htm
    Showing a video in flv extension, a clip (also flv) and a video in swf extension.
    A valid resource for an accurate design complying with a reliable standard for the web designer’s customer and his final users.

  • [...] admin: New free snippets for video integration for web designers, unique and compatible with XHTML 1.0 STRI… [...]

  • Hey blob,

    Thanks for sharing great tip, will help me a lot in future.
    You are doing really great.

    Thanks Deepak
    Hello, Deepak, thanks for your granting line.
    All we really need in life is appreciations for constructive sharing of information.

    . . . I have completed this post of yours by adding a resource that pings back an Issue of Yours.
    I hope it will be of some good for you :-)
    blob_php@yahoo.com

Leave a Reply