Previous Topic

Next Topic

Book Contents

Advanced Editing

The SiteBuilder WYSIWYG editor automatically converts the textual and tabular information on your web pages into the HTML code. HTML is a standardized language for presenting information, graphics, and multimedia on the World Wide Web. Using the Advanced Editing feature, you can easily apply different styles and change properties of selected elements.

At the bottom of the Edit page, you can see the Advanced Editing bar displaying the HTML structure of the line, on which your mouse cursor is now placed.

Advanced Editing bar

For example, if you place the mouse cursor in a table, the HTML code structure may contain the following tags: BODY, P, TABLE, TBODY, TR, TD. The tag where the cursor is now is shown in bold. The child tags of the active tag are enclosed in parentheses.

To edit the textual content inside a tag

  1. Place your mouse cursor in the line you want to edit and click the tag name in the Advanced Editing bar.
  2. Click Advanced in the lower right corner of the Advanced Editing bar. The Advanced Tag Properties dialog box opens.

    This dialog box opens for the following tags: P, TR,TD, P(NORMAL), H1, H2, H3,H4,H5,H6,ADDRESS, PRE(FORMATTED), A,OL,UL,LI,DIV,SPAN,FONT.

  3. Edit the following properties:
  4. Click OK. The changes will be immediately applied in the editor screen.

For some tags, such as TABLE, TR (Table Row), TD (Table Data) A (Link), UL (Unordered List), OL (Ordered List), HR (Horizontal Rule) and IMG (Image), you can edit properties. The set of properties that you can edit is different for each of these tags.

To edit tag properties

  1. Place your mouse cursor in the line you want to edit and click on the tag name in the Advanced Editing bar.
  2. Click Properties on the Advanced Editing bar. The Tag Properties dialog box opens.
  3. Edit the following properties for the tags:
  4. Click OK.

If you are familiar with HTML code, you can insert SiteBuilder icon on any page of your website by editing HTML code of this page.

Here is the example of such HTML code:

<tr>

<td align="center"> <a href="/services.shtml" onclick="javascript: goUrl('http://sb.your_domain.net/wizard/index.php')" title="Site Builder — Build your Web Site now in 5 simple steps!"><img src="/images/button_sitebuilder.jpg" alt="Site Builder &mdash; Build your Web Site now in 5 simple steps!" width="180" height="90" border="0"></a> </td>

</tr>

See Also

Creating and Editing Website Content

Editing Textual Information on Web Pages

Working with Tables

Using SiteBuilder Modules