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

Lesson 3. Laying Out Web Pages > Creating a component

Creating a component

Now you're ready to begin designing the pages for the Web site. At the top of each page, you'll place the Gage Vintage Guitars logo and a navigation bar for the site. Instead of creating this page content multiple times, you'll create it once and save it as a component that you can quickly add to your pages.

Using components

Components let you create elements in one source file that you can use on multiple pages. This feature is useful for buttons, logos, headers, and other items that you want to use throughout your site.

About components

You can use Adobe GoLive components to reference other HTML pages and embed them in your page, complete with text, images, and other visual content. When you embed an element as a component instead of writing the HTML code in your pages, you can change the object simply by double-clicking it to open the source file (an HTML page containing only the element) and then editing the object. When you save the source page, Adobe GoLive automatically updates all pages that contain the element.

Adobe GoLive encloses the embedded HTML page in a custom element that the browser ignores at run time (although its content is understood and interpreted correctly), and marks it as dynamic page content that needs to be updated each time the source file changes.


Components are updated only while you work on your local hard disk. Pages on the Web server are not updated by just uploading the source file. You need to upload all pages that reference a component to update your site after changing the source file.



Not a subscriber?

Start A Free Trial

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