HTML Certificate Page Layout

• Set Background Image

• Create a Base Layout using a Table

• Customize the Border

• Create a Header

• Create Rows and Columns in the Base Table

• Create Tables for Main Content and Layout

• Removing Borders

• Create a Footer

• Inserting Images

Set Background Image

Step 1: Optionally set Background Image.

Create a Base Layout using a Table

Step 2: Create a layout for content and template properties using tables.

Step 3: Create a base layout to contain all custom layout options. Select the Table Icon and select a 1x1.

Step 4: Open Table Properties by selecting the inserted 1x1 table and selecting the Properties Icon.

Step 5: Set Width and Height to 100%.

Customize the Border

Step 6: Optionally remove or customize the Border. To remove the border set the Border Width to 0. To customize the border select Advanced and make changes according to your requirements.

Create a Header

Step 7: Optionally create a header by Inserting a Row to the base layout table. Select the table and Click the Insert row before the Icon.

Step 8: Select the Row and Drag it up.

Step 9: Enter your header title. Align Center and set Font from Paragraph to Header 1.

Step 10: Reset the base layout table to height 100% by repeating Steps 4 - 5 whenever you make changes to the base table (ie. adding rows and columns).

Create Rows and Columns in the Base Table

Step 11: Optionally create rows and columns within the base table created in Steps 3 - 6 for customizing the layout.

Create Tables for Main Content and Layout

Step 12: Optionally create sub tables within the base table created in Steps 3 - 6 for all content you want centered in the template.

Step 13: Optionally Align Contents by selecting within the table and dragging to select the table cells.

Removing Borders

Step 14: Optionally remove borders for tables used to set up the template layout by going to table properties and setting the border to 0.

Create a Footer

Step 15: Optionally create a footer by inserting a row after the center content.

Inserting Images

Step 16: Optionally insert images by selecting the Image Icon.

Step 17: Click the Source Icon and navigate to the file location on your computer. Click Open and the Source field will propagate. Click Save and the image will be inserted.

Step 18: Resize the Image by using the blue square nodes.

Step 18: Click Save and your Page is saved.