HyperMarker ¥ Quick Start ---------------------------------------------------------------- This document has been put together to help you explore the HyperMarker demo version. ---------------------------------------------------------------- Getting Started Begin by double-clicking the HyperMarker icon. The program's splash screen will appear for a few seconds and then disappear by itself. When you launch HyperMarker, you are presented with a blank untitled document and HyperMarkerÕs tool palette. Before you continue, look at what tools are available on the tool palette. The HyperMarker Tool Palette The tool palette contains most of the common menu commands such as New, Open, Save and Print. This provides an easy way of performing these commands on your document. At the right portion of the palette are four popup menus, each of which contain the markup tags for the HyperText Markup Language. The tags have been separated into three categories: Lines, Lists, Text and Links. Lines - This popup contains markup tags for single or multiple lines, such as: Headings, Paragraphs, Titles, HREF tags and other associated tags. Lists - Contains markup tags for creating lists and items within lists. Text - Contains markup tags for styled and preformatted text. Links - For defining the locations of files, remote hosts or Internet services (Gopher, Telnet, etc.). On the left portion of the palette are six icons (listed here in order from left to right): New File tool, Open File tool, Save File tool, Print File tool, Undo tool, Repeat Last tool. The HyperMarker Window Along the top of the HyperMarker window is a purple bar with four items you should know about. (NOTE: Macs with 9" screens do not see this bar.) First is the name of your document. If the document is a new document that has not been saved, the document is Untitled. The second item in the bar looks like a small set of folders. This controls QuickPathª, a simply way to insert file paths. You'll learn more about this later. The third icon looks like an application icon with a small arrow. This is the QuickLinkª tool. It allows you to automatically launch your favorite Web browser and view the document you are working on. More on this later. The final item looks like a small window. This tool shows or hides the tool palette. Building an HTML Now that you have reviewed the various tools and parts of HyperMarker, itÕs time to start building an HTML document. Start by choosing Open from the File menu, or by clicking the Open File tool. Open the ÒTutorial.htmlÓ file, located in the Tutorial folder. This file contains just plain text information that has not been marked up. There are two primary ways to use HyperMarker. First, to type up the text you want in your HTML and then go back and place the markup tags you want on that text, or second, to open an existing HTML and insert new tags and text. In this tutorial you will be marking up text in an existing document, just so you can get the feel for the way HyperMarker works. Now that you have the first tutorial document open, start with the first line. A HyperMarker Tutorial When creating an HTML document, it is a good idea to assign a title to the document. This title is displayed in the Web browser's History field (if available), which makes it easy for the user to jump back to a named HTML. When you want to assign existing text a markup tag, you need to begin by telling HyperMarker which line you want to markup. You do this by highlighting the line. Do this now to the first line. Now that the line is highlighted, you are ready to assign a markup tag to the line. Since this will be your title line, select Title from the Lines popup menu on the tool palette. The text is transformed with the markup tags for a title. The next line will be a heading in your document. There are six different headings available in HTML. A heading of type 1 is the largest and boldest, while 6 is smallest and less bold. For this line, you will want to use a heading type of 1. So, as before, start by highlighting the line ÒA HyperMarker TutorialÓ and select Heading 1 from the Lines popup menu. The text is transformed, with the new markup tags for a heading of type 1. Now move onto the next block of text which represents a paragraph. Paragraphs must be terminated with a paragraph markup tag. This tells the Web browser, that the paragraph should end here and to place a line break after it. Select the entire block of text and then choose Paragraph from the Lines popup. Below the block of text you just altered, you will now want to put a reference to a graphic file. First, enter a couple of returns after the text block. QuickPathª There are two ways in HyperMarker to approach file links. As you saw in the beginning of this tutorial, there is a small tool at the top of HyperMarker's window, this is the QuickPathª tool. This tool allows you to tell HyperMarker that you want to put file paths in yourself, or have it ask you to locate the file and have the path inserted automatically. ¥ Mac users with 9" screens can toggle this option from the Extras menu. For this tutorial, you will want the latter of the two, the automatic path approach. Start by going to the QuickTool icon and make sure the icon looks like two folders and a document. This indicates that you want HyperMarker to ask you to locate the file. Make sure your cursor is now on the correct line, then select Image Link from the Links popup. You are now presented with the standard Macintosh open file dialog window. HyperMarker, at this point, is asking you to locate the graphic file. HyperMarker only supports GIF files presently, so that is the only file type that you can see. In the Tutorial folder is a sample GIF file entitled ÒTutorial.gifÓ, select and open it. You will now notice that HyperMarker has automatically inserted the complete path to the graphic file, onto the line you were at, along with the image markup tag. Lists Another necessary thing to know about is Lists. You can display numbered lists, unnumbered lists or definition lists. Begin by placing your insertion point a line or two below the graphic reference you just made. Next, choose Numbered List from the Lists popup. The markup tag and terminator tag will be placed into your document. Now all you need to do is put the list items in. Enter the following lines with returns after each item: Apples Oranges Lemons Cherries Pineapples You now have the five list items entered for this tutorial. But how will the Web browser know these are the items for this list? Begin by highlighting the first list item, Apples. Choose Line Item from the Lists popup. As you can see the line item markup tag has been appended to the first item. Now suppose you wanted to repeat this action. This is where the Repeat Last feature comes in. Start by highlighting item 2 of the list, Oranges. Click the Repeat Last icon on the tool palette. The last markup is repeated for the selected line. Now repeat this action for each line, selecting the line and clicking the Repeat Last button. You can also press Cmd-R. When you are done, the list should look like the figure below. Now it is time to save your document. You can do this in one of two ways, either by clicking on the Save File icon in the tool palette, or by choosing Save from the file menu. Since this file is the tutorial document, save it under a different name. Choose Save As from the File menu and name the file My First.html. QuickLinkª QuickLink is a great way to look at your HTML in the Web browser of your choice. To set up QuickLink follow the steps below. Start by clicking the QuickLink icon. HyperMarker will indicate that QuickLink needs to be set up. Click the Select button. Now locate your Web browser (NCSA Mosaic, MacWeb, etc.), select it and click the Open button. The information HyperMarker needs is now stored in the software. You can change this at any time by holding down the option key and clicking the QuickLink tool again. This concludes the tutorial of HyperMarker. You have dabbled in the world of HTML. --------------------------------------------------------------------------- Copyright ©1994, Software Perspectives. All Rights Reserved Worldwide.