Creating HTML documents in Adobe PageMaker 6.5

Improved!

Check it out.
So why would you use PageMaker to produce content for the Web? Here are two reasons: To convert existing publications into Webappropriate content quickly and to easily take multiple-column
PLEASE NOTE: These tips work equally well on Windows or Macintosh platforms. Keyboard shortcuts are noted for both platforms: the Command key on the Macintosh maps to the Windows Control key, and the Option key maps to the ALT key.
layouts and export them as HTML tables both without writing a word of HTML code. In PageMaker 6.5 the revamped HTML Export plug-in automatically converts graphics to GIF or JPEG files and allows you to map text styles to HTML styles. But its coolest new feature is the ability to preserve the layout of your pages and export them as HTML tables. Theres a world of difference between 6.0 and 6.5 when it comes to exporting to HTML and making links. This tip will go over the basics of exporting pages to HTML. For a thorough set of tips about creating links, check out Hyperlink-o-rama.
To create successful Web designs, it helps to have a basic understanding of the current design limitations in HTML. Keep your designs simple and keep images small (file-size-wise, that is). Work with your Internet service provider or your companys Webmaster so that the files you provide are clean and consistent with their conventions. These production tips will help ensure quality and efficiency in your HTML work with PageMaker 6.5.
GETTING STARTED WITH HTML IN PAGEMAKER
1. Before you save and export Web pages, set up a folder hierarchy and file-naming convention. Check with your Webmaster or Web service provider for advice about an appropriate hierarchy of folders for your Web pages. Maintain that structure absolutely as you create your files and when you post them to your Web Server.

Site structure

Try to keep your directory structure flat. For example: <SiteName> folder/section1/ images. Your file names should contain no spaces or special characters. If you must have a space, use an underscore instead. PageMaker 6.5 will automatically append.gif or.jpeg/.jpg to the images file name when it exports to HTML.
2. Customize your copy of PageMaker 6.5 with Webfriendly defaults. With no documents open, choose File>Preferences>Online. Then, deselect Center Upperleft of Anchor When Testing Hyperlinks in the Hyperlinks section, and identify the Web Browser with which youll view your HTML pages by clicking the Browse button in the Web browser section. 3. The measurement system of choice for the Web is pixels. To simulate pixel measurements in PageMaker, use picas and points. Choose File>Preferences>General to set picas as your measurement unit. Then, when you type 0pxx, anything that follows the p will be in points or pixels.

HTML Import

Not only can you export HTML and their associated linked files with PageMaker 6.5, you can also import HTML a variety of ways. To specify the folder into which these files get copied on your hard disk, click Browse in the Download to Folder option of Online Preferences.
It really helps to know enough about HTML standards to predict what layout and design techniques can be accurately reproduced in HTML. For example, if you want nonstandard display fonts, you should convert the text into a graphic. You should also avoid overlapping objects. If you have overlapping elements, group them and convert them to a graphic. As we gather more conversion tips, well share them with you in future Tip & Technique documents.
CREATING A NEW HTML DOCUMENT
1. Choose File>New, and then select one of the new Web page sizes: Browser-large or Browser-small. These two sizes represent the most common image areas for Web pages. Ask your Webmaster what the standard page width is for your site. If youre the boss, research or make an educated guess about the most common width visitors will use to view your site. 2. You can open HTML text styles by choosing Add HTML Styles from the Styles palette pop-up menu. These styles help you specify type that looks roughly like HTML-styled serif text. Bulleted and numbered lists do not display in PageMaker exactly as they will in HTML. To check their final appearance, export to HTML and view them in a browser. 3. PageMaker 6.5 has a special color library for Web documents. Use it to specify the color of text or page background. Since PageMakers Paper color acts as a background color, you can define the background color for your HTML pages by editing Paper in the Colors palette. Doubleclick Paper, and choose Libraries: Online. Then choose a swatch and click OK.

3 Relative page sizes

The preset Browser pages equal one windows worth of content. Many HTML pages are longer. To design with scrolling in mind, try editing the page dimensions to be two windows tall. Choose Browser-large, and then double the height and set the orientation to Tall.

Checking styles

To quickly proof which HTML styles are applied, you can use the Story Editor. Click on text and choose Edit>Edit Story. Select View Style Names on the Story menu. If you see a bullet rather than a style name, then the adjacent paragraph has no style applied; click an insertion point in the paragraph, and apply a style.

Online colors library

The colors in the Online colors library will display consistently in Macintosh and Windows browsers and will not dither. This is the same set of 216 colors as the Web palette in the Indexed color mode in Photoshop 4.0 or the Browser-safe colors in Adobe Illustrator.
You have several options for how you convert your PageMaker pages into HTML files. You can: (1) Export pages to standard HTML.(Text will flow in a linear fashion and graphics will appear in the text in the order they appear on the page.)(2) Export stories. (This option works best when you want to reorder the stories and when graphics are placed in-line with the text.)(3) Export pages that preserve the layout. (PageMaker uses HTML tables to position elements as accurately as possible on the HTML page.)

EXPORTING PAGES TO HTML

1. Choose File>Export> HTML. If you have a long document with lots of styles, it may take awhile to analyze it and display the Export HTML dialog box. Click New to give your document a title that will appear in the title bar for that page and click on the pages you want in Unassigned then click Add to select the pages that make up this particular HTML file. 2. You can also add a background pattern here. Click Done. Now choose the location to which youll export your HTML files by clicking Document. Name your file with the.html/.htm extension. To create a new folder for your HTML files and images, click New to create a new folder and then name the file and click OK.

Create many HTML files from one document
You can break up your PageMaker document into multiple HTML files. For example, you can export a title page and table of contents as a home page and the remaining pages as other HTML pages that link to the home page.

Background pattern

To assign a background pattern to your page, just click the Background button when you create a new HTML document. Locate the GIF file youll use for your background. Your background GIF should be in the GIFs/Images folder for your site.
3. By default, all of the images associated with the file are copied into the folder you selected for the HTML document. If you want images saved in a separate folder, deselect Save images into this folder in the Document location for saving dialog, and click OK. Then click Graphics, and select the appropriate folder for the images.
Lines but no boxes, ovals, or polygons
PageMaker-drawn horizontal lines will be converted to horizontal rules (<HR>) on the HTML pages. But boxes, ovals, or polygons must be converted into a graphic to export successfully into HTML.
You can do a one-step export from a print document to a Web document and convert TIFF, PICT and EPS graphics easily to Web image formats. PageMaker exports them in their original (usually large) color depth. Since images on the Web should be as small as possible, to try to reduce their file size before you export your final web page. So heres my recommendation: Do one export, tweak your design, and check out the file sizes for the GIFs and JPEGs that were exported. Then select the large images and reexport them with more control using Export graphic in PageMaker, or use Photoshop to reduce their file size and relink them.
EXPORTING PAGES TO HTML (continued)
4. Now click Options. In the Options dialog box, you can set whether your pages will be exported to HTML tables or not, map styles, and define how graphics are converted to a Web-friendly format. To export documents with the basic layout preserved, check Approximate Layout Using HTML Tables When Exporting Pages.

Exported page width

The pixel dimension that displays in the edit box is your current page width. You may choose from one of the preset page widths in the dropdown menu or type in a new value. All of the elements on the page will be scaled appropriately depending on the width you choose.

5. If youve applied paragraph styles to your text, you can map PageMaker styles to standard HTML Styles here. If youve already assigned HTML styles from the Styles palette, no mapping of styles is necessary. PageMaker will pass along local characterlevel text formatting, such as bold, italic, and text color if you check Preserve Character Attributes. 6. When you export HTML, all of the images in your file will convert to GIF or JPEG format and be saved into the folder youve identified for images. Youll want to downsample them to 72 dpi as well. If you already have GIFs & JPEGs placed in your document and saved in the proper folder, deselect Downsample to 72 dpi, so PageMaker only creates the HTML file.

Regular HTML

If your document is only one column with a few graphics or the graphics are placed in-line with the text, deselect the Approximate Layout Using HTML Tables option to generate regular HTML output.
GIFs, JPEGs and color settings
The PageMaker Chooses option converts full color-images to JPEGs and indexedcolor or grayscale images to GIFs. PageMaker applies the Netscape color palette and interlacing to images exported to GIF. Images exported to JPEG use a Medium compression setting.
7. After you export the file, if you have View HTML checked in HTML Export, the HTML file opens in the browser you specified in the Online Preferences dialog box. You can then proof your work, and test your links. If necessary, make corrections to your PageMaker file, and reexport it. Or, if you know HTML, you can open the file in an HTML editor to modify it.
Adobe, the Adobe logo, Adobe Illustrator, PageMaker, and Photoshop are trademarks of Adobe Systems Incorporated. Macintosh is a registered trademark of Apple Computer, Inc. Windows is a registered trademark of Microsoft Corporation in the U.S. and/or other countries. Netscape is a registered trademark of Netscape Communications Corporation. 1997 Adobe Systems Incorporated. All rights reserved. Cover illustration: Jeremy Salyer PM6.5 3/97

c03.frm Page 77 Wednesday, April 23, 1997 10:57 AM

Lesson 3

Project proposal
The project proposal youll create in this lesson presents an architects plan for the development of a community facility within the town of Bella Coola, British Columbia. This threepage, black-and-white publication uses the same framework and design elements on each page. So that youll only have to create them once, youll build a master page containing the text, graphics, column guides, and pagenumbers that you want to appear on every page.
c00.book Page 78 Tuesday, April 22, 1997 10:10 AM

78 LESSON 3

In addition to assembling a master page, this lesson introduces you to using styles to apply character and paragraph formatting attributes to paragraphs. More than ensuring consistency in a publication, styles free you from repeatedly selecting and applying individual formatting attributes to each paragraph in a publication. Although the PageMaker application provides a collection of styles (style sheet), you will create and edit styles to build a style sheet specic to this publication.
Varying the number of columns on a page
Overriding type and paragraph specications Creating, editing, and applying styles Creating a custom text wrap
It should take you approximately 2 hours to complete this lesson.

Before you begin

All les and fonts needed for this lesson are found on the Adobe PageMaker Classroom in a Book CD-ROM in the folders 03Project and Fonts, respectively.
Opening an existing document

This lesson covers:

Establishing a master page Adding tints to the Colors palette
Using the Control palette to resize objects proportionally and to move objects Specifying automatic page numbering
Lets take a look at the nal version of the proposal you will create in this lesson.
1 Before launching PageMaker, return
Establishing a publication default stroke style and weight Using page icons to turn pages
Displaying and hiding master-page elements Overriding the default leading method Autoowing text
all settings to their defaults by deleting the PageMaker 6.5 preferences le. See Restoring default settings in Lesson 1.
2 In addition to the commonly used
Adjusting the tracking (the spacing between words and letters)
fonts listed in the Introduction, make sure the following fonts are installed: Birch, Minion, Minion Display, Minion Bold, MyriaMM_215 LT 600 NO, and MyriaMM_700 BD 600 NO.
c00.book Page 79 Tuesday, April 22, 1997 10:10 AM

ADOBE PAGEMAKER 6.5 79

Classroom in a Book
All fonts used in this publication are Adobe Originals fonts. Birch is a particularly legible condensed display typeface and is notable for its angled serifs.
3 Launch PageMaker. 4 Choose File > Open, and double-click the
To move forward one page, press the Page Down key. To move backward one page, press the Page Up key.

Project Plan

03Final.p65 le in the 03Project folder to view the proposal you will create.

B ELLA C OOLA

The Bella Coola Development Study merges community requirements for the envisioned facility and the alternative approaches to building on the Bella

5 Choose File > Save.

click the New button.
2 In the Color Options dialog box, type
20% Gray for Name, choose Tint for Type, choose Black for Base Color, type 20 for Tint, and click OK to close each dialog box.
Using the Control palette to resize an object proportionally
After drawing a circle, you will use the Control palette to resize and position it. This circle will serve to frame the page numbers.
1 Select the zoom tool (j), and magnify the
view of the upper left corner of the page.
c00.book Page 83 Tuesday, April 22, 1997 10:10 AM

ADOBE PAGEMAKER 6.5 83

2 Select the ellipse tool (f), hold down Shift
Specifying automatic page numbering
To automatically number all pages in this publication, you will place a page-number marker on the master page. Note: With PageMaker, you can number the pages of a multiple-publication document consecutively from the rst publication through the last, restart the page numbering in each publication, or combine the two methods. You can also tell PageMaker to begin each successive publication on the next odd or even page number.
1 Select the text tool (T), and drag to dene
(to constrain the ellipse to a circle), and drag to draw a circle of any diameter in the upper left corner of the page.
3 In the Control palette, click the Scaling
button to toggle it to proportional scaling () so that the circle stays round. Then type.85 for W, and press Enter or Return.
Proportional-scaling button
a text block over the gray circle that is wider and taller than the gray circle (exact dimensions are not important).

Non-proportional

Proportional
By default, the Scaling button is set to nonproportional scaling, letting you scale an objects height and width independently. When set to proportional scaling, you can enter a single value and PageMaker resizes the object evenly in both directions.
4 In the Colors palette, click the Both but-

ter-view button (t). Then, choose Minion Display for Font, type 130 for Size ( ), and click the Apply button ( ).
3 Type Project. 4 With the text tool selected, double-click
Project to select it. In the Colors palette, click 10% Gray to apply the 10% tint of black to the text.
c00.book Page 87 Tuesday, April 22, 1997 10:10 AM

ADOBE PAGEMAKER 6.5 87

5 Select the pointer tool, and click the
text to select it as a text block. In the Control palette, make sure the center point of the Proxy icon is selected, type 90 for Rotation ( ), and click the Apply button ( ).
guide, with the bottom edge of the letter P aligned with the 9.12-inch horizontal ruler guide. Remember: If you drag immediately after pressing the mouse button, you see the bounding box of the text block. If you pause before you drag, you see the characters in the text block as you drag, making it easier to align the baseline to a ruler guide or to align characters to each other.

Project

The text is rotated on the center point of the text block.
6 From the horizontal ruler, drag to create
a horizontal ruler guide at approximately 9.12 inches.
7 From the vertical ruler, drag to create
10 Choose File > Save.

Replacing selected text

You can save a bit of time if you copy and paste the word Project to create a new text block, and then replace Project with the word Plan. The new word will already be rotated and have the correct font applied.
1 With the pointer tool still selected, click
a vertical ruler guide at approximately 1.57 inches.
8 Choose View > Snap to Guides to deselect

(uncheck) the option.

9 With the pointer tool still selected,
click the text Project to select it as a text block, and drag it until its baseline is aligned with the 1.57-inch vertical ruler
the word Project to select it as a text block, and choose Edit > Copy, and then choose Edit > Paste.
c00.book Page 88 Tuesday, April 22, 1997 10:10 AM

88 LESSON 3

The pasted text block is rotated like the copied text block, and the text is formatted like the copied text.
2 Select the text tool (T), double-click the pasted text to select it, and type Plan to replace the pasted text. 3 Double-click the word Plan to select it,
of the letter P in the word Plan aligned with the stem of the letter t in the word Project as shown below.
and in the Colors palette click 20% Gray. This design calls for the word Plan to use a smaller font size.
4 With Plan still selected, in the Control
palette type 100 for Size ( Apply button ( ).

), and click the

7 With the pointer tool selected, drag
the top right handle to conform to the word Plan. Plan overlaps Project, and the master page is complete.
8 Choose Edit > Select All and then Ele-
ment > Lock Position to prevent accidentally modifying the master-page elements.

(Macintosh) together with the spacebar, and drag diagonally across the text in column 1 to enclose half the text block. In this magnied view, notice how the spacing between letters and words in the proposal text is fairly tight.
5 With the entire story still selected, choose
ern Pointe site, a total area of some 200 feet by 450 feet is indicated as the proposed maximum extent of below grade development. In addition, we believe that a 345 feet by 475 feet area to the north of the community center may be considered for future inclusion in Northern Pointe development plans, although it is not under consideration in this study. Preservation of thirty-one major trees identified in the northeast corner of the site would significantly reduce the total space available for development. It is recommended that the soil should remain undisturbed within 25 feet of the perimeter of the trees root systems. Consequently, an area of some 185 feet by 320 feet would be excluded from development plans in an effort to preserve the grove of Douglas Fir trees. Preliminary analysis of the site has indicated that it would be feasible to construct three below grade levels. However, structural considerations of excavation and proximity to adjoining buildings may be reviewed. With these parameters in mind, it can be calculated that, for below grade construction alone, there is cubage available to accommodate 273,650 square feet of space in three levels. This assumes that recommended measures would be taken to preserve the Douglas Fir trees, and utilized in the design. The extent of above grade construction is constrained by a desire to limit the maximum height of new construction to about 25 feet to 28 feet above grade, and to largely preserve the present garden environment of the site. It should be noted that extensive above grade construction would impair efforts to provide natural illumination for below grade spaces. Automobile ramp access from Grant Road to below grade parking will need to be given further consideration as well. Light and View Considerations There is little doubt that the facility envisioned for the Northern Pointe site will largely rely upon adequet introduction of natural

6 Choose File > Save.

Type > Expert Tracking > Very Loose. The Expert Tracking menu displays six tracking options. The default tracking option No Track means no tracking has been applied to the text. Because Very Loose tracking increases letter spacing for this point size (of this typeface), the loosened tracking makes the page appear lighter.
You can have a different number of columns on different parts of a single page. In this example, you will create a single column of text below the title text, above the two existing columns of text.
c00.book Page 96 Tuesday, April 22, 1997 10:10 AM

96 LESSON 3

You will begin by reducing the size of the text blocks in the left and right columns to make room for a text block that spans the image area (between the left and right margins).

1 Scroll to view the middle portion of
5 With the pointer tool still selected, click
the text in column 1 to select it as a text block, and drag the top windowshade handle until it snaps to the ruler guide.
2 From the horizontal ruler, drag to create
a horizontal ruler guide at approximately 4.17-inches. (Use the Control palette to verify its location as you drag.) You will drag the top of the text blocks in the two columns down to this horizontal ruler guide. To help you align the text block, youll rst turn the Snap to Guides option back on.
3 Choose View > Snap to Guides to select

the page.

The Bella Coola Development Study merges community requirements for the envisioned facility and the alternative approaches to building on the Bella Coola Northern Pointe site. Consultants reports regarding structural considerations and tree evaluation are included for their continued application to the problem. An effort has been made to work with the full extent of space requirements currently voiced by the Western Division Management Center and the Bella Coola Village Organization. Other organizations were queried to form the basis of judgment in determining the overall need. This recognizes that as the program development progresses, tenant requirements may change, but the essential square footage and cubic limitations for a below grade structure will remain. In addition, it has been envisioned that jointly required facilities would be available for all organizations to use on a shared basis, utilizing movable walls for privacy. In utilizing the Northern Pointe site, it is initially assumed that the envisioned facilities would be largely accommodated below grade, and that above grade structures would be intended to accommodate those functions demanding particular visibility and identity, such as a community recreation center. It is very possible that significant heating and cooling economies would be achieved by virtue of underground construction and the application of appropriate solar collection techniques. The southern face of proposed structures along Grant Road offer optimum orientation for collection of solar energy. Additionally, natural illumination of below grade spaces would significantly improve the quality of the indoor environment and has been recognized as an important component of the project. Available Space Analysis On the schematic site plan of the Northern Pointe site, a total area of some 200 feet by 450 feet is indicated as the proposed maximum extent of below grade development. In addition, we believe that a 345 feet by 475 feet area to the north of the community center may be considered for future inclusion in Northern Pointe development plans, although it is not under consideration in this study. Preservation of thirty-one major trees identified in the northeast corner of the site would significantly reduce the total space available for development. It is recommended that the soil should remain undisturbed within 25 feet of the perimeter of the trees root systems. Consequently, an area of some 185 feet by 320 feet would be excluded from development plans in an effort to preserve the grove of Douglas Fir trees. Preliminary analysis of the site has indicated that it would be feasible to construct three below grade levels. However, structural considerations of excavation and proximity to

merges community requirements for the envisioned facility and the alternative approaches to building on the Bella
The formatted text is ready to be aligned.
5 Select the pointer tool, click the introduc-
tory text to select it as a text block, hold down Shift (to constrain the movement),
To allow for a 3-line caption, you will use this horizontal ruler guide to align the bottom edge of the photograph with the baseline of text in column 2. Note: Unless you want to place an inline graphic (a graphic attached to text), its a good idea to make sure the text does not contain an insertion point when importing a graphic.
c00.book Page 100 Tuesday, April 22, 1997 10:10 AM

100 LESSON 3

3 Select the pointer tool to ensure that the
7 With the pointer tool selected, click the
text doesnt contain an insertion point.
4 Choose File > Place. Double-click the
03ArtA.tif le in the 03Project folder.
5 With the loaded graphic icon displayed,
text above the photograph in column 1 to select it as a text block, and drag the bottom windowshade handle to display the last line of text to be approximately one line space above the photograph.
click in column 1 to place the photograph. Depending on where you clicked, the photograph overlaps the text in one or both columns.
6 With the photograph still selected, drag it
Coola Northern Pointe site. Consultants reports regarding structural considerations and tree evaluation are included for their contintinued application to the problem. An effort has been made to work with the full extent of space requirements currently voiced by the Western Division Management Center and the Bella Coola Village Organization. Other organizations were queried to form the basis of judgment in determining the overall need. This recognizes that as the program development progresses, tenant requirements may change, but the essential square footage and cubic limitations for a below grade structure will remain. In addition, it has been envisioned that jointly required facilities would be available for all organizations to use on a shared basis, utilizing movable walls for privacy. In utilizing the Northern Pointe site, it is initially assumed that the envisioned facilities would be largely accommodated below grade, and that above grade structures would be intended to accommodate those functions demanding particular visibility and identity, such as a community recreation center. It is very possible that significant heating and cooling economies would be achieved by virtue of underground construction and the application of appropriate solar collection techniques. The southern face of proposed structures along Grant Road offer optimum orientation for collection of solar energy. Additionally, natural illumination of below grade spaces would significantly improve the quality of the indoor environment and has been recognized as an important component of the project. Available Space Analysis On the schematic site plan of the Northern Pointe site, a total area of some 200 feet by 450 feet is indicated as the proposed maximum extent of below grade development. In addition, we believe that a 345 feet by 475 feet area to the north of the community center may be considered for future in-

until its bottom edge snaps to the horizontal ruler guide you just created, with its right edge snapped to the right edge of column 1.
Coola Northern Pointe site. Consultants reports regarding structural considerations and tree evaluation are included for their continued application to the problem. An effort has been made to work with the full extent of space requirements currently voiced by the Western Division Management Center and the Bella Coola Village Organization. Other organizations were queried to form the basis of judgment in determining the overall need. This recognizes that as the program development progresses, tenant requirements may change, but the essential square footage and cubic limitations for a below grade structure will remain. In addition, it has been envisioned that jointly required facilities would be available for all organizations to use on a shared basis, utilizing movable walls for privacy. In utilizing the Northern Pointe site, it is initially assumed that the envisioned facilities would be largely accommodated below grade, and that above grade structures would be intended to accommodate those functions demanding particular visibility and identity, such as a community recreation center. It is very possible that significant heating and cooling economies would be achieved by virtue of underground construction and the application of appropriate solar collection techniques. The southern face of pro orientation for collection of solar energy. Additionally, natural illumination of below grade spaces would significantly improve the quality of the indoor environment and has been recognized as an important component of the project. Available Space Analysis On the schematic site plan of the Northern Pointe site, a total area of some 200 feet by 450 feet is indicated as the proposed maximum extent of below grade development. In addition, we believe that a 345 feet by 475 feet area to the north of the community center may be considered for future inclusion in Northern Pointe development plans, although it is not under consideration in this study. Preservation of thirty-one major trees identified in the northeast corner of the site would significantly reduce the total space available for development. It is recommended that the soil should remain undisturbed within 25 feet of the perimeter of the trees root systems. Consequently, an area of some 185 feet by 320 feet would be excluded from development plans in an effort to preserve the grove of Douglas Fir trees. Preliminary analysis of the site has indicated that it would be feasible to construct three below grade levels. However, structural considerations of excavation and proximity to adjoining buildings may be reviewed. With these parameters in mind, it can be calculated that, for below grade construction alone, there is cubage available to accommodate 273,650 square feet of space in three levels. This as-

tion for Style, and click the Edit button.
6 In the Style Options dialog box, click the
Char button. Even though you can use the character view of the Control palette to format text, the Character Specications dialog box provides the most complete set of characterformatting options in PageMaker.
11 Choose File > Save.
c00.book Page 102 Tuesday, April 22, 1997 10:10 AM

102 LESSON 3

Editing the default Subhead style
After editing the existing Subhead style to create a custom style for the subheads in this publication, you will apply it to the subhead on the rst page.
1 Choose Type > Dene Styles, and select
5 With the text tool still selected, click the
rst paragraph below the subhead text you just formatted to establish an insertion point in the paragraph.
6 In the Styles palette click No Indent
Subhead 1 for Style, and click Edit.
2 In the Style Options dialog box, click
to apply the custom style to the selected paragraph. The paragraph following the subhead is no longer indented.
7 If necessary, select the pointer tool, click
Char. Choose MyriaMM_700 BD 600 NO for Font, type 11 for Size and 13 for Leading, choose Small Caps for Case, and click Normal for Type Style. To close the dialog boxes, hold down Shift (Windows) or Option (Macintosh), and click OK.
the text in column 2 to select it as a text block, and drag its bottom windowshade handle down just below the margin guide so the last line of text is aligned with the bottom margin guide.
Coola Northern Pointe site. Consultants reports regarding structural considerations and tree evaluation are included for their contintinued application to the problem. An effort has been made to work with the full extent of space requirements currently voiced by the Western Division Management Center and the Bella Coola Village Organization. Other organizations were queried to form the basis of judgment in determining the overall need. This recognizes that as the program development progresses, tenant requirements may change, but the essential square footage and cubic limitations for a below grade structure will remain. In addition, it has been envisioned that jointly required facilities would be available for all organizations to use on a shared basis, utilizing movable walls for privacy. In utilizing the Northern Pointe site, it is initially assumed that the envisioned facilities would be largely accommodated below grade, and that above grade structures would be intended to accommodate those functions demanding particular visibility and identity, such as a community recreation center. It is very possible that significant heating and cooling economies would be achieved by virtue of underground construction and the application of appropriate solar collection techniques. The southern face of proposed structures along Grant Road offer optimum orientation for collection of solar energy. Additionally, natural illumination of below grade spaces would significantly improve the quality of the indoor environment and has been recognized as an important component of the project.

There is little doubt that the facility envisioned for the Northern Pointe site will largely rely upon adequate introduction of natural light and view to the underground levels to achieve a comfortable and successful indoor environment. This could be accomplished through the use of sunken gardens which would adjoin below grade working areas to provide light as well as important visual orientation and variety. It can be recognized that sunken gardens or other light-searching architectural elements will require substantial space to be fully effective. A recent study of such underground architectural spaces notes that many of the kinds of space with which we are dealing, would, because of the dominant modes of activity within them, require relief by physical or visual connection to adjacent high activity areas or the external environment, or both. Characteristic occupancy of such spaces would by relatively secondary and routinized. Characteristic examples of such spaces would be conference centers, classrooms, and offices (superscript 1 here). It is our judgment that the quantity and quality of natural light and external views deemed adequate for underground spaces in the Northern Pointe Development cannot be established with certainty, owing to the preliminary nature of this study and the large number of unresolved controlling factors. Yet it is evident that space will be required and must be set aside for natural light. Accordingly, we believe that space for natural light and view must be initially allocated on the basis of approximate judgment in lieu of more fixed guidelines. To this end, 15% of the total gross floor area, or some 42,500 square feet, is allocated for natural light and view throughout the underground areas. We expect that during further development of this project, new information may suggest some adjustment of this allocation.
click) the 03ArtB.tif le in the 03Project folder to select it. Make sure As Independent Graphic is selected, and click Open (Windows) or OK (Macintosh).
4 With the loaded graphic icon displayed,
click in column 1 to place the drawing.
5 With the drawing still selected, drag it
until its bottom edge snaps to the horizontal ruler guide you just created, and its left edge snaps to the left column guide.
Now that the drawing and text are aligned, you are ready to place the caption text.
7 Choose File > Place, and double-click the
03TextC.doc le in the 03Project folder.
8 With the loaded text icon displayed,
click in column 1 below the drawing to place the text.
9 Select the text tool (T), and click the caption to establish an insertion point. 10 In the Styles palette, click Caption to apply a style to the text. 11 Magnify the view of the caption text.

1 Click the page 3 icon to view the third
not rest on the baseline, select the pointer tool, and click the text in column 2 to select it as a text block. Then drag the bottom windowshade handle so it snaps to the margin guide and the last line of text rests on the margin guide. The second page of this publication is completely assembled.
11 Choose View > Fit in Window.
page of the publication. As before, all master-page elements are displayed within the bounds of the third page.
2 If there is no text in column 1 on page 3,
click the page 2 icon to view the second page, click the text in column 2 with the pointer tool to select it as a text block, and click the red triangle at the bottom of the text block to load the remaining text. Then click the page 3 icon to view the third page. Let the loaded text icon snap to the margin guides in the top left corner of column 1, and then click to place the text.
3 With the pointer tool selected, click the
text in column 1 to select it as a text block. The red triangle in the bottom windowshade handle indicates there is more text to be placed. Before manually owing the remaining text into column 2, you will format the text in column 1.
4 Select the text tool (T), and click the subhead Conclusions to establish an insertion point. (Zoom in rst if necessary.) In the Styles palette, click Subhead 1.
12 Choose File > Save.
Assembling the third page
After formatting and aligning the text on the third page, you will draw a box that will serve to frame an illustration. This boxed illustration and its corresponding caption will span the width of both columns.
c00.book Page 109 Tuesday, April 22, 1997 10:10 AM

ADOBE PAGEMAKER 6.5 109

2 From the horizontal ruler, drag to create a
rst paragraph below the subhead text you just formatted to establish an insertion point in the paragraph. In the Styles palette click, No Indent.
horizontal ruler guide aligned with the baseline of text nearest to the 5.9-inch mark on the vertical ruler.
3 Select the pointer tool, click the text in

ct Plan

ed on the basis of approximate judgment in lieu of more fixed guidelines. To this end, 15% of the total gross floor area, or some 42,500 square feet, is allocated for natural light and view throughout the underground areas. We expect that during further development of this project, new information may suggest some adjustment of this allocation.
Preceding analysis has delineated the clear limitations of space available for development below grade on the Northern Pointe site. At this juncture it would appear reasonable to expect that 166,350 square feet of space could be accommodated below grade, easily accommodating the three-level design. Further expansion below grade to the north of

column 1 to select it as a text block, and drag the bottom windowshade handle just below the line of text aligned with the horizontal ruler guide you just created.

oject Pl

With the type and paragraph specications applied to the text, you are ready to align the text.
below grade on the Northern Pointe site. At this juncture it would appear reasonable to expect that 166,350 square feet of space could be accommodated below grade, easily accommodating the three-level design. Further expansion below grade to the north of the Grant Community Center may constitute valuable space available for further development, although it has not been studied herein or included in available space estimates. Although the constraints on above grade construction do not directly translate into
Manually owing text into a column
Because the illustration and caption will extend across the bottom portion of both columns, you will resize the text block in column 1, and manually ow the remaining text into column 2. Before reducing the size of the text block in column 1, you will create a horizontal ruler guide aligned with text in column 1. You will eventually use this horizontal ruler guide to align the bottom edge of the box that contains an illustration, allowing enough space for a single-line caption.
As before, the red triangle in the bottom windowshade handle indicates all text is not displayed.
4 Click the red triangle in the bottom win-
dowshade handle to load the remaining text in the story.
5 With the loaded text icon displayed, posi-
tion the icon in the top left corner of column 2, letting it snap to the column and margin guides. Click to place the text.
number of unresolved controlling factors. Yet it is evident that space will be required and must be set aside for natural light. Accordingly, we believe that space for natural light and view must be initially allocated on the basis of approximate judgment in lieu of more fixed guidelines. To this end, 15% of the total gross floor area, or some 42,500 square feet, is allocated for natural light and view throughout the underground areas. We expect that during further development of this project, new information may suggest some adjustment of this allocation.
horizontal ruler guide aligned with the baseline of the second line of text above the bottom margin guide. After drawing the box that will frame the illustration, you will use this horizontal ruler guide to align the box.
The empty bottom windowshade handle of the text block in column 2 indicates the end of the story.
c00.book Page 110 Tuesday, April 22, 1997 10:10 AM

110 LESSON 3

Depending upon how precise you were when you placed the graphics and text throughout this project, the lines may not end in exactly the same spot. Make sure the rst line of each text block on this page aligns. Do not worry if one text block is a few lines longer than the other.

2 In the Control palette, type 3.87 for H,
and press Enter or Return to establish the height for the box.
3 With the box still selected, choose Ele-
ment > Stroke > Hairline to assign a stroke style and weight to the line of the box.
4 Select the pointer tool, position the
match the space available for development. There is considerable leeway for adjustment of the siting and configuration of the above grade buildings under consideration. At this level of investigation, only schematic studies of this question can be undertaken. A number of schemes of massing options have been studied, and the strongest two have been selected for illustration to suggest alternate ways to approach this unique problem.At this stage, it is suggested that the recommendations in this study be equally reviewed.
pointer on the edge of the box, hold down Shift (to constrain the movement), and drag the box until its bottom edge snaps to the horizontal ruler guide you created, with the left and right edges of the box still aligned with the margin guides.

Drawing a box

After creating a box that will frame the nal illustration, you will align it with an existing horizontal ruler guide.
1 Select the rectangle tool (d), and drag
to draw a box below the proposal text, spanning the width of the two columns (exact height is not important).
Since the bottom of the box is aligned with what was the baseline of the second line of text above the bottom margin guide, you have provided enough space for the single-line caption.
c00.book Page 111 Tuesday, April 22, 1997 10:10 AM

ADOBE PAGEMAKER 6.5 111

Placing a graphic and caption
After placing the nal illustration, you will place, format, and align its corresponding caption. This illustration was resized in Adobe Photoshop, and saved in TIFF le format with a resolution of 100 dpi.
To make the caption text span the image area, you will drag to dene a text block that spans both columns.
5 With the loaded text icon displayed, drag
to dene a text block under the boxed illustration that spans both columns to place the caption (exact height is not important).
03ArtD.tif le in the 03Project folder.
2 With the loaded graphic icon displayed,
click within the hairline box to place the illustration.
3 With the illustration still selected,
drag it until it is visually centered in the hairline box.
6 Select the text tool (T), and click the caption text to establish an insertion point. In the Styles palette, click Caption. 7 Select the pointer tool, click the caption
text to select it as a text block, and drag the bottom windowshade handle until the entire story is displayed. Then hold down Shift (to constrain the movement), and drag the text block until the baseline of the text is aligned with the bottom margin guide.
4 Choose File > Place, and double-click the

03TextE.doc le in the 03Project folder.
You have completed assembling the entire proposal.
8 Choose View > Fit in Window.
c00.book Page 112 Tuesday, April 22, 1997 10:10 AM

112 LESSON 3

9 Choose View > Hide Guides to hide the

Review questions

1 List two advantages to using styles. 2 How do you make every object you will
column, ruler, and margin guides used to assemble this proposal.
draw in a PageMaker publication have the same stroke width, color, and ll?
3 What is the term that refers to the vertical
space used by each line of type?
4 What is a quick way to close multiple
dialog boxes with a single click?
5 What is an advantage of placing text with

Autoow on?

Answers
1 Styles let you do the following:
10 Choose File > Save to save the

03Work.p65 publication.

Maintain a consistent look throughout the publication. Ensure accuracy so that different paragraphs all have exactly the same specications. Simplify and speed up formatting.

Producing the proposal

As mentioned at the beginning of this lesson, you can print this publication successfully on any 300 dpi or 600 dpi desktop laser printing device, and then photocopy it as needed.
1 Choose File > Print to open the Print
2 Click the pointer tool to deselect all
Document printing box for the type of printer you selected.
2 In the Print Document dialog box, click
objects, and then set the stroke and ll options you want using the Element menu and/or the Colors palette. These settings affect all objects you draw in that publication from this point forward but do not affect existing objects.
3 Slug. 4 Hold down Shift (Windows) or Option
Color. Make sure the Composite and Grayscale options are selected.
3 Click Print to print the proposal. 4 Close all open publications, and choose
(Macintosh) and click OK or Cancel.
5 With Autoow on, PageMaker lls all
File > Exit (Windows) or File > Quit (Macintosh) to exit the PageMaker application.