2022.2

Tip: YoucanusetheResponsiveDesignViewdrop-downatthetopoftheworkspacetoseehow
yourwebpagelooksandbehaveswithdifferentscreensizes.
WhenaWebtemplateiscreated,eitherwithaWizardorbyaddingtheWebcontexttoanexistingtem-
plate(see"Addingacontext"onpage432),theWebcontextfolderiscreatedalongwithotherfilesthat
arespecifictoaWebcontext;see"WebContext"onpage496.
Manyofthecontentelementsthatareavailableforallthreecontextsareparticularlysuitableforweb
pages;see"Contentelements"onpage566.Webtemplatesarepersonalizedjustlikeanyothertem-
plate;see"Personalizingcontent"onpage708.
YoucanaddasmanyWebsectionsasyouneed;see"Webpages"onpage498.However,whenout-
putiscreatedfromtheWebcontext,onlyoneoftheWebsectionscanbemergedwitharecord;see
"GeneratingWeboutput"onpage1348.
Creating a Web template with a Wizard
WiththeDesigneryoucandesignWebtemplatesandoutputthemthroughWorkfloworasanattach-
menttoanemailwhengeneratingEmailoutput.
CaptureOnTheGotemplatesareaspecialkindofWebtemplates;see"CaptureOnTheGotemplate
wizards"onpage525.
AWebTemplateWizardhelpsyoucreateaWebpagethatlooksgoodonvirtuallyanybrowser,device
andscreensize.
Foundation
Withtheexceptionofthemostbasicone,allWebTemplateWizardsintheDesignermakeuseofthe
ZurbFoundationfront-endframework.Afront-endframeworkisacollectionofHTML,CSS,and
JavaScriptfilestobuildupon.Foundationisaresponsiveframework:itusesCSSmediaqueriesanda
mobile-firstapproach,sothatwebsitesbuiltuponFoundationlookgoodandfunctionwellonmultiple
devicesincludingdesktopandlaptopcomputers,tablets,andmobilephones.Foundationistested
acrossmanybrowsersanddevices,andworksbackasfarasIE9andAndroid2.Seehttp://-
foundation.zurb.com/learn/about.html.
FormoreinformationabouttheuseofFoundationintheDesigner,see"UsingFoundation"on
page528.
AftercreatingaWebtemplate,theothercontextscanbeadded,aswellasothersections(see"Adding
acontext"onpage432and"AddingaWebpage"onpage498).
TocreateaWebtemplatewithaTemplateWizard:
Page 493