Using Placeholders for Existing HTML Content

You may incorporate existing site content into any PhotoWebber projects by using Placeholders and Frame Placeholders.

A Placeholder is a rectangular area that contains HTML code. Any layer in PhotoWebber may be designated as a placeholder. You can type HTML code directly into the Source HTML window, select any HTML file from your hard drive, or choose from a list of HTML files within the designated Site Folder. In style sheet layout, each placeholder is a separate HTML layer and supports standard style sheet overflow settings. In table layout, each placeholder is a table cell. HTML incorporated using a placeholder becomes part of the web page built by PhotoWebber.

Frames may also be designated as placeholders. A Frame Placeholder is a frame that contains HTML code created in a separate PhotoWebber session or by any other HTML editor. HTML incorporated using a frame placeholder is referenced by the frame set built by PhotoWebber, but is not incorporated into a page built by PhotoWebber.

In this tutorial we will create a Placeholder and insert an HTML file.

1. Import TUTORIAL2.PSD. For this tutorial, do not select Automate Buttons.
2. Delete the PhotoWebber Logo and the text layer below it.
3. Create the Placeholder. Select the purple Color Area. From the Layers menu, select Use as Placeholder. The color area will turn gray, indicating that it is now a Placeholder.
3. Insert the HTML file. On the Properties window, select the Placeholder tab. Set the Overflow for the Placeholder to visible. Note: The interactive warnings window will warn you of incompatibilities with specific browser versions. Click the document insert button and select PWINFO.HTM. The HTML code will display in the Source HTML box. Note: you can also type or paste HTML directly into the Source HTML box.

To see what this will look like on the web, preview the results in your browser. (From the File menu select Preview, Default Browser.)

Copyright © 2000 - 2001 Media Lab, Inc. All rights reserved.
PhotoWebber is a trademark of Media Lab. Photoshop is a registered trademark and GoLive is a trademark of Adobe Systems Incorporated.
All other trade names are trademarks of their respective owners.