2019.2

3.
Click Next and make adjustments to the settings. The wizard remembers the settings that
were last used for a Foundation Web template.
l
Section:
l
Name: Enter the name of the Section in the Web context. This has no effect on
output.
l
Description: Enter the description of the page. This is the contents of a <meta
name="description"> HTML tag.
l
Top bar group:
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931), 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
facing 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
Page 543