Designing the Layout of Web Templates 

Use

You can change the layout of your Web template as you are used to doing with HTML editors.

Features

Arranging Web Items on the Page  

·        You can change the size of the placeholders. You can see what effect resizing a Web item in a Web application has by looking at the values, shown in the HTML view by the parameters Height and Width for the corresponding item.

·        You can align the Web items horizontally.

-         Choose  to left-justify the Web item.

-         Choose  to center the Web item.

-         Choose  to right-justify the Web item.

·        To regroup the Web items, drag a Web item to the required position with Drag&Drop.

·        To place several Web items one next to the other you have to set the width of the Web template to the appropriate value. If the Web Template is wide enough for a second Web item, this is positioned to the right of the first Web item because the browser breaks up pages according to standard HTML.

Arranging Web Items Using an HTML Table

To arrange Web items optimally next to and below one another you can use an HTML table. You can apply this grid required.

...

       1.      Choose or Insert ® Table  ® Insert Table.

·        In the Insert Table dialog box, you enter the Number of Rows and Number of Columns.  

·        In the Table Tag Attribute and Cell Tag Attribute fields, you can make settings that are written to the corresponding tags in HTML. The table is displayed in the layout view as defined by these tags.

·        You can give the table a title under Title.

·        You can show and hide the frame during the layout process by choosing Layout ®  Display Frame.

·        You can show the HTML tags in the layout view by choosing Layout  ® Display HTML Tags.

·        To change the table, choose Insert  ® Table  ®

-         Insert Rows

-         Insert Columns

-         Insert Cells

-         Delete Rows

-         Delete Columns

-         Delete Cells

-         Merge Cells

-         Split Cells

You can change the size of the complete table but not of individual cells.

You can information under Merging Cells of an HTML Table.

       2.      You can drag different Web items to the individual table cells, depending on whether you want to arrange your Web items horizontally or vertically.

Enhancing Web Templates with Texts

As well as inserting and arranging Web items, you can also enhance your Web template with texts, which you can format.

...

       1.      Place the cursor on a position in the Web template and enter a text.

       2.      You format it by selecting the text passage and selecting one of the following options:

¡        Change Font

¡        Change Font Size

¡        Bold Character ()

¡        Italic Character ()

¡        Underlined Character()

¡        Character Settings ()

¡        Numbering ()

¡        Bullets ()

¡        Reduce Indentation ()

¡        Enlarge Indentation ()

¡        Left-justified ()

¡        Centered ()

¡        Right-justified ()

Enhancing Web Templates with Images

In addition to inserting and arranging Web items and texts, you can attach images, such as company logos, to your Web templates. These images are stored in the MIME Repository on the BW server. The system supports GIF, JPG and BMP formats.

...

       1.      Position the cursor where you want to insert an image in the Web template.

       2.      Choose Insert ® Image and select the image file that you want to insert. Choose OK.

If you want to use an image that is not in the list, for example, one that is stored on your Web server, mark the checkbox beneath the selection list and enter the URL for the image. For more information about inserting images in Web templates, see Stylesheet and Symbol Store.

 See also: Context Menu in Web Templates