The key to any front-end code is to first accurately visualize the HTML structure needed to produce the design. When starting the coding process, I often place a screened layer of white over the page mockup creating a ghost image of the layout. I then print that ghost image and use the print to outline content areas, make notes on color values, dimensions, etc.
To complete this visualization process you must:
When visualizing the HTML structure of a page, remember to think in terms of large blocks not individual elements.
I categorize each of the major content areas of a page into one of these six categories.
This occurs at the top of the site and can include any or all of the following: site identifier (logo), tag line, login box, search, global menu, etc. Every web page has a header as does every template in the QuickSite.
This occurs at the bottom of the page and can include any or all of the following: copyright, links, contact info, etc. Every web page has a footer as does every template in the QuickSite.
This is content that is central to the page and unique to the page. It is why the page exists. Every web page has a main content block as does every template in the QuickSite.
This is content unique to a page and that falls right after the header. Often it spans the entire width of the page but does not have to. Not every web page has a feature but every page template in the QuickSite has a feature area available (it only appears if content is placed in it).
This content is unique to the page but secondary to the main content. Not every web page has additional content blocks and only the F2 and F3 series templates in the QuickSite have them.
These contain information that is automatically generated and displayed on multiple pages in a site. This can include any or all of the following: menus, links, ads, teasers, etc. Not every web page has generated content. Only some of the templates in the QuickSite have generated content blocks.
Once the content is characterized, you will be able determine:
In the Templates section, you can find out what page templates and utility FCEs are available in the Busy Noggin QuickSite. Once you have determined which templates are needed for your site, it is recommended that you move any unneeded page or FCE templates into a sysFolder labeled "Unused Templates".