Creating This Page
My first task when designing these pages is navigation. In earlier Web sites, I would place a panel of links on the left with no clear hierarchy of content. These days, I favor a horizontal series of tabs near the top for general categories of content, with a panel on the left side to break down each category into subcategories. Included as well in this left panel are links to other general categories, if there is room. If not, I include those in a footer area about 600 pixels down from the top, an area I call The Fold.
I've tried a number of methods of creating tabbed menus, sometimes using a javascript menu builder, or in some cases a completely graphical text-less tab menu overlaid with image maps that define "hot spots." Lately I've begun to favor a graphical representation of tabs on the bottom layer overlaid with evenly spaced text links, each enclosed within its own division tag whose placement is determined within an attached stylesheet.
Why? Because the Internet is more about content than graphic display or javascript parlor tricks. Which means text takes precedence over graphics or scripting. The combination of general tabs on the top, and specific links on the left, means that no navigation
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
link to next page
panel is overburdened or overly detailed, leaving more room for content in the main area of the page.
Beginning with the graphical bottom layer, I draw the outline of the tabs in a vector program called CorelDraw for later export to Adobe PhotoShop for coloration and for effects such as shading. Many of you may prefer the more popular Adobe Illustrator program. Either way, only a vector program can produce the kind of smooth outline that simulates the familiar shape of the tabs found on your conventional file folders used in the office for organizing files.
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