HTML Creator: How do I use the HTML Creator?

ANSWER: HTML CREATOR - USING IT

The HTML Creator consists of the following:

  • a toolbar that contains buttons for formatting content and inserting objects, such as tables and links.
  • an editing area where you enter content.
  • tabs that allow you to display content in either WYSIWYG (What You See Is What You Get) view or Source View.
    • WYSIWYG view displays a visual representation of your content. When you work in WYSIWYG view, the HTML Creator automatically generates the underlying HTML source code. To view or edit the underlying source code, click the Source View tab.


WARNING: If you use HTML Creator to edit an HTML file that was created by using another HTML editor, such as Dreamweaver® software, HTML Creator may remove complex HTML tags that it does not recognize.

Note: If you see a red x or the HTML creator fails to load, please refer to the Knowledge Base article about Java. 

In the HTML Creator's editing area, enter your content. Use the HTML Creator toolbar to format your text and insert objects. TIP: Hover your mouse over a button or icon to get its meaning.

The following table describes how to use each button and drop-down list on the toolbar.

Button or Drop-Down List

 

How to Use

Shrink the toolbar or Expand the toolbar

To shrink or expand the toolbar, click the Shrink the toolbar or Expand the toolbar button. The toolbar shrinks or expands.

New

To open a new document without saving the current document:

  1. Click the New button. The New Document dialog box appears.

  2. Click OK. The editing area clears.

Cut

To cut text, in the editing area, select the text you want to cut and click the Cut button. The selected text is cut from the editing area.

Copy

To copy text, in the editing area, select the text you want to copy and click the Copy button.

Paste

To paste text that you cut or copied from the editing area, place your cursor where you want the text to appear and click the Paste button. The text is pasted.

Find and Replace

To search for and replace text:

  1. Click the Find and Replace button. The Find and Replace dialog box appears.

  2. In the Find What text box, enter the text you want to find.

  3. If you want to find only those instances in which the case matches the text you typed, select Match Case.

  4. If you want to find whole words only, select Find Whole Words Only.

  5. If you want to replace the text you find with other text, in the Replace With text box, enter the text you want to use as a replacement.

  6. By default, the HTML Creator searches down, from the point where your cursor is placed in the editing area, to the end of the document. If you want to search up, from the point where your cursor is placed, to the beginning of the document, next to Direction, select Up.

  7. Click Find Next, Replace, or Replace All.

  8. To close the Find and Replace dialog box, click Cancel.

Undo

To undo mistakes, click the Undo button.

Redo

If you decide you do not want to undo an action, click the Redo button.

Paragraph Format

To apply a different paragraph format to text, in the editing area, select the text you want to modify and from the Paragraph Format drop-down list, select the format you want to apply. The selected text is modified.

Font Type

To change the font of the text, in the editing area, select the text you want to modify and from the Font Type drop-down list, select the font you want to apply. The selected text is modified.

Font Size

To change the size of the text, in the editing area, select the text you want to modify and from the Font Size drop-down list, select the size. The selected text is modified.

Bold

To apply bold formatting to text, in the editing area, select the text you want to format and click the Bold button. The selected text is bold.

Italic

To apply italic formatting to text, in the editing area, select the text you want to format and click the Italic button. The selected text is italic.

Underline

To underline text, in the editing area, select the text you want to format and click the Underline button. The selected text is underlined.

Font Color

To change the color of text:

  1. Select the text you want to change.

  2. Click the Font Color button. The Colors dialog box appears.

  3. Select the color you want. The text color changes.

Align Left

To align text to the left, in the editing area, select the text you want to align and click the Align Left button. The selected text is left aligned.

Center

To center text, in the editing area, select the text you want to center and click the Center button. The selected text is centered.

Align Right

To align text to the right, in the editing area, select the text you want to align and click the Align Right button. The selected text is aligned right.

Justify

To justify text, in the editing area, select the text you want to justify and click the Justify button. The selected text is justified.

Subscript

To make text subscript, in the editing area, select the text you want to format and click the Subscript button. The selected text is subscript.

Superscript

To make the text superscript, in the editing area, select the text you want to format and click the Superscript button. The selected text is superscript.

Insert Table

To insert a table that you can format and choose dimensions for before the table is inserted, insert a custom table.

Note:

After a custom table is inserted, you can add rows and columns but you cannot delete rows or columns, or modify table formatting.

To insert a custom table:

  1. In the editing area, place your cursor where you want to insert a table and click the Insert Table button. The Table Properties dialog box appears.

  2. Under Number of rows/columns, select the number of rows and columns.

    Note:

    You can insert a maximum of 10 rows and 10 columns in the table.

  3. Enter the table, row, column, cell, and color properties you want and click OK. The table is inserted in the editing area.

Insert Table Wizard

To insert a simple table, which you cannot format, use the Insert Table Wizard button.

Note:

After a simple table is inserted, you can add rows and columns but you cannot delete rows or columns.

To insert a simple table:

  1. In the editing area, place your cursor where you want to insert a table and click the Insert Table Wizard button. The Table Wizard dialog box appears.

  2. Drag to highlight the number of rows and columns that you want to insert and then click your mouse.

    Note:

    You can insert a maximum of 10 rows and 10 columns in the table.

    The table is inserted in the editing area.

Insert Row

To insert a row in a table:

  1. Click in a cell above or below where you want to insert a row and click the Insert Row button. The Insert Row dialog box appears.

  2. Select the position in which you want to insert the row and click the Insert Row button. The row is inserted.

Insert Column

To insert a column in a table:

  1. Click in a cell to the left or right of where you want to insert a column and click the Insert Column button. The Insert Column dialog box appears.

  2. Select the position in which you want to insert the column and click the Insert Column button. The column is inserted.

Unordered List

To insert an unordered (bulleted) list:

  1. In the editing area, place your cursor where you want to insert an unordered list and click the Unordered List button. The first bullet in the list appears. When you press Enter on your keyboard to add the next list item, the HTML Creator automatically inserts the next bullet.

  2. If you want to modify the style of the bullets:

    1. Click the down arrow to the right of the Unordered List button.

    2. Click the bullet style you want to use. The bullet style is modified.

  3. To end the list:

    1. On your keyboard, press Enter. The next bullet appears.

    2. Click the Unordered List button. The bullet is removed.

Ordered List

To insert an ordered (numbered) list:

  1. In the editing area, place your cursor where you want to insert an ordered list and click the Ordered List button. The first number in the list appears. When you press Enter on your keyboard to add the next list item, the HTML Creator automatically inserts the next number.

  2. If you want to modify the number style:

    1. Click the down arrow to the right of the Ordered List button.

    2. Click the number style you want to use. The number style is modified.

  3. To end the list:

    1. On your keyboard, press Enter. The next number appears.

    2. Click the Ordered List button. The number is removed.

Decrease Indent

To decrease the left indent of text, in the editing area, select the text in which you want to decrease the left indent and click the Decrease Indent button. The left indent of the selected text decreases.

Increase Indent

To increase the left indent of text, in the editing area, select the text in which you want to increase the left indent and click the Increase Indent button. The left indent of the selected text increases.

Insert Link (Windows users)

Note:

The Insert Link button appears on the HTML Creator toolbar for Windows users only. Mac users will see the Insert Hyperlink button. For information on using the Insert Hyperlink button, see the row below.

To insert a link:

  1. In the editing area, place your cursor where you want the link to appear and click the Insert Link button. The Insert Link pop-up window appears.

  2. Do one of the following:

    • To insert a link to file in WebCT or on your computer:

      1. Click Browse. The Content Browser pop-up window appears.

      2. Navigate to and select the file.

    • To insert a link to file on the Internet, in the URL text box, enter the complete URL of the file, including the protocol to use (usually http://).

      Tip:

      Rather than typing the complete URL, copy the URL from a web browser and paste it in the text box.

  3. In the Link Text text box, enter the text you want to represent the link and click OK. The link is inserted in the editing area.

Insert Hyperlink (Mac users)

Note:

The Insert Hyperlink button appears on the HTML Creator toolbar for Mac users only. Windows users will see the Insert Link button. For information on using the Insert Link button, see the row above.

To insert a hyperlink:

  1. In the editing area, place your cursor where you want the link to appear and click the Insert Hyperlink button. The Insert Hyperlink dialog box appears.

  2. In the Href text box, enter the URL of the site to which you want to link, including the protocol to use (usually http://).

  3. Next to the Target text box, click the Target icon and, from the menu that appears, select whether you want the link to open in the Same Frame, Whole Page, New Window, or Parent Frame.

  4. Click OK. The hyperlink is inserted in the editing area.

Insert Bookmark

A bookmark is an invisible marker in a document. You can link to a particular item or location in a document by first inserting a bookmark and then creating a link to the bookmark.

  1. To insert a bookmark:

    1. In the editing area, place your cursor where you want the bookmark and click the Insert Bookmark button. The Insert Bookmark dialog box appears.

    2. In the Bookmark Name text box, enter a name for the bookmark and click OK. The name cannot contain spaces. The bookmark is inserted in the editing area. A flag signifies the location of the bookmark.

      Tip:

      To edit the bookmark name, select the flag and click Insert Bookmark. The Edit Bookmark dialog box appears. In the Bookmark Name dialog box, edit the name and click OK.

  2. To create a link to the bookmark, do one of the following:

    • Windows users:

      1. In the editing area, place your cursor in the location from which you want to create a link to the bookmark and click the Insert Link button. The Insert Link pop-up window appears.

      2. Next to Link type, select File Browse or Upload and in the text box, enter a number sign (#), followed by the name of the bookmark.

        Example:

        To link to a bookmark named Top, enter #Top.

      3. In the Link text text box, enter the text you want to represent the link and click OK. The link is inserted in the editing area.

    • Mac users:

      1. In the editing area, select the text from which you want to create a link to the bookmark and click the Insert Hyperlink button. The Insert Hyperlink dialog box appears.

      2. From the Bookmark drop-down list, select the bookmark to which you want to link and click OK. The link is inserted in the editing area.

Insert Horizontal Line

To insert a horizontal line, in the editing area, place your cursor where you want a horizontal line to appear and click the Insert Horizontal Line button. A horizontal line appears in the editing area.

Check Spelling

Note:

Depending on administrator settings, the spelling checker may not be available.

To check the spelling of your content:

  1. Click the Check Spelling button. If the HTML Creator finds a possible spelling error, the Check Spelling dialog box appears.

  2. Make your changes.

  3. When the spelling check is complete, to close the Check Spelling dialog box, click OK. The Check Spelling dialog box closes.

Insert Symbol

To insert a symbol:

  1. In the editing area, place your cursor where you want the symbol to appear and click the Insert Symbol button. The Insert Symbol dialog box appears.

  2. Click the symbol you want to insert. The symbol appears next to Insert.

  3. Click Insert. The symbol appears in the editing area.

  4. To close the Insert Symbol dialog box, click Close. The Insert Symbol dialog box closes.

Show All

You can show or hide paragraph and other formatting marks. Showing paragraph marks help you see where each paragraph ends. To show all paragraph marks:

  1. Click the Show All button. The paragraph marks and other formatting marks appear in your content.

  2. If you want to hide the paragraph marks, click the Show All button again.

Document Statistics

You can view the number of words, characters, paragraphs, and images in your content by displaying document statistics. To display document statistics:

  1. Click the Document Statistics button. The Document Statistics dialog box appears.

  2. To close the Document Statistics dialog box, click OK.

Frame Window Mode

If you want the HTML Creator to appear in a new window, which you can resize:

  1. Click the Frame Window Mode button. The HTML Creator appears in a new window.

  2. If you want to resize the window:

    1. Point to any window corner.

    2. When the pointer changes into a vertical double-headed arrow, drag the border in any direction.

  3. When you are finished editing the content in Frame Window Mode, click X in the upper corner of the window. You return to the WebCT tool page.

About

If you want to know more information about the HTML Creator:

  1. Click the About button. The About dialog box appears.

  2. If you want to read about the system properties:

    1. Click System Info. The System Properties dialog box appears.

    2. When you are finished reading the system properties, click OK. The System Properties dialog box closes.

  3. To close the About dialog box, click OK. The About dialog

If you have any further questions, please contact us for support. Thank you.
- WebCampus Support