Artisteer4.0 | 43
Using the Ribbon bar options under the Edit tab and the Preview area of Artisteer, you can create and
edit your content in WYSIWYG mode. You can also add hyperlinks, images, video, tables and
buttons. You can also edit the source HTML for each content area. As you more the cursor over the
Sheet, the content areas you can edit are highlighted with a frame around them. Clicking any one of
these hightlighted areas enables the options on the Edit tab.
The Ribbon bar options are arranged in eight groups: Clipboard, Style and Font, Paragraph,
Content, Insert, Source, Slideshow.
Clipboard, Font and Paragraph
The Clipboard provides standard cut, copy, & paste options for embedding text in the content area.
Style and Font suggests basic typography settings such as font family, size, style, quotes and effects
to give the text a more professional look. The ‘font’ options apply only to the text you select within a
content area, not to all of the text in that portion of your page. The Paragraph
The ‘font’ and ‘paragraph’ options override the same settings you may have defined in your design.
That is, you can define the appearance of your content on your pages using the Content tab on the
ribbon bar. These changes are part of your design ‘style’ for the template. When you change the
settings in the Edit tab, you override the ‘style’ settings you defined elsewhere (e.g. Content tab). For
example, if you decided that all of your web page text should be ‘Red’ (Content
any text you add directly to your pages or posts in the Preview area will be in ‘Red’. You can override
options let you adjust
bulleted lists, indentation and alignment. The ‘paragraph’ options apply to all the text in the content
area you selected, not just to any selected text.
Artisteer4.0 | 44
the ‘style’ however by selecting the text in the Preview area and then using the Edit tab to change the
color for the selected text (Edit
’black’). When you override your design like this, your
changes become part of the Content for your page, not the design. This is important depending on
how you publish your content. For example, if you are building a web template for a CMS like Joomla,
you can choose to import the content you created in Artisteer when you install the template. If you
choose to install the template without your content, you won’t see the ‘style’ changes you made with
the Edit tab since the ‘style’ settings are embedded inline with your other content. This isn’t true of all
style changes you can do with the Edit tab. Many of the style changes you can make from the Edit tab
become part of your template design, not content. See the section ‘Source HTML’ below for more
Content Layout and Styling
The Content area of your template is divided into Rows and Cells. The options of the Content
let you control the layout and design of your text, images and other content. You can arrange the
content of your article in one Row, split it into multiple Cells, or divide the content into multiple Rows
When you create a new project, Artisteer generates some sample content for you so you can easily
see the layout of the page. You may notice that as you select different layouts, the text and images
are automatically moved to the new layout. If you reduce the number of Cells in your layout, you may
see some content disappear. The content is not deleted. If you add back more Cells or Rows to your
layout, the content will reappear automatically.
Artisteer4.0 | 45
Along with choosing one of the variants suggested in the gallery you can create your own content
layout by selecting the Custom Content Layout option located at the bottom of the Content Layout
menu and in the Layout menu (
). In the dialog box, click the ‘down arrow’ icon and choose
a Row layout. Click the “+” and “-“ icons to add or remove Rows. You can also customize each Row
by clicking on the Row and selecting one of the options shown to add or reduce the number of Cells in
each Row. Again, the content (e.g. text, images, etc.) in your Rows and Cells is automatically
adjusted to your new layout.
C# Word - Convert Word to HTML in C#.NET
VB.NET How-to, VB.NET PDF, VB.NET Word, VB toolkit SDK, preserves all the original anchors, links, bookmarks and font C#: Convert Word document to HTML5 files. pdf reader with bookmarks; how to add bookmarks to pdf document
Artisteer4.0 | 46
Remember, your Content area is divided into Rows and Cells. Rows contain Cells. Every Row has at
least one Cell. When you select a Cell for editing, you are also selecting the Row where the Cell
occurs. When you click on any given Cell, Artisteer highlights the area by temporarily adding a frame
around the Cell. Make sure to look for this frame before you start making any changes.
Selecting a Content Style
Use the Styling tab to select a content style. Selecting a content style is optional. If you choose a
style, it only affects the current page, not all pages. By default, when you create a new project, the
content layout for the Home page always uses the first ‘basic’ style which is explained below.
The Styling tab
When you pick one of the thumbnails you’re choosing a set of style settings that are part of your
design. The content style defines which set of style attributes are part of your design, but not how they
appear. The style settings which define how they appear (e.g. borders) are configured with the ‘All
suggests various designs you can apply to the content, such as adding borders or
highlighting certain areas. The Styling options can be used as a shortcut to styling your page. That is,
there are many ways you can style your pages. For instance, you can style your Rows and Cells
individually, or you can select a content style, or you can select a content style and then change your
Rows and Cells individually. Selecting a Style from the thumbnails is easier than changing each Row
and Cell but as we explain below the style you select interrelates with other style settings, and
sometimes changes or resets other settings in Artisteer.
Artisteer4.0 | 47
The ‘All Pages’ options define the settings you want to apply to all of your web pages when a
complementary content style is selected (e.g. borders) for the page. You can override these options
by changing the Row and Cell options.
There are six style sets: Margin, Padding, Spacing, Radius, Border, and Highlight Color, so when you
select a thumbnail option you are selecting which style set is part of your design not how the style
appears. (Note, ‘Padding’ is an exception. Padding is the spacing between the edges of your Cell and
the content within the Cell. The ‘All Pages’ setting for padding applies to all Cells unless you override
it in the Cell options. That is, all of the content styles include ‘padding’. Also, some of the thumbnails
depict Separators. For the purposes of this manual, we don’t make any distinction between
Separators and Borders.)
For example, if you want borders around your Cells, you select one of the thumbnail images that
Artisteer4.0 | 48
Choosing this option however doesn’t define how the border appears. Use the ‘All Pages’ options to
decide how your borders should look. Note, for this style, the borders are around the Cells, not the
Rows. If you look at your Row options, no border is defined. If you look at each Cell, the options have
been changed automatically to include a border.
Here are some examples of what the thumbnails mean.
Selecting one of the content styles doesn’t affect the style settings (‘All Pages’). It only defines which
set of attributes are part of your design. For each set, the settings are defined in the ‘All Pages’
Artisteer4.0 | 49
options. For example, if you choose a thumbnail that includes a border, the weight, style, color, etc.
for the border is defined by the ‘All Pages’ options.
‘All Pages’ means that wherever you selected a content style, these are the settings that apply to the
style. Selecting a content style is optional and you decide the style, page by page. On any given
page, if you choose to create your design by changing Rows and Cells individually, the ‘All Pages’
options do not apply. If you choose a content style, then any of the ‘All Pages’ options that are
complementary to the style you selected apply to your content unless you override them by changing
the Rows or Cells. For instance, if you choose a style with borders then how you define borders in ‘All
Pages’ is how the borders appear.
The ‘All Pages’ options are completely independent of the content style you select. That is, you can
select a content style and then define the setting values (e.g. border), or you can define the setting
values, and then select a content style. However, you won’t see your changes unless you select
complementary options. That is, you won’t see a border unless you select both a style that includes
borders, and you define a border in the ‘All Pages’ options. Note, when you create a new Artisteer
project, there are default values assigned to ‘All Pages’ so normally you don’t need to define your style
settings before you select a content style.
As we mentioned before, when you select a content style, the Rows and Cells are changed to reflect
the style defined by ‘All Pages’. Which options change depends on the content style you select.
e.g. this style says “add a border around each Cell, add Margins and Spacing”.
Artisteer4.0 | 50
This changes the Cell options for ‘border’, ‘Fill’ color (set to ‘no fill’), and Radius (no radius). It also
changes the Row options: Border (no border), Radius (no radius), ‘Fill’ color (set to ‘no fill’), Margin (to
add space between rows), and Spacing (to add spaces between Cells).
But, suppose you select this style:
This style changes the Row border options (‘top’ and ‘bottom’), not the Cell options. That is, the
border is defined by the Row, not the Cell.
Documents you may be interested
Documents you may be interested