Adobe GoLive 6.0

564 Pages·2002·13.97 MB·English

by  Adobe Creative Team

Classroom in a Book
®
www.adobe.com/adobepress
© 2002 Adobe Systems Incorporated. All rights reserved.
Adobe® GoLive® 6.0 Classroom in a Book®
This book, as well as the software described in it, is furnished under license and may be used or copied only in accordance with the
terms of such license. The content of this book is furnished for informational use only, is subject to change without notice, and
should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility
or liability for any errors or inaccuracies that may appear in this book.
Except as permitted by such license, no part of this documentation may be reproduced, stored in a retrieval system, or transmitted,
in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe
Systems Incorporated.
Please remember that existing artwork or images that you may want to include in your project may be protected under copyright
law. The unauthorized incorporation of such material into your new work could be a violation of the rights of the copyright owner.
Please be sure to obtain any permission required from the copyright owner.
Any references to company names are for demonstration purposes only and are not intended to refer to any actual organization
except as noted.
Adobe, the Adobe logo, Acrobat, the Acrobat logo, ATM, Adobe Type Manager, Classroom in a Book, GoLive, Illustrator,
ImageReady, LiveMotion, Photoshop, and Adobe Premiere are either registered trademarks or trademarks of Adobe Systems
Incorporated. Apple, Mac, Macintosh, and QuickTime are trademarks of Apple Computer, Inc. registered in the U.S. and other
countries. QuickTime and the QuickTime logo are trademarks used under license. The QuickTime logo is registered in the U.S. and
other countries. Microsoft, Windows, and Windows NT are either registered trademarks or trademarks of Microsoft Corporation
in the U.S. and/or other countries. Java, Java Applet, and JavaScript and are trademarks or registered trademarks of Sun Microsystems,
Inc. in the United States and other countries. Macromedia and Flash are trademarks or registered trademarks of Macromedia, Inc. in
the United States and/or other countries. SVG is a trademark of the World Wide Web consortium. Arial is a trademark of The
Monotype Corporation registered in the U.S. Patent and Trademark Office and certain other jurisdictions. Helvetica is a registered
trademark of Linotype-Hell AG and/or its subsidiaries. All other trademarks are the property of their respective owners.
Contains an implementation of the LZW algorithm licensed under U.S. Patent 4,558,302.
Written and designed at Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA.
Adobe Press books are published by Peachpit Press, Berkeley, CA.
Notice to U.S. government end users. The software and documentation are “commercial items,” as that term is defined at 48 C.F.R.
§2.101, consisting of “commercial computer software” and “commercial computer software documentation,” as such terms are used
in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through
227.7202-4, as applicable, the commercial computer software and commercial computer software documentation are being
licensed to U.S. government end users (A) only as commercial items and (B) with only those rights as are granted to all other end
users pursuant to the terms and conditions set forth in the Adobe standard commercial agreement for this software. Unpublished
rights reserved under the copyright laws of the United States.
Printed in the U.S.A.
ISBN 0-201-78719-9
9 8 7 6 5 4 3 2 1
iii
Contents
Getting Started
About Classroom in a Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Prerequisites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Installing Adobe GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Installing the Classroom in a Book fonts . . . . . . . . . . . . . . . . . 2
Copying the Classroom in a Book files . . . . . . . . . . . . . . . . . . . 3
Additional resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Adobe certification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Lesson 1 Developing Web Sites with Adobe GoLive 6.0
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
The GoLive workflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Creating a new site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Adding files and folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Designing a first Web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Previewing a Web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Creating a second Web page . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Creating a third Web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Creating links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Comparing the files on your desktop with the
site files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Managing sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Lesson 2 Getting to Know the Work Area
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Opening and viewing a site . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Using the document window . . . . . . . . . . . . . . . . . . . . . . . . . . 71
iv CONTENTS
Using the toolbar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Creating a custom workspace . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Using the Objects palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Using the Inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Using context menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Setting GoLive preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Previewing in GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Previewing in a Web browser . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Using Hints . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Lesson 3 Designing Web Pages
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Creating a new Web site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Adding files to the Web site . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Creating a component to be used as a
navigation bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Designing the home page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
Creating a custom color palette and adding color
to text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Adding a component to an existing Web page . . . . . . . . . 137
Updating the custom color palette . . . . . . . . . . . . . . . . . . . . 138
Designing a Web page using floating boxes . . . . . . . . . . . . 139
Editing a component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Previewing in GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Lesson 4 Working with Text and Tables
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
About converting layout grids to tables . . . . . . . . . . . . . . . 156
Creating a new Web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157
v
Adding text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Adding a table . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Applying fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
Capturing a table style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
Editing text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Converting a layout grid to a table . . . . . . . . . . . . . . . . . . . . 190
Previewing in GoLive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Exploring on your own . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Lesson 5 Creating Navigational Links
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
About links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Opening a site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Creating a navigational link from a graphic . . . . . . . . . . . . 201
Testing a link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Creating anchors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Testing anchors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
Creating hypertext links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Creating an action . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Using image maps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
Setting preferences for link warnings . . . . . . . . . . . . . . . . . . 231
Finding and fixing broken links . . . . . . . . . . . . . . . . . . . . . . . 232
Previewing links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Lesson 6 Using Smart Objects
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
About Smart Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
Using Smart Photoshop objects . . . . . . . . . . . . . . . . . . . . . . . 243
Using Smart Illustrator objects . . . . . . . . . . . . . . . . . . . . . . . . 253
Using Smart LiveMotion objects . . . . . . . . . . . . . . . . . . . . . . 254
vi CONTENTS
Editing a variable in a Smart Photoshop image . . . . . . . . . 256
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Lesson 7 Working with Frames
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
About frame sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Creating a frame set . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Making changes to the frame set . . . . . . . . . . . . . . . . . . . . . 270
Setting up the content frames . . . . . . . . . . . . . . . . . . . . . . . . 273
Adding content to frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Creating targeted links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Creating a return link to the home page . . . . . . . . . . . . . . . 278
Linking the frame set to your home page . . . . . . . . . . . . . . 280
Adding an action to always load the frame set . . . . . . . . . 281
Previewing in a Web browser . . . . . . . . . . . . . . . . . . . . . . . . . 283
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Lesson 8 Creating Rollovers
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Opening the home page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Adding a floating box to hold a rollover button . . . . . . . . . 294
About naming rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Creating a Smart rollover button . . . . . . . . . . . . . . . . . . . . . . 298
Adding an image to a floating box . . . . . . . . . . . . . . . . . . . . 301
Creating a drop-down menu . . . . . . . . . . . . . . . . . . . . . . . . . 302
Previewing in a Web browser . . . . . . . . . . . . . . . . . . . . . . . . . 310
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
vii
Lesson 9 Creating Animations
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Working with floating boxes . . . . . . . . . . . . . . . . . . . . . . . . . . 317
Animating a floating box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326
Animating multiple floating boxes . . . . . . . . . . . . . . . . . . . . 334
Adding actions to animations . . . . . . . . . . . . . . . . . . . . . . . . 338
Creating a new scene . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342
Adding an action to play the scene . . . . . . . . . . . . . . . . . . . . 345
Previewing in a Web browser . . . . . . . . . . . . . . . . . . . . . . . . . 346
Exploring on your own . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349
Lesson 10 Using Actions and JavaScript
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355
Creating head actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Using actions to manipulate floating boxes . . . . . . . . . . . . 360
Creating actions on call . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366
Assigning JavaScript scripts to page elements . . . . . . . . . . 376
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380
Lesson 11 Creating Forms
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
About forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386
Creating the Personal Information section of
the form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388
Storing frequently used objects . . . . . . . . . . . . . . . . . . . . . . . 402
Adding an image that spans two columns . . . . . . . . . . . . . 405
Adding radio buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 406
Modifying a list box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409
Adding a clickable image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411
viii CONTENTS
Adding a Reset button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413
Changing the main table’s border and cell spacing . . . . . 414
Creating a tabbing chain . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417
Lesson 12 Using Cascading Style Sheets
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 422
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 422
About style sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423
Exploring style sheets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425
Working with styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435
Creating a style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 441
Saving and linking a style sheet . . . . . . . . . . . . . . . . . . . . . . . 444
Linking and unlinking a style sheet to multiple pages . . . 446
Creating a class style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447
Importing an external style sheet . . . . . . . . . . . . . . . . . . . . . 449
Duplicating a style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450
Changing the background color . . . . . . . . . . . . . . . . . . . . . . 451
Previewing the results in current browsers . . . . . . . . . . . . . 453
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 455
Lesson 13 Combining Adobe LiveMotion Animations
with QuickTime Movies
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460
Opening the composition . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462
Setting up labels for behaviors . . . . . . . . . . . . . . . . . . . . . . . . 463
Adding behaviors to play movies . . . . . . . . . . . . . . . . . . . . . 467
Exporting the composition . . . . . . . . . . . . . . . . . . . . . . . . . . . 469
Integrating the composition with QuickTime movies . . . 470
Adding special effects to QuickTime movies . . . . . . . . . . . 479
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 489
ix
Lesson 14 Managing Web Sites
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494
About Adobe GoLive Web site management . . . . . . . . . . . 494
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495
Importing an existing site into GoLive . . . . . . . . . . . . . . . . . 496
Exploring the site in the site window . . . . . . . . . . . . . . . . . . 499
Reviewing the expanded site window . . . . . . . . . . . . . . . . . 502
Correcting errors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 505
Managing folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 511
Adding new pages to your site . . . . . . . . . . . . . . . . . . . . . . . . 514
Solving the site hierarchy . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515
Changing the Navigation view . . . . . . . . . . . . . . . . . . . . . . . . 517
Creating new pages in the Navigation view . . . . . . . . . . . . 525
Changing all links and file references . . . . . . . . . . . . . . . . . . 529
Cleaning up a site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531
Exploring on your own . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532
Review questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 533
Review answers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 533
Lesson 15 Creating Design Diagrams
About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538
About design diagrams . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 538
Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 539
Looking at the first design diagram . . . . . . . . . . . . . . . . . . . 543
Creating a new design diagram . . . . . . . . . . . . . . . . . . . . . . . 544
Adding sections . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548
Adding color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551
Adding pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 552
Adding objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558
Adding a SWF animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 565
Aligning and distributing objects . . . . . . . . . . . . . . . . . . . . . 567
Adding annotations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 569
Adding items to every page . . . . . . . . . . . . . . . . . . . . . . . . . . 571
Labeling the diagram levels . . . . . . . . . . . . . . . . . . . . . . . . . . 575