You can use an image as a link instead of text, or in addition to text. This is accomplished by nesting the image tag inside the link tags. In the following example, the "target" file is an AVI file, and the link (what the user clicks on to play the AVI file) is a GIF file.
<A HREF="greeting.avi"><IMG SRC="myphoto
.gif"></A>
The Easy Images feature allows you to add an image file simply by picking the file from a list and dragging it into the HTML document.
To use Easy Images:
1 In the HTML document, place the insertion point where you want the image to be inserted.
2 Choose Easy Images from the Tools menu.
The Easy Images dialog displays:
3 Use the drive selection drop-down list and the directory tree on the right side of the dialog to navigate to the location of the file you want to add to your document. The image files in that directory are listed on the left side of the dialog.
Note
Only GIF, JPG, and JPEG files are displayed.
4 Drag and drop the file you want into the HTML document.
For example, if you drag a file named myphoto.gif from a local directory named c:\wwwroot into the HTML document, the following link is inserted:
<IMG SRC="c:\wwwroot\myphoto.gif">
You may need to adjust the path information, to avoid the problem of browsers not being able to locate the file (See "Relative Addressing".).
In addition to having a built-in quick previewer, WebEdit PRO also allows you to use an external browser such as Netscape Navigator, Microsoft Internet Explorer, or Mosaic to view your pages.
Note
You can also tell WebEdit PRO to use Internet Explorer as the default previewer, if it is installed on your system. (See "Previewer Options" in Chapter 5.)
To launch an external browser from WebEdit PRO:
1 Select the
View Document with Browser button on the document toolbar.
2 The first time you select this button, WebEdit PRO displays a dialog asking you to select a browser to use. Click Add.
3 Enter the name of the browser and its full path and filename (use the Browse button if necessary). Click OK.
You can change your default external browser or add additional browsers by selecting Configure from the Options menu and selecting the Add or Edit Browsers button on the Preferences tab.
Once you have chosen a browser, you can launch that browser at any time by clicking on the View Document with Browser button.
You should save your work periodically as you use WebEdit PRO.
To save the current document:
•
Choose Save from the File menu, or press Ctrl-S, or click the Save button on the document toolbar.
You can tell if the current document has been modified since the last time it was saved by looking at the status bar at the bottom of the document. If your document has been edited since it was last saved, the status bar will read "Modified." If the document has not been edited since the last save, it will read "Not Modified".
To save all open documents at once:
•
Choose Save All from the File menu, or press Ctrl-Shift-S, or click on the Save All button on the document toolbar.
In the next chapter you will learn how to use WebEdit PRO’s powerful tools for creating forms, tables, frames, style sheets, and more.
WebEdit PRO’s tools and wizards make short work of the most advanced page design. Probably the most valuable assistance you can get from an HTML authoring tool is automatic generation—based on your WYSIWYG input—of the more complex HTML structures, such as tables, forms, and frames, while still providing you with final control of the HTML markup. Once you have put Web-
Edit PRO’s tools and wizards through their paces, you will wonder how you ever did without them.
In this chapter you will learn how to use WebEdit PRO’s powerful and time-saving tools:
• Style Sheet Builder
• Table Builder (including importing data from an ODBC data source)
• Form Builder
• Frame Wizard
• Table of Contents Wizard
• HTML Validator (syntax checker)
• Link Validation Wizard
• Rating Wizard
• Download Time Estimator
To control the appearance of your page, you can add style information (font color and size, alignment and so on) inside individual tags. However, you can also set style information for each tag all at once in a " style sheet" for the document. This makes it much easier to edit style information later; you can make the changes in one place, rather than hunt down each occurrence of particular tags.
To add style information to the current document:
1 Position the insertion point between the<HTML> and <BODY> tags in the current document.
2 From the Insert menu, choose Page Structure Tags, then Style Sheets, then Style.
3 To see a complete list of HTML tags, click Advanced. Highlight the tag for which you want to specify style information and click Edit Style.
The Style Builder dialog displays:
4 Enter or select the style information that you want to apply to the style you selected in step 2. Click OK when done. You are returned to the The Style dialog, where the style information appears in HTML format.
5 Click OK in the Style dialog when done.
6 Repeat steps 2-5 for each tag for which you want to assign special style information. The <STYLE> tags with the appropriate attributes and values are inserted into the current document.
Note
You can assign style information to one tag at a time; this results in a series of <STYLE> entries in the document. You can simplify the appearance of the style list by deleting all but the first <STYLE> tag and the last </STYLE> tag. This information is your style sheet for the document.