Web Page Authoring
With Adobe PageMill 3.0
(for Macintosh)
Quick Reference Guide

IMPORTANT POINT: Although PageMill may look a little like a word processor, there are some very important differences between making a word processing document and making an HTML (web page) document. In a word processing document, when you place an image onto the page, it becomes part of the document file itself. This means that a word processing document with several pictures in it is saved as a single file. But this is not true for an HTML document. An HTML document is really just a set of instructions (HTML code) which tell your web browser how to display the text and where to find the appropriate images. The images are not actually part of the file. Therefore the images must be placed in a folder along with the HTML page document. This means that, if you move the images to another folder after the HTML page is made, or if you change the file name of any of the images, the HTML page will no longer be able to find them. So, when you produce a web site (a site has more than one connected and related web pages), you end up with a folder that has your home page (which typically has the file name of index.html), several related HTML pages that are linked to your home page, and all of the images that you have selected to display on these pages. It is best to begin a web page project by first creating this folder.

IMPORTANT POINT: In Adobe PageMill, there are two ways of viewing your web page document, Edit Mode and Preview Mode. In the upper right of the PageMill window is a square button. If this button has a picture of a paper and pen, the window is in Edit Mode, and you can change the page, adding and removing content. If the button has a picture of the Earth, the window is in Preview Mode. This mode is for viewing only, showing you what the page looks like in a web browser. In Preview mode the links actually work and you can test them, but you cannot edit the content of the page.

Adding and Editing Text:

Adding and Editing Images:

Using Tables to Help with Page Layout:

Adding a Page Background Color or Background Image:

Adding Another Page and Linking Pages:

Adding a Link to a Remote Site:

Adding a Mailto Command:

Creating an Image Map:
An image map is a large picture that has "hotspots" on it. In other words, there are areas of the image that are links that you can click on to go to a different page. Image maps typically have logical pictures (like arrows) and/or explanatory text so that you know which part of the image map to click on. Most image maps are created using an image editing program (such as Adobe PhotoDeluxe) or a drawing program, such as AppleWorks (ClarisWorks) Draw.