1.7

l
Set width to Grid: Check this option to limit the width of the top bar contents to
the Foundation Grid, instead of using the full width of the page.
l
Stick to the top of the browser window: Check to lock the top menu bar to
the top of the page, even if the page has scroll bars. This means the menu bar
will always be visible in the browser.
l
Background color: Enter a valid hexadecimal color code for the page
background color (see w3school's color picker) , or click the colored circle to
the right to open the Color Picker.
l
Colors group: Enter a valid hexadecimal color code (see w3school's color picker)
or click the colored square to open the Color Picker dialog (see "Color Picker" on
page593), and pick a color for the following elements:
l
Primary: links on the page.
l
Secondary: secondary links on the page.
l
Text: text on the page contained in paragraphs (<p>).
l
Headings: all headings (<h1> through <h6>) including the heading section's
subhead.
4.
Click Finish to create the template.
The Wizard creates:
l
A Web context with one web page template (also called a section) in it. The web page
contains a Header, a Section and a Footer element with dummy text, and depending on
the type of web page, a navigation bar, button and/or Form elements.
l Resources related to the Foundation framework (see "Web Template Wizards" on the
next page): style sheets and JavaScript files. The style sheets can be found in the
Stylesheets folder on the Resources pane. The JavaScript files are located in the
JavaScript folder on the Resources pane, in a Foundation folder.
l
A collection of Snippets in the Snippets folder on the Resources pane. The Snippets
contain ready-to-use parts to build the web page. Double-click to open them. See
"Snippets" on page486 for information about using Snippets.
l Images: icons, one picture and one thumbnail picture. Hover your mouse over the names
of the images in the Images folder on the Resources pane to get a preview.
Page 354