Computer Graphics Survey

Converting Publication to HTML

Using PageMaker 6.0 on MacOS 8 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. 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:
  2. 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
  3. 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
  4. 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 box. Click Next.
    assign PM pages to the HTML document
  5. You are now ready to tell PageMaker how to name your HTML file.
    choose disk location for HTML document
  6. 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 that viewers will jump to after they activate the link): the selection should be within the first line of one of the text blocks created in the previous session.
    select text for link destination
  3. Use the 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 that viewers will click on to activate the link):
    select text for link origin
  5. Use the 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. In the Choose Anchor box, click on the name of the anchor you created previously, then click Create. 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, find the HTML file exported from PageMaker and drag its icon 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/OV040MAC/INDEX.HTM>
Copyright 1997-99 by Sandro Corsi.
Last modified 12 SEP 1999.
SaneDraw home