The Art & Science of Web Design by Jeffery Veen

Author:Jeffery Veen [Veen, Jeffery]
Language: eng
Format: epub, pdf
Published: 0101-01-01T00:00:00+00:00

ASWD_001121.qxd 11/27/00 11:18 AM Page 116

116

T h e A r t & S c i e n c e o f We b D e s i g n C h a p t e r F o u r - B e h a v i o r 117

<table width="100%" border=0 cellpadding=0 cellspacing=0>

<FRAMESET cols="100,*,100" >

<tr>

<FRAME src="myNavigation.html">

<td width=75 valign=top align=right></td>

<FRAME src="myDocument.html">

<td valign=top align=left>

<FRAME src="thirdColumn.html">

<img src="spacer.gif" height=1 width=250

</FRAMESET>

alt="spacer">

<br>

simply means that the browser should draw three frames—

<!-- page content -->

two 100 pixel columns fixed at the edges of the page, and etc.

one that takes up however many pixels are left in the center of the browser window—again, a liquid design.

Now, when the browser is resized to the point where The examples above, however, are only glimpses into the center column would be smaller than 250 pixels, the what is possible within the context of liquid design. Let’s cell bumps against the invisible spacer image, and is con-look at a real world example.

strained to that size. There are drawbacks to this strategy, Kvetch.com is fun. It also, from time to time, can be a though. The image may be negligibly small, but it little troubling.

requires a request to the server. That

The site was designed as a virtual outlet for folks to let can slow things down a bit. It may

off a little steam. Anonymous users can post just about any-also be considered bad form to con-

thing they’re angry about to the site. Interested voyeurs can strain any part of the user experience, peek into any of a half dozen subject areas to see the outra-especially with a hack like a single-

geous postings. It’s interesting, in a twisted sort of way.

pixel image. I find it a fair compro-

mise. Users get a flexible representa-

tion of the interface, while designers

can maintain a certain level of visual

control over how their pages are ren-

dered.

A Liquid Application

This functionality need not be limited

to tables, either. Page layouts using

frames can also take relative values for

the height or width of certain regions.

Frames can be sized either with per-

centage values like tables, or with the

Designer Derek Powazek built an interface to his use of an asterisk. This syntax tells the kvetch.com project that would approximate a sort of “com-Without any sort of constraint, a liquid browser to simply use whatever real

plaint application.” The site looks as if it is a control panel interface can get too wide or narrow.

estate is left over. So...

that would exist in the real world—the edges of the interface are curved and lit by a distinctive light source.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.