Web Page Design

J

Johann

How could it be posible to make a one page web site, and yet to be able to see it in
all resolutions, whether it's 600X800, 1024X678?
 
J

Jens Peter Karlsen[FP-MVP]

Make sure the page can scale.
Use percentages instead of pixels when setting sizes on tables and the
like.
Make sure your images are not wider than 540px.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

-----Original Message-----
From: Johann [mailto:[email protected]]
Posted At: 22. juli 2004 02:00
Posted To: microsoft.public.frontpage.client
Conversation: Web Page Design
Subject: Web Page Design


How could it be posible to make a one page web site, and yet to be able
to see it in all resolutions, whether it's 600X800, 1024X678?
 
J

Jim Buyens

You either make each page fit within some monimum width,
or use a so-called "liquid layout."

In a liquid layout, you generally lay out the page within
a table size to 100%. If you wanted three columns within
that, you would size them 33%, 34%, 33% or whatever.

Some years ago, liquid layouts were the norm. Nowadays,
with more designers coming in from other media, fixed
layouts seem to be in vogue.

To see some pages that use liquid layout, brwose my Web
site at http://www.interlacken.com. Note, however, that
ratios of height-to-width change as you expand or shrink
the browser window. If this bothers you, you'll have to
use a fixed layout.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
A

Andrew Murray

In frontpage 2002 onwards, the "Preview in browser" on the file menu allows you
to check the look at different resolutions. (it doesn't actually change your
system's monitor resolution - you'd need to do that manually through
Rightclick-destop, then properties....etc to check the layout actually at those
sizes.

Use percentage values to define table widths (don't use absolute positioning -
not supported in some browsers)
Using percents makes the tables expand/contract according to the monitor
resolution, giving the same basic look and feel without the ugly horizontal
scroll bar.

Different systems will display things slightly differently given the enormous
range of video cards, monitors and systems around.
 
Top