eHow launches Android app: Get the best of eHow on the go.

How To

How to Create Sections in a Web Design

Member
By Jonathan West
User-Submitted Article
(1 Ratings)

Looking to create a grid-based design for the homepage of your web site? If so, it is essential you designate and position these sub-sections clearly. Here are some steps to help you with this!

Difficulty: Moderately Easy
Instructions

Things You'll Need:

  • A web site
  1. Step 1

    Use headlines for each section. Don't presume your users know what each section of your homepage is catered towards. For example, even if in the middle box of your design you have decided to put news updates for your company, this may seem obvious. However, if you do not put a "News & Updates" headline at the top of this middle box, are you sure all your users would know where to look for the news? Title all your sections appropriately, and make the headlines big enough.

  2. Step 2

    Make the headlines large, and in a readable font. Avoid using bright colors, gimmicky fonts (ex. grunge, handwritten), or any other fonts that are hard to read. Using headlines gives your user the ability to figure out which section is what, and also allows them to best utilize their time on your web site. Your users will thank you for this.

  3. Step 3

    Clearly break up each section with enough padding through CSS to create white space between each area. This not only helps to create a clean look, it also helps the user to figure out where one section of your homepage begins and one ends!

  4. Step 4

    When using a magazine style interface (or grid-based), it is imperative that you employ the 'above the fold' technique in deciding what content goes where. Always make sure your most important content goes in the top to top left sections of your design right underneath the logo. This is where your content is most visible. Sections that would warrant this real estate of your web site include: any headline news, product updates, or newsletter subscription forms.

Comments  

lymanalo said

Flag This Comment

on 12/27/2008 great tips! I will be evaluating my website using this info. May I request an assessment of a pro? My website is already one year and is still crying for traffic. hehehhe.

Subscribe

Post a Comment

Post a Comment

Related Ads

  • Have you done this? Click here to let us know.
I Did This
Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy .   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License. † requires javascript

Demand Media
eHow_eHow Technology and Electronics