Widescreen Website

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I'm a amateur FrontPage 2003 user and would like to know how to build a
website for widescreen computer monitors. Could someone tell me how to do
this? I want the layout to be 16:9 and not the standard 4:3. Thanks.
 
For designing pages for computer monitors, the key is pixels, not aspect
ratios. And that is the difficulty. Monitors come in different screen
sizes. And each monitor can support different viewing resolutions (e.g.
1024x768 pixels). Most users stick with a default or one setting and
don't bother to change it. And the web page cannot change the user's
settings.

And there is the problem. Some people design the page to fit the width
of majority of the screen settings, center for larger sizes, or expand
or collapse to fit smaller or larger screen settings.

...PC
 
The trick to using the entire width of a screen is in the proper use of cells
within tables and setting the width in % (percent not pixels) and the height
in pixels (not percent %). For example, start a new page and insert a table
at the top with just one (1) row and no columns then specify width to 100%
and set the height to 200 pixels. That will establish a width that will
automatically adjust to any screen size.

Now, create a second table below the first table but make it three (3)
columns wide making it also 100% wide. after it is created, "right click" in
each cell and set their widths independently as follows. Set the width of
the left and right cells to 25% and the width to the center cell to 50%.
Don't bother with the height. This will give you the full width of the
screen.

In the top cell, put your header information. In the lower left cell, put
navigation or links. In the lower right cell, put a few small images. In
the lower center cell, put the body of your text.

Tryt this and click below if this is helpful.

Here is another useful hint, since the cells expand and shrink in different
browsers, you can create a "bar.gif" (2px high and an exact number of pixels
wide such as 180px) and put them at the bottom of the side cells (make them
the same color as the background). This will prevent the cells from
shrinking too much in smaller browser windows.

If you reply with the address of your site and have an email address there,
I will look at the site and help you further by sending you some templates.

Good luck,

Michelle
 
Back
Top