Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development

Designing Adobe GoLive Web Pages

  • Print
  • + Share This
Adobe GoLive provides you with a variety of tools for laying out your Web pages. It also provides you with several ways to quickly add objects and apply colors frequently used in your Web site, saving you both time and effort. In this lesson, you’ll explore the various tools for page layout as you work on the design of three Web pages.
This chapter is from the book

Adobe GoLive provides you with a variety of tools for laying out your Web pages, including tables, layout grids, floating boxes, and frame sets. It also provides you with several ways to quickly add objects and apply colors frequently used in your Web site, saving you both time and effort. In this lesson, you'll explore the various tools for page layout as you work on the design of three Web pages.

About this lesson

In this lesson, you'll learn how to do the following:

  • Create a new Web site and add files to it.

  • Create a component that stores frequently used page content, such as a navigation bar, and add the component to each page in a site.

  • Use a layout grid to precisely place text, images, and other objects on a page.

  • Add Web-formatted images to a page using a variety of methods.

  • Align, distribute, and move multiple objects on a layout grid.

  • Add a background image, keywords, comments, and a date and time stamp to a page.

  • Add text to a page using layout text boxes on a layout grid, and copy and paste text into a table.

  • Create a custom color palette that stores frequently used site colors, and apply the colors to pages in a site.

  • Extract color from an image or other element on the screen, and add it to a custom color palette.

  • Use floating boxes to place overlapping objects on a page.

  • Edit a component's source file to have GoLive automatically update each page that contains it.

This lesson takes approximately 60 minutes to complete.

If needed, copy the Lessons/Lesson03/ folder onto your hard drive. As you work on this lesson, you'll overwrite the start files. If you need to restore the start files, copy them from the Adobe GoLive 6.0 Classroom in a Book CD.

NOTE

Windows users need to unlock the lesson files before using them. For more information, see "Copying the Classroom in a Book files" on page 3.

Getting started

In this lesson, you'll review and build on the skills you learned in Lessons 1 and 2. You'll create a new Web site for the fictional company called Gage Vintage Guitars and work on the design of three Web pages for the site. You'll learn more about how to lay out pages using tables, layout grids, and floating boxes. You'll also learn more about reusable site objects (components, library objects, stationery pages, and page templates) that can save you both time and effort. In addition, you'll learn how to add a background image, keywords, comments, and a date and time stamp to a Web page.

First you'll view the finished pages in your Web browser. Currently the pages don't contain any navigation links, so you'll need to open each page individually. You'll add navigational links to these pages in Lesson 5, "Creating Navigational Links."

  1. Start your Web browser.

  2. In your Web browser, open the index.html file in Lessons/Lesson03/03End/gage

    Figure 1

  3. Open the appraise.html file in Lessons/Lesson03/03End/gage folder/gage/pages/.

  4. Open the hottest.html file in Lessons/Lesson03/03End/gage folder/gage/pages/.

  5. When you have finished viewing the pages, close them and exit or quit your browser.

  • + Share This
  • 🔖 Save To Your Account