| How do I use the HTML editor in WebCT? |
Entering Text
You can enter text in the HTML editor the same way you enter text in a word processor.
- In the tool, click HTML editor. The HTML editor appears.
- In the editing area, enter your text.
Formatting Text
Changing the font of text
Note: The default font type is Serif.
- Select the text you want to change.
- From the Font Type drop-down list
, select a font type. The selected text is modified.
Changing the size of text
Note: The default font size is 12.
- Select the text you want to change.
- From the Font Size drop-down list
, select a font size. The selected text is modified.
Applying bold formatting to text
- Select the text you want to change.
- From the toolbar, click Bold
. The selected text is bold.
Applying italic formatting to text
- Select the text you want to change.
- From the toolbar, click Italic
. The selected text is italic.
Underlining text
- Select the text you want to change.
- From the toolbar, click Underline
. The selected text is underlined.
Changing the color of text
- Select the text you want to change.
- From the toolbar, click Font Color
. The Colors dialog box appears.
- Under Standard Colors, click a color. Note: If you mouse over a color, the color's name and hexadecimal code appear in the dialog box's title bar.
The color of the selected text changes.
- If you want to add a custom color:
- In the RGB text box, enter a hexadecimal code.
- Click Add to custom colors.
- Under Custom Colors, click the custom color. The color of the selected text changes.
Formatting Paragraphs
Applying a paragraph format
- Click the paragraph you want to change.
- From the Paragraph Format drop-down list
, select a format. The selected paragraph is modified.
Aligning text with the left margin
- Select the text you want to change.
- From the toolbar, click Align Left
. The text is aligned to the left.
Centering text
- Select the text you want to change.
- From the toolbar, click Center
. The text is centered.
Aligning text with the right margin
- Select the text you want to change.
- From the toolbar, click Align Right
. The text is aligned to the right.
Increasing the left indent of an entire paragraph
- Select the paragraph you want to change.
- From the toolbar, click Increase Indent
. The indent increases.
Decreasing the left indent of an entire paragraph
- Select the paragraph you want to change.
- From the toolbar, click Decrease Indent
. The indent decreases.
Adding Bullets or Numbers to a List
- In the editing area, click where you want the list to appear, or select the item(s) you want to add bullets or numbers to.
- From the toolbar, do one of the following:
- To add bullets, click Bullets
.
- To add a numbered list, click Numbered List
.
- To add an alphabetical lists, click Alphabetical List
.
Note: When you press Enter to add the next list item, the HTML editor automatically inserts the next bullet or number. When you want to finish the list, click Bullets , Numbered List , or Alphabetical List again.
Moving or Copying Text and Images
- Select the item you want to move or copy.
- Do one of the following:
- To move the item, from the toolbar, click Cut
.
- To copy the item, from the toolbar, click Copy
.
- Click where you want the item to appear.
- From the toolbar, click Paste
.
Inserting Text from Another Source
You can insert text from another source into the editing area.
- Copy the text from the other source.
- In the editing area, click where you want the content to appear.
- From the toolbar, click Insert Text
. The Paste Text from Clipboard dialog box appears.
- Paste the text into the dialog box by pressing CTRL+V.
- Do one of the following:
- If the text is in plain text format, select Plain Text.
- If the text is in HTML format, select HTML.
- Click Ok. The text is inserted.
Inserting a Symbol
- In the editing area, click where you want to insert a symbol.
- From the toolbar, click Insert Symbol
. The Insert Symbol dialog box appears.
- Click the symbol you want to insert. The symbol appears in the Insert box.
- Click Insert. The symbol is inserted.
- To close the Insert Symbol dialog box, click Close.
Inserting an Image
- In the editing area, click where you want to insert an image.
- From the toolbar, click Insert Image
. The Insert Image dialog box appears.
- In the Source text box, do one of the following:
- If the image is saved in the main My-Files folder, enter the filename of the image. For example, to insert an image named Europe_map.gif, which is saved in the main My-Files folder, enter Europe_map.gif.
- If the image is saved in a folder in My-Files, enter the path and filename of the image. For example, to insert an image named Asia_map.gif, which is saved in a folder named Maps in the main My-Files folder, enter Maps/Asia_map.gif.
- If the image is on a different web site, enter the full address of the web site, the path, and the filename of the image.
- In the ALT-String text box, enter a short description of the image. This text displays in a browser when you mouse over the image.
- In the Border Width text box, enter the width of the border in pixels.
- In the Size text boxes, enter the width and height of the image in pixels, and click Ok. The image is inserted.
Inserting a Horizontal Line
- In the editing area, click where you want to insert a horizontal line.
- From the toolbar, click Insert Horizontal Line
. A horizontal line is inserted.
Inserting and Modifying a Table
Inserting a table
- In the editing area, click where you want to insert a table.
- From the toolbar, click Insert Table
. The Table Properties dialog box appears.
- Select the desired number of rows and columns; the table, row, column, cell, and color properties, and click Ok. The table is inserted.
Inserting the default table
The HTML editor's default table has four columns and three rows.
- In the editing area, click where you want to insert the default table.
- From the toolbar, click Insert Default Table
. The table is inserted.
Adding a row to a table
- In the table, click in a cell above or below where you want to insert the row.
- From the toolbar, click Insert Row
. The Insert Row dialog box appears.
- Select the position in which you want to insert the row and click Insert Row. The row is inserted.
Adding a column to a table
- In the table, click in a cell to the left or right of where you want to insert the column.
- From the toolbar, click Insert Column
. The Insert Column dialog box appears.
- Select the position in which you want to insert the column and click Insert Column. The column is inserted.
Inserting a Hyperlink
You can create a link from text or an image to another document or web site.
- Select the text or image you want to represent the hyperlink.
- From the toolbar, click Insert Hyperlink
. The Insert Hyperlink dialog box appears.
- In the Href text box, do one of the following:
- If you want to insert a link to an HTML document saved in the main My-Files folder:
- Delete http://.
- Enter the filename of the document. For example, to insert a link to an HTML document named European_history.html, which is saved in the main My-Files folder, enter European_history.html.
- If you want to insert a link to an HTML document saved in a folder within the main My-Files folder:
- Delete http://.
- Enter the path and filename of the document. For example, to insert a link to an HTML document named Asian_history.html, which is saved in a folder named History in the main My-Files folder, enter History/Asian_history.html.
- If you want to insert a link to a web site, enter the full address of the web site, including the protocol http:// or https://.
- To the right of the Target text box, click
and select the location in which you want the link to appear.
- Click Ok. The hyperlink is inserted.
Inserting HTML
You can insert an external HTML page.
- In the editing area, click where you want to insert the HTML file.
- From the toolbar, click Insert HTML
. The Insert HTML file at current position dialog box appears.
- In the URL text box, following http://, enter the full address of the web site, the path, and the filename of page.
- Click Ok. The page is inserted.
Checking Spelling
- From the toolbar, click Spelling Check
. If the HTML editor finds a possible spelling error, the Check Spelling dialog box appears.
- Make your changes.
- When the spell check is complete, click Ok.
For more information about HTML Editor, see the Student Help Index.
home | back | next |