2018.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 template (see "Adding a context" on page390), the Web context folder is created along
with other files that are specific to a Web context; see "Web Context" on page465.
Many of the content elements that are available for all three contexts are particularly suitable for
web pages; see "Content elements" on page546. Web templates are personalized just like any
other template; see "Variable Data" on page702.
You can add as many Web sections as you need; see "Web pages" on page466. However,
when output is created from the Web context, only one of the Web sections can be merged with
a record; see "Generating Web output" on page1236.
Creating a Web template with a Wizard
With the Designer you can design Web templates and output them through Workflow or as an
attachment 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497.
A Web Template Wizard helps you create a Web page that looks good on virtually any browser,
device and screen size.
Foundation
All Web Template Wizards in Connect 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.
Seehttp://foundation.zurb.com/learn/about.html.
Page 461