Computer Graphics Survey

Converting Publication to HTML

Using PageMaker 6.0 on MacOS Computers

| previous handout | ACG Home | Instructor Home | Class Home | list of tutorials | next handout |

Before beginning the project

If you are working in the ACG Lab click to read these important notes before you start the tutorial. This section of the directions contains information that pertains specifically to the way the ACG Lab operates. It may not apply if you work on the project elsewhere.


Tutorial Description

return to top


Setting Up the HTML Document

  1. Do the usual preliminary steps:
  2. Use PageMaker to re-open the document containing the text you formatted with styles in the previous session. Check that everything conforms to the previous handouts. In particular, verify that:
  3. Use the command Utilities-->PageMaker Plug-ins-->HTML Author to display the HTML Author dialog box. Click on the tab labeled 'Contents', then click <New>:
    click New in the HTML Author dialog
  4. Click to select 'Pagemaker Pages' (this means that you will choose the text to be turned into HTML on the basis of the page it's in--rather than its text block). Enter a Document Title (this will appear as the window title in most web browsers): it's helpful to include your name and topic, so your page will be indexed more accurately. Click <Next>.
    enter document title
  5. In the 'Unassigned' box, click on the PageMaker page you want to export to the web page (if all is proceeding according to plan, you should only see one item in this list). Click <Add> to transfer the page to the 'Assigned to Document' box, then click <Next>.
    assign PM pages to the HTML document
  6. You are now ready to tell PageMaker how to name your HTML file.
    choose disk location for HTML document
  7. You will be returned to the 'Contents' card. Review the settings to make sure they are correct, then click <OK> to return to your publication.

return to top


Add Links

  1. You can now create links between different parts of your page (e.g., from a line in the table of contents to the corresponding section of the page).
  2. First use the text tool to select the destination of the link (the word or words shown to viewers after they activate the link): the selection should be within the first line of one of the separate text blocks created in the previous session.
    select text for link destination
  3. Use the command Utilities-->PageMaker Plug-ins-->HTML Author to display the HTML Author dialog box. Click on the tab labeled 'Create Links'. Choose 'Anchor' from the 'Create' pop-up menu. Enter the name of the anchor (any single word), then click <Create>. Click <OK> to exit the dialog.
    create a link anchor
  4. Now use the text tool to select the origin of the link (this is the word or words in the table of contents that viewers will click to activate the link):
    select text for link origin
  5. Use the command Utilities-->PageMaker Plug-ins-->HTML Author to display the HTML Author dialog box. Click on the tab labeled 'Create Links'. Choose 'Hyperlink' from the 'Create' pop-up menu. Choose 'Link To Anchor' from the 'Link Type' pop-up menu (make sure to scroll all the way down to the end of the menu if you don't see this command). The 'Choose Anchor' box will appear: click on the name of the anchor you created previously (if you don't see the anchor listed, make sure to review the previous steps). Finally, click <Create>, then click <OK> to exit the dialog.
    create a hyperlink
  6. You should now see your hyperlink displayed as underlined blue text (anchors are not highlighted in any way).
    links are displayed as underlined blue text
    Repeat the process to add any additional links needed to complete your table of contents. Click here to see what the example page looks like with the addition of links.
  7. You can also create links to other pages on the Internet related to your topic:
  8. When you are done adding links, you can proceed to the actual creation of the HTML file.

return to top


Create and Test the HTML File

  1. Use Utilities-->PageMaker Plug-ins-->HTML Author to display the HTML Author dialog box. Click on the tab labeled 'Contents'. Click on your document title (in the box on the left), then click <Export HTML>. PageMaker will notify you of the progress of the operation. Click <OK> when completed.
    export HTML from HTML Author dialog
  2. To test your web page, open your desktop folder. Drag the icon of the HTML file exported from PageMaker and drop it on the icon of the web browser application. The browser will open and display a formatted view of your page: click on the links to check that they work as intended.
  3. If you decide to make changes to the web page, return to PageMaker, modify your publication as needed, then repeat the steps to export HTML.
  4. Once you are satisfied with your web page, copy the HTML file to the class drop folder on the file server, where the instructor will find it and post it to the web server.
  5. When you are all done, use File-->Quit to exit PageMaker. Before leaving, make sure to copy both the PageMaker publication and the HTML document back to your Zip disks, so you can continue your work in the following session.

return to top


Additional Info About HTML and the Web

return to top


Information specific to the ACG Lab

return

| previous handout | return to top | next handout |


This document originally at <http://acg2.fullcoll.edu/FACULTY/CORSI/LEARN/OVERVIEW/OV030MAC/INDEX.HTM>
Copyright 1997-2000 by Sandro Corsi.
Last modified 2000-08-30.
SaneDraw home