Screen Resolution Examples

The applications in charge of presenting web pages are browsers, among which Internet Explorer, Netscape Navigator and Opera stand out due to their importance and diffusion.

The interface of a browser, in its standard mode, presents the user with one or more upper bars (for menus, address, etc.), a lower bar (the status bar) and a main space, the window, in which web pages are presented.

The shape of this window is always rectangular, but its size varies, depending on the monitor and the graphics card. We can talk about two sizes of screen different

* Absolute size: the “real” size of the window of the
monitor, usually measured in inches. It depends on the monitor.

* Resolution or relative size: it is determined by the
number of pixels displayed in the monitor window, the pixel being the
minimum unit of information that can be displayed on the screen ,
generally rectangular. It depends on the graphics card.

The absolute size is usually expressed in inches diagonally (1 inch = 25.4 mm). The most common today is 17 ” in desktop computers, although there are still quite a few old computers with 15 ” monitors and there are quite a few 21 ” on the market. The absolute size of laptop monitors is typically 14-15 ”.

Regarding the resolution, the most common values ​​are 800×600 and 1024 x768 pixels, although there are still users who work below, at 640×480, and above, at resolutions of 1152×864 and 1280×960 pixels.

The absolute size and resolution must be in accordance for a correct display, the following being acceptable values:

* 14 “- 15”: Maximum appreciable resolution: 800×600

* 17 “: Maximum appreciable resolution: 800×600 or 1024×768

* 21″: From 1024 x 768

The possible working resolutions of a computer depend above all on the quality of the monitor and the computer’s graphic card, and are configured, in Windows operating systems, either by right-clicking on the desktop, selecting the Properties option. and accessing the Settings tab, either from Start> Control Panel> Display.

The importance of the resolution of screen on how to be visualized web pages in the browser window is very important. At a higher resolution , more information points are available to present the elements on the screen, but these points are smaller, making the interface elements (texts, images, form objects, etc.) look
Page size and resolutions

If we design a page for a given resolution , occupying the entire browser window, those users who view it at lower resolutions will not have space on the screen to contain the entire page, so they will be forced to use the bars navigator scrolling. On the contrary, those users who view it at higher resolutions will have too much space on the screen for so little page, so they will have a lot of
empty space, without content.

To solve these differences, the normal thing is that web pages are designed for a base resolution , generally the most used at present (800×600), and are built internally by means of tables or layers of relative sizes, with widths defined in%, thus which is achieved when viewed on higher resolution monitors “open”, occupying all available screen space .

The drawbacks of this system are that it does not support users with lower resolutions and that, in the case of higher resolutions, the design of the page can be seriously affected by modifying its elements to the original dimensions.

Another possibility is to lay out the entire page inside a parent container (a table or layer) and assign it a centered alignment, so that the page will be in the center of the screen if you use a resolution higher than the design resolution .

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also
Back to top button