- Getting started
- Creating a new Web site
- Adding files to the Web site
- Creating a component to be used as a navigation bar
- Adding a layout grid
- Aligning and distributing multiple objects
- Adding text using a table
- Creating a custom color palette and adding color to text
- Specifying keywords
- Adding a component to an existing Web page
- Updating the custom color palette
- Designing a Web page using floating boxes
- Editing a component
- Previewing in GoLive
- Review questions
- Review answers
You specify keywords for a page so that Internet search engines and browsers can identify content in the page. To specify keywords, you add a Keywords element to the head section pane of the document window, and then use the Keywords Inspector to add a list of keywords for the element.
Now you'll specify keywords for the home page.
To display the head section pane, click the triangle next to the Page icon () in the upper left corner of the document window.
Drag the Keywords icon from the Head set () in the Objects palette to the head section pane.
A Keywords element is added to the head section of the page, and the Inspector changes to the Keywords Inspector.
To add an element to the head section pane, you can also drag it to the body of the page to have GoLive automatically open the head section pane and add the element to it.
In the Keywords Inspector, click the New Item or New Keyword button() to add a new keyword to the list. Then enter a word or phrase that you want to use as a keyword in the text box at the bottom of the Inspector. (We used the phrase "Gage Vintage Guitars.") Press Enter or Return. The new keyword is listed in the Inspector pane and added to the document head pane.
Click the Source tab in the document window to check that the keyword is added correctly. Click the Layout tab to return to the Layout Editor.
Click the triangle next to the Page icon to close the head section pane.
Choose File > Save to save index.html.
As you lay out content on a page, you may want to add hidden comments about its design for future reference. Comments appear in GoLive in the Comment Inspector and the source code and other HTML editors, but they don't appear in browsers. You can add comments to the head section or the body of a page.
Now you'll add comments to the body of the home page.
Drag the Comment icon from the Basic set () in the Objects palette to an area nearby the "Check Out This Week's Hottest Buy!" text.
In the Comment Inspector, delete the text "your comment here," enter the following text: Remember to add navigation links to this page.
Click elsewhere in the work area to have the Inspector change from the Comment Inspector. For example, we clicked on the text block, "Check Out This Week's Hottest Buy."
Click the Comment icon on the page to select it, and then view your comments in the Comment Inspector.
Click the Source tab in the document window to view your comment in the source code. Click the Layout tab to return to the Layout Editor.
Choose File > Save to save your work.
A symbol appears on the page to indicate the comment's location, and the Inspector changes to the Comment Inspector. You enter comments in the Comment Inspector.
Now you'll view the comment.
Adding a date and time stamp
You can add a date or time stamp to a page, so that viewers can tell when you last updated the page. GoLive reads the current date or time from your computer's built-in clock and writes the result in a custom tag. It then updates the information dynamically whenever you save the page.
Now you'll add a date and time stamp to the home page. First you'll add descriptive text before the date and time stamp.
In the table that contains the descriptive paragraph about Gage Vintage Guitars, click after the last character (!) to insert a cursor, and press Enter or Return to begin a new line of text. Then type Last revised: with a space after it.
Now you'll add a date stamp to the page.
Drag the Modified Date icon from the Smart set () in the Objects palette to the cursor on the page, or double-click the icon.
A date in a default format is added to the page, and the Inspector changes to the Modified Date Inspector.
Now you'll specify a format for the date.
In the Modified Date Inspector, choose a country from the Format menu, and select a date format from the list of options for the specific country. We chose U.S. (United States) and the long date form (day, date, year).
Now you'll add a time stamp with the text "at" preceding it.
In the document window, after the date stamp, type at with a space before and after it.
Drag another Modified Date icon from the Smart set in the Objects palette to the cursor on the page, or double-click the icon.
In the Modified Date Inspector, choose a country from the Format menu, and select a time format from the list. We chose U.S. (United States) and the hours:minutes form.
Choose File > Save to save index.html.
Click the Preview tab to preview the page. Notice that the comment does not appear in the preview. Click the Layout tab to return to the Layout Editor.
Then choose File > Close to close the page.
Now you're ready to design two other pages for the site.