Designing Web Pages with Screen Resolution in Mind

Designing web page that works successfully on range of PCs that utilize various screen resolutions is not hard. Generally, design web site for least, general resolution. Previously, many web sites were intended for 640x480 resolution screens. Though, many modern sites can be intended for 800x600 resolutions. 1024x768 is good minimum resolution.

Instructions

Step 1

Set up web site using an HTML table with max width of table being preferred max width of site. E.g. if you are designing site to work with 1024 pixel width resolutions, which must work fine with any resolution 1024 and higher, make main site in table that is set to 1024 pixels wide. The correct process for table creation will differ, based on software you are using.

Step 2

Make columns in table as needed. For left hand column, make fixed width column. In many cases, right click on border of table you made may show context menu where you put in columns and rows.

Step 3

Set background of whole page and of table to approving colors. Background color of whole page will show on monitors that are wider than design width. Set background of table to color with sufficient contrast to maintain text readable.

Step 4

Set column partitions and padding to someplace between 5 and 10 pixels to help offset text. In many cases, setting table border width to 0 will help look of site. In many cases, these settings can be accessed by right click on table border region. Though, precise procedure will differ, based on software used.