Jul
10
Written by:
Steve Cowling
7/10/2010 12:57 PM
In todays post we will be illustrating the framework of your website on our platform.
This is just a basic wireframe of a standard website with a default Pane layout, I will be discussing the finer details such as Skin Objects, Containers as well as how we use CSS in our designs in future posts.
Note: That most of your page look and feel is governed by the Skin's internal Style Sheet (CSS).
Please see the image & descriptions below for a quick reference to the layout of your website.
1. Body Background: This area is un-editable and is the main background that displays in your browser.
2. Website Area: This is the area that your website displays in, in your browser..
3. Header Area: This is part of the skin and is not editable by the Administrator. This is where your logo and or banner is displayed.
4. Search Bar: This is where vistors can search your site for content that they are interested in.
5. Menu Control: The Menu is where visitors can navigate your site. The Menu is not editable by the Administrator as it is part of the Skin, but it is dynamic so if you check the 'include in Menu' check box it will display in the menu.
6. BreadCrumb : This is a Skin Object and helps visitors to your site to know which section of your site they are browsing.
7. Panes: Pane areas are where site Administrators are able to add content and modules (HTML, Announcements, Photo Gallery, Links, etc. to the site. These are not limited so we can add more editable regions in the Header, withing the Pane area itself etc...
8. Links: Links are also Skin Objects that display all of the pages of your site in the section seleceted by the vistor , from the Menu Control.
9. Footer Area: This part of the skin usually contains company information, legal & copyright details etc.
10 Skin Objects: These objects are generated by the Administrator in Site Settings. They contain Copyright, terms of use, privacy statements as well as Login and registration controls.
Copyright ©2010 Steve Cowling