Basics

HTML Designer is an Eclipse editor and is associated with Text/HTML and other server-side language specific content types. In order to edit an HTML document or fragment with HTML Designer, double-click or choose Open With > JointLogic HTML Designer context menu item.

Fragments

Fragments are incomplete HTML documents that contain HTML markup normally placed in BODY element. Fragments have no DTD declaration, HEAD and BODY elements. A sample fragment content would look like this:

Hello <b>world</b>

Inserting content using toolbox

Toolbox provides many items grouped in several categories. In order to open a category, click on the category button like "HTML Common" or "HTML Forms".

There are two ways to use a toolbox item:

• Double-clicking on the item - inserts the content at the insertion point position. Some items like "Table", "Image" and "Hyperlink" provide wizard dialogs for content customization.
• By drag and drop the item on the designer surface.
  

View

Using the view toobar you can show/hide the Toolbox using the left button or can select a detail level of HTML designer surface.

DOM inspector

DOM inspector allows you to insepct the DOM structure of HTML documents and fragmets. It is displayed in the Eclipse Outline view. To open the Outline view select Window > Show View > Outline menu item.

Site root-relative paths

Site root-relative paths start with slash e.g /img/image1.jpg and allow you to move documents that use them without breaking links to other documents and resources. By enabling the "Use site root-relative paths when possible" preference option, browsing for resources in JointLogic Web Designer will generate site root-relative paths when possible. In the Design tab, in order to visualize images and apply style sheets, JointLogic Web Desginer will resolve site root-relative paths relative to WebContent folder or relative to the project roor folder.