Adobe GoLive 6.0- P6

Adobe GoLive 6.0- P6: This book, as well as the software described in it, is furnished under license and may be used or copied only in accordance with theterms of such license. The content of this book is furnished for informational use only, is subject to change without notice, andshould not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibilityor liability for any errors or inaccuracies that may appear in this book
Nội dung trích xuất từ tài liệu:
Adobe GoLive 6.0- P6 ADOBE GOLIVE 6.0 147 Classroom in a Book3 In the navbar.html window, click the Items In Stock image to select it. Then Shift-clickthe Repairs image and the Appraisals image to add them to the selection.4 Click the Align Center button ( ) on the toolbar to center the images vertically onthe grid.Images centered vertically on grid5 Choose File > Save to save navbar.html.6 Click OK for GoLive to automatically update the pages that use navbar.html as acomponent. When the update is finished, click OK to close the dialog box.7 Choose File > Close to close navbar.html.8 Make the hottest.html window active, and notice that the component has beenupdated automatically.9 Save and close the file.148 LESSON 3 Designing Web Pages Previewing in GoLive To preview each Web page, do the following: 1 In the site window, double-click index.html, appraise.html, or hottest.html to open the page. Remember, the appraise.html and hottest.html files are located in the pages folder. 2 In the document window, click the Preview tab to view the page in Layout Preview. GoLive displays a preview of the page. Notice the change in the navigation bar that reflects the change you made to the component. Note: You haven’t linked the pages yet, so you will have to view them separately. You’ll link pages in Lesson 5, “Creating Navigational Links.” 3 When you have finished viewing the pages, close any open pages and the site window. ADOBE GOLIVE 6.0 149 Classroom in a BookReview questions1 After you create a new Web site in GoLive, what folder and files appear in the Files tabof the site window?2 Name two benefits of using a component.3 When do you use a layout grid to design a page?4 Name two ways that you can specify an image for an image placeholder on a page.5 Name a way in which you can add text to a table.6 What is a custom color palette, and how do you add a color to a custom color palette?7 Can you extract color from an image that you’ve added to a page? If so, how?8 When do you use floating boxes to design a page?Review answers1 The Files tab displays the contents of the site’s root folder, which contains a blank homepage called index.html.2 A component lets you store frequently used page content, such as a navigation bar. Youcan quickly add the component to multiple pages in a site. To edit a component, you onlyneed to edit a single file (its source file) to have GoLive automatically update each pagethat contains it.3 You use a layout grid to create table-based designs in your pages. Instead of setting upmultiple table cells, you can add a single layout grid to a page and position objects on thegrid with 1-pixel accuracy.4 To specify an image for an image placeholder, do one of the following:• Drag from the Point and Shoot button in the Image Inspector to an image file in the sitewindow.• Hold down Alt (Windows) or Command (Mac OS), and drag from the image place-holder to an image file in the site window.• Drag an image file from the site window to the image placeholder.5 To add text to a table, you can type directly in a table cell, copy and paste text fromGoLive or another application, and import text from a text-only file created in a word-processing or spreadsheet application, for example.150 LESSON 3 Designing Web Pages 6 You can collect and organize colors for a site in the Colors tab of the site window. The colors appear in both the Colors tab and the Site Color list in the Color palette, either of which you can use as a custom color palette. To add a color to a custom color palette, drag the Color icon from the Site set in the Objects palette to the Colors tab of the site window. Select a color in the Color palette, and then drag the color from the preview pane to the untitled color in the Colors tab. Finally, rename the color according to its use in the site. 7 Yes, you can extract color from an image that you’ve added to a page. To do so, move the pointer to any color swatch in the Color palette, so that the pointer turns into an eyedropper. Drag the eyedropper from the Color palette to the image whose color you want to copy, and release the mouse. The extracted color appears in the preview pane of the Color palette. 8 You use floating boxes to divide a page into rectangle ...