Chapter 2: Working with Web pages ---------------------------------------------------------------------------- Navigator Gold makes creating Web pages as easy as creating new documents in your favorite word-processing program. A few steps is all it takes. In this chapter, you'll learn the basics of becoming a Web page author. Creating your first Web page In Chapter 1, "Getting Started with Navigator Gold," you learned that you can create Web pages by starting off with a blank page, template, page wizard, or an existing page. In this section, you're going to create a page from scratch that you can build on as you learn more about the editor features. 1. Choose File|New Document|Blank. The edit window appears containing a blank page. The edit window toolbars are at the top of the document and "Netscape Editor" appears in the window's title bar. 2. Choose File|Save (or click the Save button on the File|Edit toolbar). Name the file something unique, such as firstpg.htm, and click OK. If you are using an operating system that supports long file names (such as Windows 95), you can give the file an .HTML extension. (If you skip this step and try to insert a link, the editor will prompt you to save the file locally before continuing). 3. Type "Netscape Home Page" in the edit window. 4. Select the text you just typed. 5. Choose Insert|Link (or click the Link button in the Character Properties toolbar). The Link Properties dialog box appears. 6. In the Link To text box, first type the following and then click OK. http://www.netscape.com Note: http://www.netscape.com is the address, or URL (Universal Resource Locator), for Netscape's home page. Every link in a document has a URL similar to this one. That's it. You've authored a page that links to another page. The underlined text and different color indicate a link to another Web page. See Chapter 3, "The Hyperlink's the thing," for more information about creating links and modifying their properties. Browsing your new page Finally, let's save the page, open it in a browse window, and follow the link you just added. 1. In the edit window, choose File|Save. 2. Choose File|Browse Document to open your newly created page in the browse window. The edit window remains open behind the new browse window. If you're online (connected to the Internet), right now you can click on the link and view Netscape's home page. If you're not, open this file the next time you connect and test your link. Basic text editing Editing text in the editor works the same as in most word-processing applications. These features are of vital importance since writing is what you'll spend most of your time doing when creating your Web pages. Note:Choose Edit|Undo to cancel the effects of the most recently performed command (not all actions can be undone). Choose Edit|Redo to perform the most recent action again. Entering text As you move the cursor over the edit window, it appears as an I-beam. When you click the mouse, a small flashing vertical bar marks the point where text typed with the keyboard is placed in the window. You can start typing right away. The editor supports the special characters available on your keyboard, such as ampersand and percent sign. To insert symbols, such as copyright, run the Windows Character Map application (charmap.exe), change the font to Times Roman, copy the symbol you want and paste it into the edit window. Selecting text The way you select text in the editor is similar to most standard text editors or word processors: * Double-clicking on a word selects the word. * Double-clicking before a line selects the paragraph, and after a line, the last word or element in that line. * Clicking before a line selects the entire line. Tip:Choose Edit|Display Paragraph Marks to see where these marks are located in your document--they appear as black rectangles. A short horizontal line appears to indicate the end of the page. Cut, copy, and paste You can enter text into your document by pasting from almost any source. For example, you can select text on a page you are viewing in the browse window and copy it with the Edit|Copy command. You can then paste it into the page you are currently editing by choosing Edit|Paste. In Windows, right-click your mouse on selected text to quickly cut, copy, or paste the text. Note:Unlike the edit window, text that you cut or copy from the browse window does not retain formatting information. Finding text 1. Choose Edit|Find. The Find dialog box appears. 2. Enter the characters to search for in the Find What text box (Find on Page on the Macintosh). 3. Select one of the following Search Options: o Match Case (Case Sensitive on the Macintosh): Makes the match case-sensitive. The default ignores case. o Up or Down: Specifies whether to begin searching up or down in the file. On the Macintosh, select Find Backwards to search upwards in the file, or select Wrap Search to search the entire file, regardless of where you start. Elements of style Formatting your text and using color goes a long way to making your Web pages or presentations unique and interesting. Add images, horizontal lines, and links and you start to understand why the Web has attracted so much attention. These elements are the stuff of the Web page. Tip:Choose Help|Web Page Starter (Guide|Web Page Starter on the Macintosh) to get information about resources for new Web page authors. Formatting There are two distinct types of formatting for creating Web pages with the editor: One is paragraph-level formatting, and the other is character- or font-level formatting. The following sections list the available formatting types, and how they correspond to the actual HTML tags that you see when you choose View|View Document Source. Paragraphs Paragraph formatting affects all paragraphs in the selection, or the paragraph in which the insertion cursor is located. The following paragraph styles are currently supported in the editor and are available from Properties|Paragraph (Format|Paragraph on the Macintosh), the Properties dialog, and the Paragraph toolbar. Headings Headings divide sections of text. HTML defines six heading levels, which is reflected in the six heading choices available from the Properties|Paragraph command (Format|Paragraph on the Macintosh). The headings differ from regular text by their type size. Heading levels in the editor[Image] Address This format is used for a Web page "signature" that indicates who wrote the page and who to contact for more information. You might want to also include the date, any copyright notices, and other applicable information. This format usually appears at the bottom of the Web page and is often preceded by a Horizontal Line. The Address format[Image] List Item The List Item style formats text in a list with a special symbol or bullet at the beginning of each line. The editor provides support for the following types of lists: * Unnumbered: Preceded by a bullet or other symbol. * Numbered: Preceded by numbers or letters. * Directory: Lists of short items that display horizontally in columns, such as DOS directory listings. * Menu: Lists of short items but without any bullets or numbers. * Description: Sometimes called a Definition or Glossary list. Lists of definitions or when an indented list is needed. Note: Netscape Navigator does not support display of the Directory and Menu styles, but other browsers may display them. Tip:In Windows 95, you can right-click your mouse anywhere in a paragraph and choose Paragraph/List properties to select a list type from the dialog. Formatted Most browsers remove any extra white space, tabs, and returns present in your text. However, text that contains white space and is formatted with this style displays with the white space intact. This is useful for things like code examples, tables, mail messages, silly graphics, etc., that you want to be displayed in a fixed-width font. A silly graphic [Image] Description Title Use the Description Title format for glossaries, definition lists, or other situations where left-justified short entries pair up with longer blocks of indented text. Description Text Use the Description Text tag for glossaries or other kinds of lists where a single term or line needs to be associated with a block of indented text. Characters You can apply character styles to one or more characters, within a paragraph, or spanning parts of multiple paragraphs. The following character styles are currently supported in the editor and are available from Properties|Character, the Properties dialog, and the toolbar: * Bold * Italic * Fixed width * Superscript * Subscript * Blink * Underline Note:The JavaScript server and client tags are also treated as special character styles. For more information about applying JavaScript tags, see Chapter 4, "Advanced topics." Fonts Although you can't change the font while editing a document (with the exception of a fixed-width font available when you apply the Fixed width character style or the Formatted paragraph style), you can display a different font when browsing the document by choosing Options|General Preferences|Font. Most graphical Web browsers (including Navigator Gold) default to using a proportionally spaced font such as Times Roman for most of the text in Web documents. Adding color Applying color to selected text is a good way to emphasize different parts of your Web page. 1. Select the text whose color you want to change and click the Font Color button on the Character Properties toolbar. You can also right-click your mouse on the selected text to display the Properties dialog and select Custom Color. 2. In the Color dialog, select a color or define your own custom color.You can specify default text color in the Editor Preferences|Appearance dialog. Adjusting font size You can adjust font size by choosing Properties|Font Size or using the size increment buttons on the Character Properties toolbar. Inserting horizontal lines To insert a horizontal line: 1. Click the spot in the edit window where you want the line to appear. 2. Click the Horizontal line toolbar button or choose Insert|Horizontal Line.Right-click on the line and choose Horizontal Line properties to specify alignment, width, height, and whether to use 3-D shading. Horizontal Line Properties dialog box [Image] Tip:Double-clicking non-text objects in the editor lets you modify their properties. HTML basics Strictly speaking, you don't need to know HTML to use the editor. However, it pays to be familiar with what's really going on inside an HTML document when you're troubleshooting a Web page you're working on. If you don't get the results you want, it's useful to look at the raw HTML file and tags to see what the problem might be. Formatting in HTML documents consists of tags of plain ASCII text instructions enclosed in angle brackets <>. A format area typically uses two tags: one at the beginning and another at the end. For example, to designate a particular line as a heading, you enclose the heading text inside tags that mark the beginning and end:

Hello World Wide Web!

The

tag marks the beginning of text to be considered a level 1 heading (Heading 1); the

tag marks the end of the text heading. Instead of the usual manual way of inserting this tag, the editor lets you automatically apply an H1 format using the drop-down style list on the Paragraph toolbar, or by choosing Properties|Paragraph. How editor formats correspond to HTML tags This editor format Corresponds in HTML to Address
Formatted
 List Item                
  • Unnumbered
      Numbered
        Directory Menu Description List
        Description Title
        Description Text
        Inserting raw HTML If you already have an understanding of HTML and want to insert particular HTML tags that aren't available from the editor's format menus, choose Insert|HTML Tag. A box appears that lets you type the HTML you want to insert at the selected place in your document. HTML tag box [Image] When typing tags in this box, press Enter at the end of each line to ensure that your HTML is easily readable. Click Verify to have the editor check the HTML you've typed. The editor checks to make sure you have both opening and closing brackets < > around your HTML, and quotation marks around any attribute text. This feature is particularly useful for inserting HTML form tags, and Java applet and plug-in code into your documents. Although the editor does not display these objects, it does insert special HTML Tag icons so you know where they are. [Image] You can still insert and edit them using the HTML Tag box, and then browse your document to see them. If the document you're editing contains Frames, the Tag icons will also mark where they appear. Tip:Double-click the Tag icons to display the HTML Tag box and quickly edit your HTML, Java applet, or plug-in code. Note:This version of the editor does not support table creation. We do not recommend that you attempt to create tables using the HTML Tag box. However, you can edit a table that's already present in a document. Tables appear to be "unrolled" when in the editor but look correct again when browsed. Tables Tables are useful for presenting information you want to display in a grid, such as a calendar, or in a spreadsheet, such as financial data. But you can also use tables whenever you want to have greater control over page layout than you normally would. For example, you could combine graphics in a table to create a resume or a newsletter. Or, you could create a table that encompasses an entire page, and then nest tables within the main table for even more layout control. Inserting a table To insert a table: 1. Place the insertion point where you want the table to appear in your document. 2. Choose Insert|Table or click the Table button on the Character Properties toolbar. The New Table Properties dialog (Create Table on the Macintosh) appears, where you can set properties such as the number of rows and columns, border line width, cell spacing, table width and height, color, and captioning. New Table Properties dialog box [Image] 3. Set the properties you want. At Do This Number of Enter the number of rows rows Number of Enter the number of columns columns Border line Enter the size (in pixels) of the border lines width around cells. Type 0 to make the border invisible. Cell The space (in pixels) between cells in the Spacing selected table. Type a number in the box. Cell Enter the padding (in pixels) within each cell. padding This sets the top, bottom, right, and left margins of each cell in the table. Table width Enter the width of the table. You can specify table width as a percent of the window width or as a number of pixels. If you specify the width as a percent of the window, the table width changes whenever the window changes. Type a number in the box and select "pixels" or "% of window." Table min. Enter the minimum height of the table. This is height the smallest height the table can have. If you type more text in the table, the table automatically resizes to fit the text you enter. You can specify table height as a percent of the total window height or as a number of pixels. If you specify the height as a percent of the window, the table height changes whenever the window height changes. Type a number in the box and select "pixels" or "% of window." Table color Choose the background color of cells in the selected table. You can use the document's default background color as specified in Document Properties|Appearance, or define a custom color. Include Choose whether to insert space for a centered caption line of text above or below the selected table. Table Choose whether to give the table a alignment left-justified, centered, or right-justified alignment within the document. 4. Click OK to accept the settings and close the dialog box. Click Apply to preview the settings youšve specified and then click Close to accept them and exit the dialog box. Note: If you are inserting a table within a table (called nesting tables), you can also set the minimum height and width of the nested table as a percentage of the parent cell (the cell of the table in which the nested table resides). The nested tablešs height and width changes whenever the parent tablešs height and width changes. Type a number in the box and then select ŗ% of parent cell.˛ Selecting and deleting tables * To select a table: place the insertion point inside the table and then choose Edit|Select Table. Then you can cut or copy the table to paste somewhere else in your document. * To delete a table: place the insertion point inside the table and then choose Edit|Delete Table. Adding and deleting rows, columns, and cells * To add a row, column, or cell: place the insertion point in the table where you want the addition to appear. Then choose Insert|Table|Row (or Table|Column or Table|Cell). * To delete a row, column, or cell: place the insertion point inside the row, column, or cell you want to delete. Then choose Edit|Delete Table|Row (or Delete Table|Column or Delete|Table|Cell). Setting table properties Once youšve created a table, choose Properties|Table (Format|Table on the Macintosh) to set various properties for rows and cells, or modify the properties you set for the table itself. Note: The settings you choose in the Table properties dialog box always override the settings used when you first created the table. Table properties To set table properties: 1. Place the insertion point in the table. 2. Choose Properties|Table (Format|Table on the Macintosh) and then select the Table tab. The Table Properties panel appears, allowing you to specify properties such as border line width, cell spacing and padding, width, height, color, and captioning for the selected table. Table Properties panel [Image] 3. Set the properties you want. At Do This Number of Enter the number of rows rows Number of Enter the number of columns columns Border line Enter the size (in pixels) of the border lines width around cells. Type 0 to make the border invisible. Cell Enter the space (in pixels) between cells in the Spacing selected table. Type a number in the box. Cell Enter the padding (in pixels) within each cell. padding This sets the top, bottom, right, and left margins of each cell in the table. Table width Enter the width of the table. You can specify table width as a percent of the window width or as a number of pixels. If you specify the width as a percent of the window, the table width changes whenever the window changes. Type a number in the box and select "pixels" or "% of window." Table min. Enter the minimum height of the table. This is height the smallest height the table can have. If you type more text in the table, the table automatically resizes to fit the text you enter. You can specify table height as a percent of the total window height or as a number of pixels. If you specify the height as a percent of the window, the table height changes whenever the window height changes. Type a number in the box and select "pixels" or "% of window." Table color Choose the background color of cells in the selected table. You can use the document's default background color as specified in Document Properties|Appearance, or define a custom color. Include Choose whether to insert space for a centered caption line of text above or below the selected table. Table Choose whether to give the table a alignment left-justified, centered, or right-justified alignment in the document. 4. Click OK to accept the settings and close the dialog box. Click Apply to preview the settings youšve specified and then click Close to accept them and exit the dialog box. Note: If you are inserting a table within a table (called nesting tables), you can set the minimum height and width of the nested table as a percentage of the parent cell (the cell of the table in which the nested table resides). The nested tablešs height and width changes whenever the parent tablešs height and width changes. Type a number in the box and then select ŗ% of parent cell.˛ Row properties To set row properties: 1. Place the insertion point in the row you want to modify. 2. Choose Properties|Table (Format|Table on the Macintosh) and then select the Row tab. The Row properties panel appears, allowing you to specify properties such as horizontal and vertical text alignment, and text color. Row properties panel [Image] 3. Set the properties you want. At Do This Text Set the position of text relative to the top, Alignment bottom, and sides of cells in the selected table row. You can specify horizontal and vertical alignment or leave the alignment as it was set when the table was created. Row color Choose the background color of cells in the selected table row. You can use the document's default background color as specified in Document Properties|Appearance, or define a custom color.Enter the size (in pixels) of the border lines around cells 4. Click OK to accept the settings and close the dialog box. Click Apply to preview the settings youšve specified and then click Close to accept them and exit the dialog box. Cell properties To set cell properties: 1. Place the insertion point in the cell you want to modify. 2. Choose Properties|Table (Format|Table on the Macintosh) and then select the Cell tab. The Cell properties panel appears, allowing you to specify properties such as spanning additional rows and columns, horizontal and vertical text alignment, text style and wrapping, cell width and height, and cell color. Cell properties panel [Image] 3. Set the properties you want. At Do This Cell spans Type a number in the rows box to span additional rows. Type a number in the columns box to span additional columns. Text Specify the position of text relative to the top, alignment bottom, and sides of the selected cell. You can specify horizontal and vertical alignment or leave the alignment as it was set when the table row was created. Header Select this to center the text in the selected style cell and set its style to bold. Wrap text Select this to set the text in the selected cell to wrap to the next line when it reaches the preset width of the cell. Turning "Wrap text" off causes the cell (and the table) to expand to fit the text you type. Cell width Specify the cell width as a percent of the table width or as a number of pixels. If you specify the width as a percent of the table, the cell width changes whenever the table width changes. Type a number in the box and select "pixels" or "% of table." Cell min. Specify the minimum height of the selected cell. height This is the smallest height the cell can have. If you type more text in the cell, the cell automatically resizes to fit the text you enter. You can specify cell height as a percent of the total table height or as a number of pixels. If you specify the height as a percent of the table, the cell height changes whenever the table height changes. Type a number in the box and select "pixels" or "% of table." Cell color Specify the background color of selected cell. You can use the document's default background color as specified in Document Properties|Appearance, or define a custom color. 4. Click OK to accept the settings and close the dialog box. Click Apply to preview the settings youšve specified and then click Close to accept them and exit the dialog box. Note: If you are modifying a table within a table (called a nested table), you can also set the minimum height and width of the cell in the nested table as a percentage of the parent cell (the cell of the table in which the nested table resides). The height and width of the cell in the nested table changes whenever the parent cellšs height and width changes. Type a number in the box and then select ŗ% of parent cell.˛ Displaying tables If you plan to create large tables with many columns and rows, you might want to consider displaying tables flat in order to save time and your computeršs memory. You can still edit individual cells and modify their properties when the table is flattened, and when you browse your document the tables display normally. Select View|Display Tables (when the item is checked itšs selected) to display tables normally in the edit window. When View|Display Tables is unchecked, the editor displays a table as one long series of cells in successive order. Borders and colors are not displayed. The following example shows a 2-column, 3-row table with a normal display (View|Display Tables checked), and the same table with a flattened display. Normal table display [Image] Flattened table display [Image] Images There are two ways that images typically are presented. The most common way is as an inline image, where the picture appears as part of the Web page. The less common way is as a separate external link that you need to download apart from Web pages. Images are actually separate image files and do not "live" in the HTML document itself. The images that appear on your Web page can be image files on your local disk, or on a remote computer. Most of the current Web browsers support either of two image formats; the editor supports both formats as well: * GIF (CompuServe Graphics Interchange Format .GIF extension) * JPEG (Joint Photographic Experts Group .JPG extension) GIF files lack the higher quality of JPEG files but are usually faster because they're more compact and optimized for electronic downloading. You can get images by drawing them yourself, scanning them, or buying them as part of a commercial clip art package. You can also find GIF images out on the Net in one of the many image archives available. If you intend to use images on your Web pages, it's wise to create your own, get permission from the owner of an image, or use royalty-free clip art so you don't infringe on a possible copyright. Tip: If the document you're editing contains an animated GIF file, press Esc to stop it from continually loading so that you can work in the document. Inserting an image Inserting an image in your Web page either copies the image file to the same directory as that of the parent document--the Web page you're editing, or leaves the image file where it is, depending on the settings you've specified in the Editor Preferences. 1. Place the insertion point where you want the image to appear in your document. 2. Choose Insert|Image or click the Image button on the Character Properties toolbar.The Image Properties dialog appears, allowing you to specify the source location of the image, its alignment relative to text, and the amount of space you want around it. Image properties dialog box [Image] 1. Type the name and path of the image file you want to insert in your document. If you're not sure of the file name or its location, click Browse to select an image file from the directory list. Important: If you move an image file from the specified location, it will no longer appear on your Web page. 2. Type the name of a low-resolution version of the image previously specified. This image loads first while the higher resolution image is loading on top. If you're not sure of the file name or its location, click Browse to select an image file from the directory list. (Optional) 3. Type the text that you want to have appear in place of the specified image file. You should always specify alternative text for readers who use text-only Web browsers, such as Lynx, or who have graphics turned off. If you don't include this alternative, your readers might see placeholder images instead of informative text. (Optional) 4. Select the options you want: Select To do this An alignment Align the selected image relative graphic to surrounding text.. You can also specify whether to have the image right-align or left-align with text wrapping. View your page in the browser to see text-wrap alignment changes you've made. Dimensions Adjust the height and width of the new or currently selected image as measured in pixels. Click Original Size to undo any changes to the size you've specified (restores the image to its original size). Space around Specify amount of blank space (space where no text is allowed) on the right and left, top and bottom of the image. You can also select to have a black border surround the image and specify its width in pixels. Copy Make a copy of the image file and image...location place it in the same directory as the current document. You should select this option if you want to use the one-button publishing feature. Tip:The easiest way to insert an image in your Web document is to drag it from a browse window and drop it on to the page you're editing. This is the same as copying the image. Setting document properties Use the Document Properties dialog box to set various properties for documents. When you're done, click Apply to make the changes you've specified and leave the dialog box open. Click OK to make the changes and close the dialog box. * Choose Properties|Document (Format|Document on the Macintosh). Document properties dialog (General)[Image] General This panel displays information about the current document and lets you provide additional information helpful to Web users searching for specific topics. Providing this information is optional. 1. Type the text you want to appear in the window title when the document is browsed. Although optional, it's a good idea to specify a title for your documents since this is how most Web search services locate specific Web pages. So, if you want readers to be able to locate your page easily, select a useful title that conveys what your page is all about. This text is also used when you drag the link icon (located to the left of the Location box in the browse window) to an edit window. 2. Type the name of the person who created the current document. This information can be helpful to readers who have found your document by using a Web search tool and must now select from a list. 3. Type a brief description of the contents of your document. Again, this information can be helpful to readers searching for a specific topic. 4. Type keywords that Web search services can use to locate this document. Classifications are categories that are also used by searching services. Classification information can be obtained if you have access to a catalog server (contact your online service provider for more information). Appearance This panel lets you specify how to use the browser's colors for link text and document background or select custom colors for the current document. Document properties dialog (Appearance)[Image] Select the options you want: Select To do this Use custom Set your own colors for text, linked text, colors and document background (default) Use Use the colors set in the browser browser's preferences for the current document. When colors this option is selected, the custom color and background options are disabled. Color schemes Select a scheme from the list Custom Specify the color for Normal, Link, Active colors Link, and Followed Link text. Click on a button to display the Color dialog and select the color you want. Sample text in the color you've specified appears to the right. Background Select a solid color to appear as the background for the current document.. Use image Use an image as a background. Select this and type an image file name in the box. If you're not sure of the file name or its location, click Browse for File to select an image file from the directory list. Note: Background images appear tiled and always override settings for background color. Advanced This panel displays optional information that your online service provider might want you to include in your document. This information doesn't actually appear in the document when edited or browsed--only in the source HTML. Contact your provider for more information. Setting editor preferences The Editor Preferences dialog box lets you set various properties that you want to apply to all the documents you create in the editor. Use the Document Properties dialog when you want settings to pertain only to the current document. * Choose Options|Editor Preferences. Editor preferences dialog (General) [Image] General This panel lets you specify which applications to open when you want to make changes to HTML and image files. You can also indicate a default template file to use for all new documents, and whether you want to use theAuto Save feature and have the editor to automatically save your documents. Providing this information is optional. 1. Type your name to indicate who created the document. This information might help readers locate your document if they use a Web search service to look for the document by using your name. 2. Type the path and file name of the source text and image editors of your choice. For example, if you want to use Notepad to edit the actual HTML source, you might type C:\WINDOWS\NOTEPAD.EXE. Then when you choose View|Edit Document Source, Notepad launches with the current document HTML source displayed. If you're not sure of the file name, click Browse to find the application. 3. The default entry in this box is the URL for the Netscape Web Page Starter site. This template page is opened when you choose File|New Document|From Template. If you prefer to use a different template, type its path and file name. For example, if your company provides special templates for Web page creation, you can change the default template location to open template files on the company Web site. Click Restore Default to replace the template you've indicated with the default from Netscape's Starter site. 4. Specify the interval (in minutes) you want the editor to automatically save your documents. Note: When you edit HTML source using View|Edit Document Source, you must save your changes in the source editor and then choose View|Reload to see your changes. Appearance This panel lets you specify the browser's colors for link text and document background, or select custom colors for all new documents you create. See the "Setting Document Properties (Appearance)" section for information about specifying these options. Publish This panel lets you specify editor settings for saving remote documents locally so you can edit them, insert images, and publish files to remote servers. When you're done, click Apply to make the changes you've specified and leave the dialog box open. Click OK to make the changes and close the dialog box. Editor preferences dialog (Publish) [Image] Select the options you want: Select To do this Maintain Make sure that links you insert in documents links are relative to the current doucment. This option ensures that any links to other files in the same directory are relative when saved locally. These links will work locally if you've also saved the remote files they point to. Links to files outside the document's directory are absolute. Unchecking this option means that the link path names are never modified and links local to the saved document may no longer work. Note: See Chapter 3, "The Hyperlink's the thing," for information about relative and absolute links. Keep Save copies of image files to the same images location as the document so that images are with always visible. Since images are not located document in the document itself, unchecking this option means that only the HTML document is saved locally, not the image files. Leaving this option checked (recommended) ensures that a document's images are always kept in the same directory as that document. The following options specify default publishing preferences that appear in the Publish dialog (File|Publish). For example, if you normally publish your Web pages to one particular site, specifying it here makes that site the default location for all the files you publish. 1. Type the location of your Web page(s) when using the File Transfer Protocol (FTP). You might need to contact your internet service provider to find out what to type here. For example, if your service provider is America Online, the URL in this box might look something like this: ftp://ftp.aol.com/docs/yourname/index.html. 2. Type the location of your Web page(s) when using the Web server protocol (HTTP). If you are not running your own Web server, you might need to contact your internet service provider to find out what to type here. For example, the URL in this box might look something like this: http://commercialweb.com/docs/yourname/index.html. 3. Type the name you use when accessing the network where your Web pages are located. 4. Type the password for your user name. ----------------------------------------------------------------------------