This page uses javascript to help render elements, if you have problems please enable javascript.
 
You are now inside the main content area
 
 
 
left col

Example Homepage

right col
 
left col

This page uses the normal header setting and has a stock photo in the box 1 with a "half" class for height.

right col
 
left col
right col
 
left col

Welcome Section 

Scrolling down on the page a user should easily be able to identify one area on the page from another.  Its not a chaotic mess of information just bombarding the page.

right col
 
 
 
 
left col

Langsdorf Hall

Discover 

This is a good place to put content that will help users find various big picture items from your site.

We want to make it easy to read, and easy to navigate.

CSUF main campus

Innovate

Your website is a great place to show off your departments best work and let people know how you are making a difference.

You can place small lead in content on your main page and get people interested.

McCarthy Hall

Review

Remember that a website is like any living object, if you don't take care of it things will start to go bad.  

Make sure that you are reviewing your content, updating and removing things that help keep your users coming back and informed.

arboretium house day

Reach

You can't meet everyone all the time, but your website can.  The best way to have people see your pages is to make sure your content is organized for searching.

Good use of headers, page titles, and concsise content makes all the difference when search engines crawl your content.  Fresher is better so updated content will show up first.

right col
 
 
left col
right col
 
left col

The next area of content

this box uses a different background color to help users feel like they have started a new area on the page.  This content still relates to the main website but this is something that might be completely differnt from the previous items above.  Cleans the palet and allows the user to feel like they are able to focus on what you've got written here.

right col
 
 
 
left col

Adding Some Space

The box wrapping around this area has a "half" setting which means it will be at least half the height of the end users screen.  This ensures that we have space around our content without hiding things below.

Grid layouts

The updated system for making pages in V5 allows us to use grids instead of floats.  This will help content on rows stay inline and easier to read.

right col
 
left col
right col
 
left col

Well below the fold at this point

While the end of that page is important if you feel like the content here is something that shouldn't be missed you can lead users to this by placing markers above, or using a design that allows the content at this point on the page to really stand out.  Less is more when it comes to discoverability.  We want people to see topics, ideas, and important content easily.  This can be done by using well formed headers, making links into buttons, and providing good space around important information so it doesn't get lost in the crowd.

right col
 
 
left col
right col
 
 
left col
right col
 
left col
right col
 
left col

One Last Section

In this layout we are in box 5, to your end users, they don't see it as anything more than one additional text block.

right col
 
 
left col
right col
 
 
left col
right col
 
left col
right col
 
 
left col
right col
 
 
left col
right col