Character Formatting
Bold, Italic, Underline, Strike through, Clear Formatting

Character formatting tools allow you apply formatting to text. Highlight the text you wish to format and click the desired tool bar button.

Bold – makes selected text bold.
Italic – makes selected text italic.
Underline – underlines selected text.
Strike through – places a line through selected text.
Clear Formatting - removes all formatting from the text

NOTE: Always consider the options available in Styles (see below) before making changes like bolding a word or phrase.  If you apply a Style to the text and later decide you want to change the style from bold to italic, for example, throughout your website,  you can just modify the style and not have to make changes to every article.  

Table Tools
Insert Table

To insert a table:

• Position your cursor where you wish to place the table and click the table arrow to access the drop-down menu. Click insert table, then click and drag the grid for the correct number of rows and columns you want in your table.
• Click the last box on the grid and your table will be inserted in the artiicle. 

Table Properties

General

Change the formatting and alignment of individual cells with the Table Properties tool. An overview of Table Properties follows:

GENERAL

Width: Set the width of your table in pixels by entering a number or percent value (enter a number followed by a % symbol). The default expands to accommodate your text.

Cell Spacing - Enter a smaller number for less space between the table cells

Border - Enter a number to add an outside border.   i.e. 1 - for a thin border  2+ -  thickness of the border increases

Height: Set the table height in pixels by entering a number or percent value (enter a number followed by a % symbol). The default expands to accommodate your text.

Cell Padding - Enter a smaller number for less space between the contents of the cell and the outside of the cell.

Caption - Click the box to add a caption above the table

Alignment: Changes the horizontal alignment of table on the page -  Center, Left or Right.

Table Properties

Advanced

Style - Select from styles created for your website

Border & Background Colors -  Type a color, i.e red, blue, green, etc. or chose more specific colors from a website like this: HTML Color Codes

Table - Cell

Split Merged Table Cells, Merge Table Cells

Cell Properties

Width and Height - Enter pixels 

Cell type - Select Cell or Header Cell

H Align - Choose horizontal alignment:  Left - Center - Right

V Align - Choose vertical alignment:  Top - Center - Bottom

Click OK

Style - Select from styles created for your website

Border & Background color - Type a color, i.e red, blue, green, etc. or chose more specific colors from a website like this: HTML Color Codes

 Merge or Split Cells

Combine two or more cells into one cell with the Merge Cells tool 

• Select the cells you wish to merge into one cell.
• Click Merge Cells.

• Click in the merged cell.
• Click Split Cells.

Table - Row

Insert Row Before, Insert Row After, Delete Row
 

Insert or delete rows in your table with the Insert Row Before, Insert Row After and Delete Row tools. To use these tools:

• Insert Row Before: Click in the row that will follow the row you wish to add and click Insert Row Before.
• Insert Row After: Click in the row that will precede the row you wish to add and click Insert Row After.
• Delete Row: Click in the row you wish to delete and click Delete Row. Delete Row does not produce a confirmation window. If you wish to restore the row, click Undo.
• Cut Row - Click in row to move it to a different place
• Copy Row - Click in row to copy, but leave the original 
• Paste row before - Click row below where you want the cut or copied row to appear
• Paste row after - Click row above where you want the cut or copied row to appear

Table - Column

Insert Column Before, Insert Column After, Delete Column

Insert or delete columns in your table with the Insert Column Before, Insert Column After and Delete Column tools. To use these tools:

• Insert Column Before: Click in the column that will follow the column you wish to add and click Insert Column Before.
• Insert Column After: Click in the column that will precede the column you wish to add and click Insert Column After.
• Delete Column: Click in the column you wish to delete and click Delete Column. Delete Column does not produce a confirmation window. If you wish to restore the column, click Undo.

Paragraph Alignment Tools

The alignment tools apply formatting to paragraphs of text. A paragraph is defined as a block of text that ends with a hard return or Enter. To align text, place your cursor in the paragraph you wish to align and click the desired toolbar button.

Align left – aligns paragraph with the left margin and leaves the text on the right margin jagged.
Align center – centers text in the middle of the page and results in text that is jagged on both sides.
Align right – aligns text with the right margin and leaves the text on the left margin jagged.
Align full – Stretches text fully from left to right margin and leaves both margins even. Inserts extra spaces to achieve full alignment.

Numbering

 Apply bullets and numbers to text by positioning the cursor in the paragraph you wish to modify and clicking the button to apply. If you wish to add bullets or numbering to multiple lines of text, select all the text before clicking the tool button to apply.

Bulleted List – Indents and bullets your paragraph of text. Click on the dropdown arrow to display the style of bullet you want to use. When you press Enter after a bulleted line, a new bulleted line is created. If you do not want a new bulleted line, position your cursor in the bulleted line and click the Bulleted List button again.

Numbered List – Indents and numbers your paragraph of text. Click on the drop-down arrow to display numbering format options.  When you press Enter after a numbered line, a new numbered line is created. If you do not want a new numbered line, position your cursor in the numbered line and click the Numbered List button again.

Decrease Indent
Increase Indent

Decrease Indent – Decreases the distance of an indent. Position your cursor in the paragraph that is indented too much and click Decrease Indent. If needed, click multiple times to continue decreasing.

Increase Indent – Increases the distance of an indent. Position your cursor in the paragraph that needs to be indented more and click Increase Indent. If needed, click multiple times to continue increasing.

Formats

Paragraph

Use Text Levels to apply different pre-defined heading or paragraph formatting. Text levels are applied to paragraphs (blocks of text ending with a hard return/enter). Position your cursor in the paragraph you wish to modify and choose a text level to apply.

DO NOT USE HEADING 1.   HEADING 1 is a reserved heading important for SEO.

Cut, Copy, Paste and Paste Plain Text

• Highlight text you wish to cut or copy.
• Click the cut or copy button.
• Position cursor where you wish to paste.
• Click the Paste button or press Ctrl v to paste.

You can paste text copied from most sources, but due to website template constraints, your paste may be erratic and not match the source.
Paste as Plain Text pastes your text without source formatting, so the results are guaranteed to work with your templates.

Undo
Redo

Undo – Click Undo to cancel the last action made since the last save. Saving commits the changes and deactivates Undo. Continue clicking Undo to cancel other previous changes made, since the last save.

Redo – Use Redo when you wish to revert back from the last undo. If you have used Undo several times since the last save, you can continue clicking Redo to reverse the changes.

Hyperlinks Tool Palette

Lesson 8 - Creating & Using Hyperlinks for complete instructions on creating hyperlinks, anchors and short code.

Click to insert/edit image 

While the WYSIWYG Text Editor offers powerful tools for editing your website, you may sometimes need to view and edit the HTML source code directly.  NOTE: Only do this if you are familiar with HTML.  

• Click Source Code.
• Make desired changes.
• Click OK.

Preview

Preview allows you to preview your work before saving. Preview provides a limited preview of your work in a pop-up window. The preview does not display your website styles or images, but does show heading levels, character formatting (italic, bold, etc) and hyperlinks

Text Color
Background Color

• Select the text you wish to apply color to.
• Click the arrow beside the Text Color or Background Color buttons (clicking the button itself applies the color on the face of the button).
• Choose a color.
• Save.

Insert Horizontal Line

• Click the beginning of the line above which you want the line to appear.
• Click Insert Horizontal Line.

Show/Hide Invisible Elements

Insert Special Characters

• Click in the spot where you wish to insert the character and then click the Insert Special Character button.
• Select a character from the dialog box.
• Clicking on the character inserts it in the text and closes the dialog box. 

Spell Checker

Click Spell Checker to activate it and select a language from the drop-down menu. Spell Checker will look for errors in text as you type and mark them with a red, wavy underline. You must activate the tool before entering text to search for errors. If you activate after you have entered text, it will not find errors in the text you already entered.

Right click on words displaying wavy lines to view options for changing the word from a suggested list or to add the word to the internal dictionary (this is helpful for company and product names a spellchecker might not recognize).

Toggle Full Screen Mode

Use Toggle Full Screen to expand the Text Editor to full screen. Click the button again to restore the text editor to its regular size.