Business Support Internet

Symantec Visual Page is an application that helps you create Web pages. While an electronic copy of the user's guide is also included, this page provides highlights of the main tasks you can perform with Visual Page.

Visual Page is an HTML editor that is easy to use and lets you create fairly complex pages quickly without having to know or write any HTML code. Also, when you build a web site with Visual Page, pages look exactly as you expect them to, even while editing.

Visual Page offers the following features:

• WYSIWYG (What You See Is What You Get) user interface with instant preview
• drag and drop graphics with dynamic viewing while moving or resizing pages
• tables with individually adjustable rows and columns
• instant playback of Java applets
• real-time display of QuickTime movies
• easy-to-use frame creation and editing
• 30 professionally-designed Web page templates
• built-in source code editor

Minimum system requirements:

• 486/66 MHz processor or equivalent
• Windows 95 or NT 4.0
• VGA monitor
• 8 MB of Ram for Windows 95/12 MB of Ram for Windows NT
• 3 MB hard disk space for a compact installation
• CD-ROM drive

Creating Web pages

There are two basic kinds of Web pages: with frames or without. A framed Web page displays multiple Web pages simultaneously. A Web page without frames displays a single Web page file.

Creating Web pages without frames

1. From the File menu, click New.
2. Add graphics, text, plugins, links, HTML tags, and Java applets directly to our new Web page.
3. Save your Web page in your Web site folder.

Creating Web pages with frames

1. From the File menu, click New Frame Set. Visual Page displays a Web page divided into two frames of equal size.
2. Add graphics, text, plugins, links, HTML tags, and Java applets directly to each frame, or open an existing Web page file within a frame.
3. Save your Web page in your Web site folder.

Setting preferences

1. From the Edit menu, choose Preferences. The Preferences dialog opens.
2. Click the Page Defaults tab to make it active.
3. Click to select the default preferences you want.
4. When you are finished, click OK.

Creating documents from existing Web pages

1. From the File menu, click Open.
2. Navigate to the file you want to open.
3. Select the file, and click Open. The Web page opens in Edit mode.

1. From the File menu, click Open.
2. Navigate to the Visual Page directory and double-click Template.
3. Select the file, and click Open.

Setting the frame source

Frame sources only apply to Web pages with frames. The frame source identifies the file that opens within a frame.

1. Select a frame in an open Web page.
2. From the Frame menu, click Set Frame Source. A dialog opens.
3. Navigate to and select the HTML file you want the selected frame to display.
4. Click Open.
5. From the File menu, click Save Frame Set to save your changes.
6. Type a name for the frame set with a .htm or .html extension in the space provided.
7. Click Save.

Setting the base target for a frame

1. Open a frame set and make sure the frames are already named and saved.
2. Make sure you are in Edit mode.
3. Click the frame you want to modify.
4. From Edit menu, click Properties, then click Page.
5. Click the Select Base Target button. The Base Target dialog opens.
6. Select a frame in the map of your frame set, and click to select one of the Base Target options.
7. Click OK to set the base target for the selected frame.

Previewing your work

1. From the View menu, click Preview Page or click the Preview Page icon.
2. If Preview Page and its icon are grey, you are already in Preview Mode.
3. When you are finished, click Close.

Saving a Web page without frames

When you save a Web file, make sure that the HTML filename extension is preserved. All Web page files must end with an .html or .htm extension. The default extension in Visual Page is .htm.

• You can change the default filename extension in the Preferences dialog box.

1. From the File menu, click Save.
2. In the Save dialog, navigate to the destination folder for the frame set and select it.
3. Type a name for the Web page using a .htm or .html extension in the space provided.
4. Click Save.

Saving a Web page with frames

A frame set is a collection of Web pages that appear in a frame.

1. From the File menu, click Save Frame Set.
2. In the Save dialog, navigate to the destination folder for the frame set and select it.
3. Type a name for the frame set using a .htm or .html extension in the space provided.
4. Click Save.

Graphics

Adding graphics

• using drag-and-drop
• using the Insert menu
• using copy-and-paste

Using drag-and-drop

1. From the file menu, click Open Local Site, and navigate to the desired graphic's location.
2. Select the desired graphic file, and drag it over to your Web page.
3. You may also drag-and-drop graphics from another open Web page, as long as the browser supports drag and drop functionality.

Using the Insert menu

1. Place your cursor at the desired location.
2. From the Insert menu click Image, or click the Insert Image icon.
3. Navigate to the graphic file you want and click Open.

Using copy-and-paste

1. Copy a selected graphic to your clipboard.
2. Paste it into your Web page.
3. You must either own the graphic image or have permission from its owner to use it legally on your Web page.

Aligning graphics

1. Click the Graphic Alignment button on the Visual Page toolbar.
2. Click the desired graphic alignment.

Working with text and graphics

1. Select the graphic.
2. From the Format menu, click Object Alignment and then click left, or click Left from the Graphic Alignment toolbar button.
3. Insert the cursor to the right of the graphic and type your text.

Creating image maps

An image map is a graphic with links to other Web pages, topics, etc.

1. From the Insert menu, click Image, or click the Insert Image icon on the toolbar.
2. From the View menu, click Toolbars, then click Image Tools, or right-click the graphic and click Local Map Tools. The Image Tools toolbar opens.
3. Click the rectangle, circle, or polygon Hotspot buttons on the toolbar.
4. Click and drag on the graphic file to create a hotspot area.
5. To close a polygon hotspot, double-click; to close a circle or rectangle hotspot, release the mouse button.
6. Create the URL for each of the linked areas.

Links

Creating links

Using the Hyperlink button

1. Select the object to be linked.
2. Click the Hyperlink button on the toolbar.
3. Type the filename or URL of the file to be linked, or by click Browse and navigating to the file you want.
4. Click OK. Your link is created.

Using the Link toolbar

The Link toolbar is at the bottom of the Visual Page Edit window.

1. Select the object to be linked.
2. Place your pointer in the Link to field in the Link toolbar.
3. Type the filename or URL in the Link to edit box.
4. Press Enter. Your link is created.

Using the Local Site window

The Local site window provides easy access to all the files making up your Web site.

1. From the File menu, click Local Site to open the Local Site window for your Web site.
2. Select the text or graphic image on your Web page that you want to link.
3. Drag the file you want to link to from the Local Site window and drop it onto the selected object.

Copying an existing link

1. Select the link you wish to copy.
2. From the Edit menu, click Copy.
3. Place your pointer where you want the link to be copied.
4. From the Edit menu, click Paste.

Creating e-mail links

When an e-mail link is selected, the browser opens an e-mail message window with the linked e-mail address in the recipient field.

1. Make sure you are in Edit mode.
2. Create the link text that will display on a Web page (usually the recipient's e-mail address); for example, user@company.com
3. Highlight the link text.
4. Select the Link to: field and type the following text: mailto:user@company.com
5. Press Enter to save the link.

Visual Page makes creating Web pages easy. It comes with a set of professionally designed templates that help you get started. These templates include all of the text formatting, graphics, and others elements you need for your Web page. Using templates can save you a lot of time and help you get acquainted with the process of creating Web pages.

To create a Web page using a Visual Page template:

1. From the File menu, click Open.
2. Locate the Visual Page directory and the Templates subdirectory within it.
3. Double-click the file called Visual Page.html. The Visual Page Designer's toolkit window opens.
4. Make sure you're in Preview mode by clicking the Preview Page toolbar button or by clicking Preview on the View menu.
5. Click the Templates button. The template page opens.
6. Review the different templates, and click to select the one you want to use as the base for your site.
7. From the File menu, click Save As. The Save As dialog opens.
8. Make sure you are in the directory or folder where you want to save your Web files.
9. Type the name for your Web page and click OK.
10. Remember to call your home page index.html.