HEADER

 

[typically where the logo/company name appears]

 

 

LEFT SIDE NAVIGATION

 

Auto generated links..

Demo 100-1Demo 100-2Demo 100-3Demo 750-1Demo 750-2Demo 750-3About UsContact Us

 

Manually added links...

 

Home Page
About Us
Contact Us

 

CSS Links

Layout = 750 Pixels Wide | 3 Column


 

 

 

 

 

RipeSite Demo

 

This demonstration shows how a typical web site is constructed
with each page incorporating a header (top), navs (sides) and
footer (base) that are common to all pages.  The centre panel
where you are reading now (grey) is the content panel.
(header & footer= yellow, navs=white, content=grey)

 

Layout Size and Configuration

Click on the links below to view this demonstration in the stated format.

There are two choices of layout 'width' 100% Wide and 750 pixels wide) and
three page layouts (1 Column, 2 Column or 3 Column).

(The layout displayed here is 100% wide - 3 column)

 

CONTENT (text and pictures)

The grey area is where the content of the page is displayed.

 

Step by Step Guide

 

 

 

 

RIGHT SIDE NAVIGATION

 

Additional content

Banners

Advertising

Links

Etc

 

FOOTER

 

[typically for additional navigation links and profile information]

Demo Home Page | About Us | Contact Us

 

Step by Step Guides

 

How to Link - Text and picture linking techniques explained

 

How to guide for Stylesheets and CSS

 

Guide to Search Engine Optimisation and Marketing

 

The Top 3 Components Of Optimizing Your Web Site for Top Search Engine Rankings


© Ripesite Demo

 

-----------------------------------------------------------------------------------------------------

 

RipeSite Content Management Software | Contact Ripefruit