2022.2

1. IntheWelcomescreenthatappearsafterstartup,chooseBrowse Template Wizards.
ScrolldownuntilyouseetheFoundation Web Page StarterTemplateWizards.
Alternatively,ontheFilemenu,clickNew,expandtheTemplatefolder,andthenexpandthe
Foundation Web Page Starterfolder.
2. Selectatemplate.Thereare4typesofWebTemplateWizards:
l
Blank
l
ContactUs
l
Jumbotron
l
ThankYou
Ifyoudon'tknowwhattemplatetochoose,see"WebTemplateWizards"onpage496further
downinthistopic,wherethecharacteristicsofeachkindoftemplatearedescribed.
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out-
put.
l
Description:Enterthedescriptionofthepage.Thisisthecontentsofa<metaname-
e="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878),and
pickacolorforthefollowingelements:
Page 494