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.
Why bother with CSS layouts - What is the point of using CSS instead …
Readers of the About.com Web Design site offer their thoughts on why you might want to use CSS for layout rather than tables.
Readers of the About.com Web Design site offer their thoughts on why you might want to use CSS for layout rather than tables.
User Reviews of JohnMcCain.com
site review johnmccain.com
site review johnmccain.com
Review of BarackObama.com
Website reviews of barackobama.com
Website reviews of barackobama.com
How Long Should Your Web Page Be
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?
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?
Web Design Gallery March 2009
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.
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.
Web Grids - Columnar Layout in Web Grids
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.
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.
Why Use a Grid to Design Your Page?
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.
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.
Continued: Web Design Design Gallery - 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 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 John McCain.com - McCain-Palin 2008.
Continued: Web Design Design Gallery - Barack Obama and Joe Biden: The Change...
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.
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
Fancy Photo Gallery Template
Fancy Photo Gallery Template
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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
Learn why you should use CSS to position your pages rather than HTML tables