2022.1

You are writing HTML
When you add elements, such as text, images or a table, to the content of a template, you are
actually constructing an HTML file.
To see this, toggle to the Design tab in the workspace. Click anywhere in the content. Take a
look at the breadcrumbs at the top of the workspace or select the Outline pane. The
breadcrumbs show the HTML tag of the clicked element, as well as the HTML tags of other
elements to which the clicked element belongs. The clicked element is at the end of the line.
To edit the HTMLtext directly:
l In the workspace, toggle to the Source tab.
On this tab you can view and edit the content of the template in the form of plain text with HTML
tags (note the angle brackets: <>). You may add and edit the text and the HTML tags, classes,
ID’s and other attributes.
To learn more about HTML, see for example https://developer.mozilla.org/en-
US/docs/Web/Guide/HTML/Introduction and http://www.w3schools.com/html/default.asp.
Many video courses and hands-on courses about HTML (and CSS) are offered on the Internet
as well, some for free. Go, for example, to www.codeschool.com or www.codeacademy.com
and look for HTML (and CSS) courses.
What you can't do with CSS
In Connect, it depends on the output channel what can and cannot be done with CSS. CSScan
only be used to its full potential with HTML output. Animation and transition features won't work
in Print output, obviously.
Included Cascading Style Sheets
When you create a template, a number of style sheets is automatically included:
l One style sheet that applies to all document types: context_all_styles.css.
l One or more style sheets specific to the context (Print, Email). For example, when you
create an action email using the Wizard, the files context_htmlemail_styles.ccs and
basic_email_action.css are automatically added to the Stylesheets folder on the
Resources pane.
Page 293