You are here:About>Computing & Technology>Web Design / HTML> Web Design> Principles of Web Design> Layout
About.comWeb Design / HTML

Web Site Layout and Design

The layout of a Web page is usually what people think of when they think of Web design. If the layout is poor or doesn't work well, then customers won't like the site.
Fancy Photo Gallery
Fancy Photo Gallery Template
Web Design Home Page Gallery
Take a look at the designs of various home pages to see how these companies get their customers from their home page to whatever they are selling.
Web Design Design Gallery
Get ideas for how to design your Web site by looking at how other people design their Web sites.
Sample Layout Alignments for Web Pages
Alignment within your Web page elements is important to create harmony within the page and establish the mood. These images show you the same content on a Web page aligned in several different ways.
Web Design Basics - Placement and Position
The first thing you do when you design a Web page is you start with a blank page and you place elements on that page. Placement of your elements can be critical to whether your design works or is a dismal failure.
Tabbed Navigation in Web Design
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
Why does my page layout stretch while the site is loading?
When you use a liquid layout, your design will change as the page loads.
Web Design Home Page Gallery
Take a look at the designs of various home pages to see how these companies get their customers from their home page to whatever they are selling.
Basics of Web Layout
It's one thing to know how to build a Web layout, but it's something else to know the rules behind designing a layout that works.
Change is Good - It's Time to Give Up Your Table-Based Designs
It's time to break your old habits and admit that using tables for layout is outmoded and lazy. It's time to move on to CSS layouts, as your excuses just won't hold water for much longer, and why keep bailing when you could join the rest of us at the helm!
Alignments
Learn how to use alignment style tags to lay out the elements on your page where you want them.
Fixed Width Layouts Versus Liquid Layouts
Web page layout has essentially two different methods: liquid and fixed width layouts. Learn the pros and cons of each, and how you can decide to use one or the other for your site.
Making Web Columns Appear to Be the Same Height
When building CSS designs you may find that the columns end up all different heights, which can look bad. But there is a way to fake it so that the columns appear to all end at the same place.
Use Real Text for Testing Page Designs - Not Lorem Ipsum or Greeking
Learn when to use lorem ipsum and when to use actual text that people can read when designing a Web site.
Web Design Design Gallery
Get ideas for how to design your Web site by looking at how other people design their Web sites.
Do Users Hate to Scroll - from About.com Web Usability
Your Web page layout can affect the usability of your Web site.
Layout Considerations: Neon Design Tips
Okay, the colors are, well, NEON, but the site is excellent. This page gives some hints on to lay out your Web page for maximum impact.
Web Page Layouts Shouldn't Use Tables - Avoid Tables for Web Page Layout
Learn why you should use CSS to position your pages rather than HTML tables
 All Topics | Email Article | | |
Advertising Info | News & Events | Work at About | SiteMap | Reprints | HelpOur Story | Be a Guide
User Agreement | Ethics Policy | Patent Info. | Privacy Policy©2008 About, Inc., A part of The New York Times Company. All rights reserved.