• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 13. Creating Design Diagrams > Adding items to every page

Adding items to every page

If you have items that you want to add to every page of your design diagram, such as logos or copyright information, you can add them as master items. In this part of the lesson you'll add a client logo to the design diagram, and then you'll add a box to contain the design firm's logo and text.

1.
In the design diagram window, select the Master tab.

2.
Position the site window so you can see both the Files tab of the site window and the design diagram window.

3.
From the Files tab of the site window, drag the client_logo.gif file from the media folder to the top left corner of the grid in the Master view. If you drop the image in the wrong place, you can simply drag it to a preferred location.

Now you'll add a box to contain text and the designer's logo. Boxes are graphical containers that can hold objects, including text, graphics, and other boxes. All contents within a box are contained in the box boundaries and move with the box. You can use boxes to provide captions or to contain text or graphics that represent items in a site.

4.
Scroll to the bottom of the design diagram window so you can see the bottom left corner of the diagram.

5.
From the Diagram set () in the Objects palette, drag a Box icon to the bottom left corner of the Master view.

6.
Select one of the box handles, and resize the box to the right allowing room for the logo and text.

7.
With the box selected, in the Text area of the Box tab of the Inspector, enter the following text:

2nd Draft by Comet Studios

Confidential

www.GaiaQuest.net

© 2002

You can also type directly in the box if you click to create an insertion point.

8.
If necessary, drag one of the corners of the box to resize it so that all the text is visible.

9.
In the Box Inspector, click the button to align the text to the right ().

10.
To add the design company logo, drag the cometstudios_logo.jpg file from the media folder in Files tab of the site window to the left side of the box. You may need to adjust the size of the box again to accommodate the logo and the text. Use the arrow keys to adjust the position of the logo.

11.
Click the Design tab to return to the design diagram.

12.
Click the arrow at the bottom of the design diagram window to open the magnification pop-up menu, and select Fit in Window to check your layout to date. When you are finished reviewing the page, use the magnification pop-up menu to return to your preferred magnification.

13.
Drag a Box icon from the Diagram set of the Objects palette to the top of the page.

14.
In the Text area of the Box tab of the Box Inspector, enter Design Diagram Second Draft. Select center text button () to center the text.

15.
In the Graphics tab of the Box Inspector, change the Fill Color to the color labeled #000000 banner and the Text color to the color labeled #FFCC00 customer profile. Enter 12 for the Font Size.

Note

If you want the left edge of the box you just added to line up with the right edge of the GaiaQuest logo so that the look is one seamless box, you'll need to temporarily deselect the Collision Avoidance option and the Horizontal Snap and Vertical Snap options in the Grid tab of the View palette. You can then use the arrow keys to align the two boxes. To move an object in one-pixel increments, press Ctrl+arrow key (Windows) or Option+arrow key (Mac OS). Remember to reselect the Collision Avoidance and the Snap options when you are finished. You can also select one of the box handles, and resize the box to the right allowing the text to place on a single line if you wish.

16.
Choose File > Save.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint