Stretch Layout, A Pedestrian Option
There is a way to design for all screen resolutions by using percentages in your style sheet width attributes instead of fixed pixel widths. There is a school of thought in Web design that encourages designers to do this with CSS & HTML page-coding without using Photoshop at all. This has the advantage of making your Web site accessible to everybody on the Web.
However, my own impression of strictly CSS/HTML layouts is that they tend to look flat and sterile. They have a kind of bland, out-of-the box quality, and they squander more white space than they should anyway. This in itself forces me to weigh function vs. form.
They way I compromise on this is to go back to my old newspaper editor's mindset and prioritize the most important informaton within the Content Area, which stays well within the 800px width limitation of the smaller monitors that service about 24% of the world's computers. The remaining 200 or so pixels that would have to be horizontally scrolled to on a 800 x 600 monitor I reserve for Google Ads or incidental information, or graphics that wouldn't get picked up on the major search engines anyway and provide only a supplementary role in elucidating the text content.
Introduction
Journal
Lyrics
Storefront
News
Contact Me
• Introduction
• Creating This Page
— In PhotoShop
In HTML/CSS
— Stretch Layout
The Body
Web Design Theory
The Fold
The Masthead
Resources
Sitemap
My Web Sites
About Me
Journal
Lyrics
News
Storefront
Contact Me
Previous Page
link to next page
This way the larger monitors can get the extras they can accommodate, and the smaller monitors don't miss out on the relevant information referenced in the title and meta tags at the top of the HTML.
Introduction: Creating This Page Web Design TheoryResourcesSitemapMy Web Sites
Journal: EvaFrankOut of the MistThe New FrontierThe DawningIn DreamsThe SearchA Phantom Reality
Lyrics (1970-1996) • StorefrontNews — Tell the Truth and Shame the Devil • Contact Me
©2007-2008 Glen F. Nemeth • All Rights Reserved