diff --git a/suite/locales/en-US/chrome/common/help/composer_help.xhtml b/suite/locales/en-US/chrome/common/help/composer_help.xhtml new file mode 100644 index 000000000000..94fe0526fae0 --- /dev/null +++ b/suite/locales/en-US/chrome/common/help/composer_help.xhtml @@ -0,0 +1,988 @@ + + +Netscape 6 Composer Help + + + + + + + + + +

Creating Web Pages with Netscape Composer

+

 

+ + + + + +
+

In this section: +

Creating a New Page +

Choosing the Right Editing Mode +

Saving and Browsing Your New Page +

+ +

 

+ +

Creating a New Page

+ +

Netscape Composer is an HTML (HyperText Markup Language) editor that allows you to create and edit web pages. +Composer is WYSIWYG (What You See Is What You Get) editor, so you can see how your page will look to the reader as you're creating it. It's not necessary for you to know HTML, since most of the basic HTML functions are available as commands from the toolbars and menus. + +

To create a web page, use one of the methods described below. Once you've +started a page, you can add and edit text just as you would in a word processor.

+ +

To create a new page:

+ + + +

To edit a page you're currently browsing in Navigator:

+ + + +

To start from an HTML file stored on your local drive:

+ +
    +
  1. Open the Tasks menu and choose Composer.
  2. +
  3. Open the File menu and choose Open File.
  4. +
  5. Locate the file on your hard drive that you want to use.
  6. +
  7. Click Open to see the specified file in a Composer window.
  8. +
+ +

To edit a Web page: +

    +
  1. Open the file menu and choose Open Web Location. +
  2. In the Open Web Location dialog box, type the URL of the page (for example, www.netscape.com), and then select New Composer from the pop-up menu. +
  3. Click Open to view the page in a Composer window. +Note: Keep in mind that when you save this page, it will only be saved on your hard drive. +
+ +

Tip: In the Composer window you can quickly open the most recent files you've been working on by opening the File menu, choosing Recent Pages, and then selecting the file you want from the list. + +

+[ Return to beginning of section ] +

+ +

 

+ +

Choosing the Right Editing Mode

+ +

Composer allows you to quickly switch between four editing modes or views. Each editing mode allows you to continue working in your page, but displays varying levels of HTML tags (and tag icons). + +

Before you choose an editing mode: + +

+ +

The Edit Mode toolbar has four tabs: + +

+ +

Note: JavaScript functions, frames, and animated gif files are not enabled in any of the editing modes.

+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Saving and Browsing Your New Page

+ +

To save a new page as an HTML file on your local drive: + +

+ + +

Tip: Choose Revert to Last Saved from the File menu to retrieve the most recently saved copy of the document in which you're working. Keep in mind that your current changes will be lost. + +

To view your page in a Navigator (browser) window in order to test your links: + +

+ +

+[ Return to beginning of section ] +

+ + +

 

+
+

Formatting Your Web Page

+

 

+ + + + + +
+

In this section: +

Formatting Paragraphs, Headings, and Lists +

Changing Text Color, Style, and Font +

Finding Text in the Page +

Inserting Horizontal Lines +

Inserting Special Characters +

Inserting HTML Elements and Attributes +

Checking the Spelling +

+ + +

 

+ +

Formatting Paragraphs, Headings, and Lists

+ +

To apply a format to a paragraph: + +

    +
  1. Place the pointer where you want the format to begin and click, or highlight the paragraph(s) you want to format. +
  2. Open the Format menu and choose Paragraph. +
  3. Select one of the following formats: + +
+ +

To apply a heading format: + +

    +
  1. Place the pointer where you want the format to begin and click, or highlight the text you want to format. +
  2. Open the Format menu and choose Paragraph. +
  3. Choose the level of heading you want, from 1 to 6 (largest to smallest). For example, choose "Heading 1" for your main heading, "Heading 2" for the next level, and so forth.
  4. +
+ +

To apply a list item format: + +

    +
  1. Highlight the text you want to format. +
  2. Open the Format menu and choose List. +
  3. Choose the list style: + +
+ +

Tip: You can quickly apply a list style to text by selecting the text and clicking the Numbered List and Bulleted List buttons on the toolbar. + +

To change the style of bullets or numbers: + +

    +
  1. Click to place the pointer within the text of the list item you want to change. +If you want to change the entire list, select the whole list. +
  2. Open the Format menu and choose List Properties. +
  3. Choose a bullet or number style from the pop-up menu. For numbered lists, also specify a starting number. +If it is a bulleted list, you can change the bullet style. +
+ +

To align a paragraph or text in your page, for example, centering or aligning to the left or right: + +

    +
  1. Place the pointer in the paragraph or line of text you want to align. +
  2. Open the Format menu and choose Align; then choose an alignment option. +Or choose the alignment option from the formatting toolbar. +
+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Changing Text Color, Style, and Font

+ +

To change the style, color, or font of selected text: + +

    +
  1. Highlight the text you want to format.
  2. +
  3. Open the Format menu and choose one of the following:
  4. + +
+ +

You can also change the background color of the page, or use an image as a background. See Setting Page Colors and Backgrounds. + +

Tip: To quickly remove all formats from selected text, open the Format menu and choose Discontinue Text Styles. + +

+[ Return to beginning of section ] +

+ +

 

+ +

Finding Text in a Page

+ +

To look for text in the page you're currently working on: + +

    +
  1. Open the Edit menu and choose Find. +
  2. In the Find in this Page dialog box, type the text you want to locate. To narrow the search, check one or more of the following options: + +
  3. Click Find to begin searching. When Composer locates the first occurrence of the text, choose Find Again from the Edit menu to search for the next occurrence. +
+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Inserting Horizontal Lines

+ +

To add a horizontal line (also called a rule) to your page: + +

    +
  1. Place the pointer where you want the line to appear.
  2. +
  3. Click the H. Line button on the toolbar, or open the Insert menu and choose Horizontal Line.
  4. +
+ + +

Setting Horizontal Line Properties

+ +

You can customize a line's height, length, width, alignment, and shading. + +

    +
  1. Double-click the line to select it. +
  2. Open the Format menu and choose Horizontal Line Properties. +
  3. Edit these properties: + +
  4. Click Save Settings to use these settings as the default for all horizontal lines. +
+ + +

 

+ +

Inserting Special Characters

+ +

To insert characters such as symbols or accented letters: + +

    +
  1. Place the pointer where you want the special character to appear. +
  2. Open the Insert menu and choose Characters and Symbols. +
  3. Choose a category of characters. +
  4. If you choose Accent Uppercase or Accent Lowercase, then open the Letter pop-up menu and choose the letter you wish to apply an accent to. (Note: not all letters have accented forms.) +
  5. From the Character pop-up menu, choose the character you want to insert. +
  6. Click Insert and then close. +
+ + + +

+[ Return to beginning of section ] +

+ +

 

+ +

Inserting HTML Elements and Attributes

+ +

If you understand HTML source code, you can insert additional tags, style attributes, and JavaScript +into your page. To work with HTML code use one of these methods: + +

+ + + + +

Using the Advanced Property Editor

+ +

To add attributes and JavaScript to objects such as tables, images, and horizontal lines, +use the Advanced Property Editor: + +

    +
  1. Select the object you want to modify and then open its Properties dialog box. For example, to modify a horizontal line, double-click the line to select it; then open the Format menu and choose Horizontal Line Properties. +
  2. In the Properties dialog box, click Advanced Edit. +The Advanced Property Editor dialog box has three tabs, each of which lists the current properties for the selected object: + +
  3. To edit a property or attribute currently in the list, click the name and enter a different value in the field. +
  4. To add a property, type the Name, enter the corresponding value, and then click Add. +
  5. Click OK to confirm your changes, and then click OK again to exit the Properties dialog box.
  6. +
+ +

Composer automatically places opening and closing brackets < and > around your HTML, and quotation marks around any attribute text.

+ +

Caution: Composer does not validate attributes that you enter. Make sure you fully understand the rules before adding, deleting, or modifying any values. + +

+[ Return to beginning of section ] +

+ +

 

+ +

Checking the Spelling

+ +

To check the spelling of your page: + +

    +
  1. Place the pointer in the page.
  2. +
  3. Click the Spell button on the toolbar, or choose Check Spelling from the Edit menu.
  4. +
  5. Use the Check Spelling dialog box to correct misspellings and to edit or +add words to the current dictionary. Click Stop when you are done. + +
+ +

+[ Return to beginning of section ] +

+ + +

 

+
+

Adding Tables to Your Web Page

+

 

+ + + + + +
+

In this section: +

Inserting a Table +

Changing a Table's Properties +

Adding and Deleting Rows, Columns, and Cells +

Moving Around in a Table +

Moving, Copying, and Deleting Tables +

+ + +

 

+ +

Inserting a Table

+ +

Tables are useful for organizing text, pictures, and data into formatted rows and columns. To insert a table: + +

    +
  1. Place the pointer where you want the table to appear.
  2. +
  3. Click the Table button on the toolbar, or choose Table from the Insert menu. +You see the New Table Properties dialog box, where you can specify properties for the table (for example, height, width, and background color). +
  4. Type the number of rows and columns you want. +
  5. Enter a number for the height and width (in pixels). +
  6. Enter a number for the border thickness; enter zero for no border. Note: Composer uses a red dotted line to indicate tables with a zero border; the dotted line disappears when the page is previewed or browsed. +
  7. To apply additional table attributes or JavaScript, +click Advanced Edit to display the Advanced Property Editor. +
  8. Click OK to confirm your settings and view your new table.
  9. +
+ +

To edit and add additional properties to your new table, click inside the table and then choose Table Properties from the Format menu (or click the Table button in the toolbar). + +

+[ Return to beginning of section ] +

+ +

 

+ +

Changing a Table's Properties

+ +

You can modify properties that apply to an entire table as well as the rows, columns, or individual cells within a table. + +

To view, change, or add properties for a table (for example, caption, background color, and spacing): + +

    +
  1. Select the table, or click anywhere inside it.
  2. +
  3. Click the Table button on the toolbar, or open the Table menu and choose Table Properties. You see the Table Properties dialog box with two tabs: Table and Cell. +
  4. Click the Table tab to edit these properties: + +
  5. Note: To apply additional attributes or JavaScript events, click Advanced Edit to display the Advanced Property Editor +
  6. Click Apply to preview your changes without closing the dialog box, or click OK to confirm them. +
+ +

To view, change, or add properties for one or more cells: + +

    +
  1. Select the row, column, or cell, then open the Table menu and choose Table Properties. +
  2. Click the Cells tab to edit the following properties: + +Note: To apply additional attributes or JavaScript events, click Advanced Edit to display the Advanced Property Editor +
  3. Click Apply to preview your changes without closing the dialog box, or click OK to confirm them. +
+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Adding and Deleting Rows, Columns, and Cells

+ +

Composer allows you to quickly add or delete one or more cells to your table. +In addition, you can set options that allow you to maintain the original rectangular structure or layout of the table while you perform editing tasks. + +

To add a cell or group of cells (rows and columns) to your table:

+ +
    +
  1. Click inside the table where you want to add a cell (or cells).
  2. +
  3. Open the Table menu and then choose Insert. +
  4. Choose one of the cell groupings. You can also insert a new table within a table cell.
  5. +
+ +

To delete a cell or group of cells:

+ +
    +
  1. Click a row, column, or cell.
  2. +
  3. Open the Table menu and choose Delete. +
  4. Choose the item you want to delete.
  5. +
+ +

To join (or merge) a cell with the cell on its right: + +

+ +

To split a joined cell back into two cells: + +

+ +

Correcting the Table Layout

+ +

Generally, when you delete one or more cells, Composer removes the cell border as well. This can result in a table with empty spaces, or whose outline appears irregular due to an uneven number of cells. You may want to delete one or more cells but still maintain the table's original rectangular layout, or structure. + +

Composer allows you to set a preference for preserving the table's structure by adding cells at the end of a row, wherever needed: + +

+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Moving Around a Table

+ +

You can use one of two ways to quickly select a table, cell, or group of cells: + +

+ +

+[ Return to beginning of section ] +

+ +

 

+ +

Moving, Copying, and Deleting Tables

+ + + +

+[ Return to beginning of section ] +

+ + + +

 

+
+

Adding Pictures (Images) to Your Web Page

+

 

+ + + + + +
+

In this section: +

Inserting an Image into Your Page +

Editing Image Properties +

Creating Image Maps (Hotspots) for Your Images +

+ + +

 

+ +

Inserting an Image into Your Page

+ +

You can insert GIF and JPEG images into your web page. You can also use them to create links.

+ +
    +
  1. Place the pointer where you want the image to appear.
  2. +
  3. Click the Image button on the toolbar, or open the Insert menu and choose Image.
  4. +
  5. Specify the image filename and location and, if needed, adjust the settings in the Image Properties dialog box.
  6. +
+ +