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.
Have you created a Web page design that you're particularly proud of? Now you can show it off to the world, and explain why you like it. Or see other examples of great design from other About.com readers.
Readers of the About.com Web Design site offer their thoughts on why you might want to use CSS for layout rather than tables.
site review johnmccain.com
Website reviews of barackobama.com
There is a lot of focus on most Web design sites on how wide you should make your pages. And width is important. But what about how long they are? Conventional wisdom says that people don't like to scroll, and in fact won't scroll. So you should make your pages short and provide links to additional content. But is that really the case?
This is the About.com Web Design Gallery for March 2009. In it you will see examples of Web designs and my critiques of them. You will also have the opportunity to provide your own critiques of some of the designs.
When you work with Web layouts, you often have more control over the horizontal sizes than you do about the vertical. So grid layouts become columnar layouts. This gallery shows how grids can create dynamic layouts with various numbers of columns.
Grids are an important part of layout in Web pages. They are a great way to impose order on your Web pages and provide balance to your layouts.
Get ideas for how to design your Web site by looking at how other people design their Web sites. Review of John McCain.com - McCain-Palin 2008.
Get ideas for how to design your Web site by looking at how other people design their Web sites. Review of Barack Obama and Joe Biden: The Change We Need.
Fancy Photo Gallery Template
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.
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.
It's easy to add tabbed navigation into your Web pages with CSS and page identifiers.
When you use a liquid layout, your design will change as the page loads.
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.
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.
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!
Learn how to use alignment style tags to lay out the elements on your page where you want them.
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.
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.
Learn when to use lorem ipsum and when to use actual text that people can read when designing a Web site.
Get ideas for how to design your Web site by looking at how other people design their Web sites.
Your Web page layout can affect the usability of your Web site.
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.
Learn why you should use CSS to position your pages rather than HTML tables