2022.2

Table Of Contents

Web pages

Webpages(alsocalledWebsections)arepartoftheWebcontext(see"WebContext"onpage496)in

atemplate.

TheWebcontextoutputsoneHTMLwebpage.InadditiontotheHTMLtextitcontainseitherthe

resourcesorreferencestotheresourcesnecessarytodisplayit.

JavaScriptfilesareaddedtothe<head>inthegeneratedHTMLfile.JavaScripttoolboxeslikejQuery

anditsplugins,orMooTools,areusefulwhenyouwanttoimplementspecialfeaturesinthewebpage.

(See"UsingJavaScript"onpage512)

Stylesheetsarealsoaddedtothe<head>andareusedjustastheywouldbeusedinaregularweb

page.(Alsosee:"StylingtemplateswithCSSfiles"onpage672)

AWebcontextcancontainmultipletemplates.WhengeneratingoutputfromtheWebcontext,how-

ever,onlyoneoftheWebtemplatescanbemergedwitheachrecord.Setthe'default'Websection

(see"SettingadefaultWebpageforoutput"onpage501)beforegeneratingWeboutput;alsosee

"GeneratingWeboutput"onpage1348.

CreatingaWebpage

WhencreatingaWebpage,itisadvisabletofollowdesignguidelinesforwebpages,sothattheyare

likelytolookgoodindifferentbrowsersandondifferentdevicesandscreensizes.Whenyoustartwith

aWebTemplateWizard,theFoundationframeworkisaddedtothetemplate,toguaranteejustthat;

see"CreatingaWebtemplatewithaWizard"onpage493.Otherapproachesaredescribedbelow,in

"AddingaWebpage"below.

AddingaWebpage

WhenaWebtemplateiscreated(see"CreatingaWebtemplatewithaWizard"onpage493),onlyone

Websectionisaddedtoit.AWebcontextmaycontainvarioustemplates,butperrecordonlyoneof

thosecanbeusedtogenerateoutput.

ItisnotpossibletoaddaWebsectiontoanexistingWebcontextwiththehelpofaTemplateWizard.

Toprovidealternativecontentforthewebpage,youcoulduseConditionalContent(see"Showingcon-

tentconditionally"onpage734),orSnippetsandascript(seetheHelptopics"Snippets"onpage661

and"Loadingasnippetviaascript"onpage831,andthishow-to:Multi-pageWebtemplate.)

Tip: Foranexampleofhowtoservedifferentwebpagesusingsnippets,seethefollowinghow-

to:Creatingamulti-pageWebtemplate.

Ifyouwouldliketostartwithatemplatethatisidenticaltotheoneyoualreadyhave,considercopyingit

(see"Copyingasection"onpage433).

ToaddablanksectiontotheWebcontext:

Page 498