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

Designing a Web page

To get you started with the design of the Web page, we've created the page in Adobe GoLive and added some text. You'll open the page.

1.
Start Adobe GoLive. A new document named Untitled.html opens, and several palettes are displayed in several groups by default.

Because you don't need a new document or palettes at this point in the lesson, you'll close Untitled.html and any displayed palettes.

2.
Choose File > Close to close Untitled.html.

3.
To hide each group of palettes, click the close box in the upper right (Windows) or upper left (Mac OS) corner of the group window.

4.
Choose File > Open, select the Appraise.html file, and click Open. The path to the file is Lesson02/02Start/Appraise.html.



Now you're ready to begin designing the page. First you'll change the title of the page. When viewed in a Web browser, the title of the page appears in the title bar of the browser.

5.
Select the page title, "Welcome to Adobe GoLive 5."

6.
Type Appraisal Page as the new title, and press Enter or Return.


Selecting page title



New page title


Now you'll select a window size for the page. The window size is valid only in Adobe GoLive, not browsers. However, it can help you limit the design of your page to fit within a desired window size. It's a good idea to limit the design of your page to fit within a window size of 580 pixels to accommodate viewers with 14-inch monitors.

7.
Choose 580 from the Window Size menu in the lower right corner of the document window.


Choosing window size


Now you'll change the background color of the page from white to khaki.

8.
Choose Window > Color to display the Color palette.

9.
In the Color palette, click the Web Color List button (). Or, click the triangle in the upper right corner of the Color palette to display the Color palette menu, and choose Web Color List from the menu.

10.
Select #CCCC99 from the list, or type CCCC99 in the Value text box and press Enter or Return.

The selected color appears in the preview pane of the Color palette.

11.
Drag the color from the preview pane of the Color palette to the Page icon ( ) in the document window.


Changing page's background color


The background color of the page changes to khaki.

12.
Choose File > Save.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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