2021.2

Tip
The saved file can be used to create a data mapping configuration.
Project details
The web template
The web page is designed in the WEB_HELLO Web Page template. It contains one Web
section (see "Web pages" on page549).
Styling is done via style sheets (see "Local formatting versus style sheets" on page745). The
style rules are in the context_web_styles.css file. Note how they combine the HTML tag, ID and
class of elements to select them. (See also: "Selectors in Connect" on page898.)
There are only two scripts in the template, as you can see on the Scripts pane. You can
double-click to open them.
Tip
Hover over the name of a script in the Scripts pane to highlight parts of the template that
are affected by the script.
l The My name is script looks for an element that has the ID: hero. Inside that element it
looks for the text: @name@ and replaces that with either the default name ("John Doe") or
the name given in the URL.
l The Year script puts the current year in the footer.
For more information about writing scripts, see: "Writing your own scripts" on page877.
Tip
You don't have to write a script yourself if you just want to insert some data directly into
the template. You could simply drag-and-drop the data on the template or use the Text
Script Wizard (see: "Variable Data" on page805).
Page 176