2022.1

Web pages can be personalized just like any other type of template; see "Variable Data" on
page846 and "Personalizing content" on page830.
Tip
Use the Outline pane at the left to see which elements are present in the template and to
select an element.
Use the Attributes pane at the right to see the current element's ID, class and some other
properties.
Use the Styles pane next to the Attributes pane to see which styles are applied to the
currently selected element.
Tip
Click the Edges button on the toolbar t emporarily adds a frame to certain elements on
the Design tab. These will not .Print or output.
Web Template Wizards
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.
Jumbotron
The name of the Jumbotron template is derived from the large screens in sports stadiums. It is
most useful for informative or marketing-based websites. Its large banner at the top can display
important text and its "call to action" button invites a visitor to click on to more information or an
order form.
Page 488