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 regi
Trang 2Classroom in a Book®
www.adobe.com/adobepress
Trang 3© 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
Trang 4Contents
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
Trang 5iv
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
Trang 6Adding 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
Trang 7vi
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
Trang 8About 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
Trang 9viii
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
Trang 10About 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
Trang 11x
Printing and exporting a design diagram 577
Anchoring a design diagram 578
Submitting a design diagram 580
Review questions 582
Review answers 582
Index 583
Trang 12develop-that help you develop professional-quality Web sites quickly and easily Integrate your Web design and development work seamlessly with other applications, including
Adobe Photoshop®, Adobe Illustrator®, and Adobe LiveMotion® Create rollovers and
animations easily, and add Macromedia® Flash™ (SWF) files and QuickTime movies to your Web pages
About Classroom in a Book
Adobe GoLive 6.0 Classroom in a Book® is part of the official training series for
Adobe graphics, Web, and publishing tools developed by experts at Adobe Systems The lessons are designed to let you learn at your own pace If you’re new to Adobe GoLive, you’ll learn the fundamental concepts and features that you’ll need to master the program
If you’ve been using GoLive for a while, you’ll find Classroom in a Book teaches many advanced features, including tips and techniques for using this exciting Web design tool.The lessons in this edition include new information on the GoLive workflow, customizing the work area, converting layout grids to tables, creating stationery, spell checking, using variables with Smart Objects, adding date and time stamps, creating HTML styles, and working with Smart rollovers Additionally all lessons have been revised to incorporate updated information on GoLive 6.0 commands and tools The all-new Lesson 15,
“Creating Design Diagrams,” shows you how to use the powerful presentation and Web site creation tool to lay out the structure or architecture of a site before you create pages You can develop multiple prototype design diagrams as you build and revise a site You can present design diagrams in print or online in Adobe PDF or SVG format for review When you are ready to work with real pages, you can convert the design diagram’s pages
to editable HTML pages in a site
Although each lesson provides step-by-step instructions for creating a specific project, there’s room for exploration and experimentation You can follow the book from start to finish, or do only the lessons that correspond to your interests and needs
Trang 13Before using the Adobe GoLive 6.0 Classroom in a Book, you should have a working
knowledge of your computer and its operating system Make sure that you know how to use the mouse and standard menus and commands, and also how to open, save, and close files If you need to review these techniques, see the printed or online documentation included with your Windows or Mac OS documentation
Installing Adobe GoLive
Before you begin using the Adobe GoLive 6.0 Classroom in a Book, make sure that your
system is set up correctly and that you’ve installed the required software and hardware You must purchase the Adobe GoLive software separately For system requirements and complete instructions on installing the software, see the ReadMeFirst.pdf file on the appli-cation CD
Installing the Classroom in a Book fonts
To ensure that the lesson files appear on your system with the correct fonts, you may need
to install the Classroom in a Book font files The fonts for the lessons are located in the
Fonts folder on the Adobe GoLive 6.0 Classroom in a Book CD If you already have these
fonts on your system, you do not need to install them If you have ATM® (Adobe Type Manager®), see its documentation on how to install fonts If you do not have ATM, install
it from the Classroom in a Book CD
To install the Classroom in a Book fonts:
1 Insert the Adobe GoLive 6.0 Classroom in a Book CD into your CD-ROM drive.
2 Install the font files from the CD to your hard drive according to your operating system:
• In Windows (other than Windows XP), open the ATM folder on the CD located in
Fonts\Win Fonts\CIB Font Installer\ Double-click the ATM installer, setup.exe, and follow
the on-screen instruction to install ATM and the fonts Fonts install automatically when you install ATM
Trang 14ADOBE GOLIVE 6.0
Classroom in a Book
• In Windows XP, navigate to your Adobe common fonts folder, typically in C:\Program
Files\Common Files\Adobe\Fonts\on your hard drive On the Adobe GoLive 6.0 Classroom
in a Book CD, open the Fonts\Win Fonts\CIB Font Installer\ATM\fonts\ folder Choose
Edit > Select All to select all the fonts in the fonts folder Drag the files from the fonts folder
to the C:\Program Files\Common Files\Adobe\Fonts\ folder on your hard drive Do not use
ATM to install the fonts
• In Mac OS (other than Mac OS X), from the desktop navigate to the folder on the CD
located in Fonts/Mac Fonts/CIB Font Installer/ATM® 4.6.1 + Fonts Installer/ Open the folder ATM® 4.6.1 + Fonts Installer, double-click the ATM 4.6.1 + Fonts Installer appli-
cation, and follow the on-screen instructions
• In Mac OS X, open the Library/Fonts/ folder on your hard drive On the Adobe GoLive
Classroom in a Book CD, navigate to the folder Fonts/Mac Fonts/CIB Font Installer/ATM® 4.6.1 + Fonts Installer/Fonts Open the Fonts folder, and choose Edit > Select All Drag the
fonts to the Library/Fonts/ folder on your hard drive You can drag the grouped font files, but you can't drag the entire Fonts folder to your hard drive
You can also install the Classroom in a Book fonts by copying all of the files in the Fonts folder on the Adobe GoLive 6.0 Classroom in a Book CD to the Program Files/Common Files/Adobe/Fonts (Windows) or System Folder/Application Support/Adobe/Fonts
(Mac OS) If you install a Type 1, TrueType, OpenType, or CID font into these local Fonts folders, the font appears in Adobe applications only
Copying the Classroom in a Book files
The Classroom in a Book CD includes folders containing all the electronic files for the lessons Each lesson has its own folder, and you must copy the folders to your hard drive
to do the lessons To save room on your drive, you can install only the necessary folder for each lesson as you need it and remove it when you’re done
To install the Classroom in a Book files:
1 Insert the Adobe GoLive 6.0 Classroom in a Book CD into your CD-ROM drive.
2 Create a folder named GL_CIB on your hard drive.
Trang 15If you are installing the files in Windows, you need to unlock them before using them You don’t need to unlock the files if you are installing them in Mac OS
4 In Windows, unlock the files that you copied:
• If you copied all of the lessons, double-click the unlock.bat file in the GL_CIB/Lessons
folder
• If you copied a single lesson, drag the unlock.bat file from the Lessons folder on the CD
into the GL_CIB folder Then double-click the unlock.bat file in the GL_CIB folder
Note: As you work through each lesson, you’ll overwrite the Start files To restore the original
files, recopy the corresponding Lesson folder from the Classroom in a Book CD to the GL_CIB folder on your hard drive.
Additional resources
The Adobe GoLive 6.0 Classroom in a Book is not meant to replace documentation that
comes with the program Only the commands and options used in the lessons are explained in this book For comprehensive information about program features, refer
to these resources:
• The Adobe GoLive 6.0 User Guide, included with the Adobe GoLive software This guide
contains a complete description of all features
• Online Help, an online version of the User Guide You can view the online Help by
choosing Help > GoLive Help
• Hints, which are brief, informative descriptions of icons on the toolbars, document
window, and Objects palette Hints appear in the Hints palette, which also provides links
to related topics in the online Help For more information, see “Using Hints” on page 90
• The Adobe Web site (www.adobe.com) You can view the Adobe Web site by choosing
Help > Adobe Online, if you have a connection to the World Wide Web