ONLINEPROOFINGSOLUTION.COM

review online - www.onlineproofingsolution.com

Menu


_ Page Designs: These are most useful as inner page designs around which you can place your standard header, footer, or navigation, and they


use standard CSS formatting and tables to control layout and design. In addition to the design files included in Dreamweaver, you can create custom templates. Step-by-step instructions are in the "Creating Your Own Templates" section later in this chapter. To use one of Dreamweavers design files to create a page, follow these steps: 1. Choose File?New. Alternatively, you can choose any of the options from the Create From Samples section on the Dreamweaver Start page. 2. Choose a design file from any of the four collections available on the General tab: Framesets, Page Designs (CSS), Starter Pages, or Page Designs. Dreamweavers design files for the selected collection display in the New Document window. In the example shown in Figure 4-1, I chose the Page Designs from the Category list and then selected the Image: Slide Show from the Page Designs list. 3. From the list of page designs in the middle of the New Document window, click to display a preview of a template. Chapter 4: Coordinating Your Design Work 91 4. Choose whether youre creating a document or a template, and click the corresponding radio button from the bottom right of the New Document window. 5. With the design file selected, click Create to create a new page. A new page is created from the design file and opens in the main work area. 6. Choose File?Save to save the page before you make any changes. Saving your pages before adding images or setting links is important. Make sure you save the new page within the main folder of the Web site you are creating. If you have not already completed the setup process for this site, see Chapter 2 to take care of this important preliminary step. 7. Click to select any text area, image, link, or other element on the page and replace it with your own images or text to customize the design. In the example shown in Figure 4-2, Ive replaced the blank image in the middle of the page with an image from the Inn on Tomales Bay and replaced the title and caption text. Creating additional pages with this same design file would allow me to easily create a slide show of images from this bed-and-breakfast inn. 8. Continue to edit the page, replacing images and filler text (Dreamweaver uses Latin as filler text), setting links, and making any other alterations or additions to the page. 9. When you are done, use File?Save to save your changes. Figure 4-1: The New Document window displays Dreamweavers design files, which you can use to create predesigned pages in Dreamweaver. 92 Part II: Looking Like a Million (Even on a Budget) You can edit or replace anything in a Dreamweaver design file, and even alter