Adobe GoLive 6.0- P1

Chia sẻ: Cong Thanh | Ngày: | Loại File: PDF | Số trang:30

Thêm vào BST

Báo xấu

69
lượt xem 8
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Adobe GoLive 6.0- P1: 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

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Adobe GoLive 6.0- P1

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 Ofﬁce 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 deﬁned 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 ﬁles ................... 3 Additional resources ................................... 4 Adobe certiﬁcation .................................... 5 Lesson 1 Developing Web Sites with Adobe GoLive 6.0 About this lesson . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 The GoLive workﬂow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Getting started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Creating a new site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Adding ﬁles and folders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Designing a ﬁrst 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 ﬁles on your desktop with the site ﬁles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 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 ﬁles 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 ﬂoating 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 ﬁxing 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 ﬂoating box to hold a rollover button . . . . . . . . . 294 About naming rollovers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297 Creating a Smart rollover button . . . . . . . . . . . . . . . . . . . . . . 298 Adding an image to a ﬂoating 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 ﬂoating boxes . . . . . . . . . . . . . . . . . . . . . . . . . . 317 Animating a ﬂoating box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326 Animating multiple ﬂoating 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 ﬂoating 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 ﬁle 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 ﬁrst 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
x CONTENTS 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
ADOBE GOLIVE 6.0 1 Classroom in a Book Getting Started Welcome to Adobe® GoLive® 6.0—the complete solution for Web site design, develop- ment, and management for novices and professionals alike. GoLive provides easy-to-use site design tools, site-building tools, editors, and powerful site-management features 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.
2 Getting Started Prerequisites Before 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.
ADOBE GOLIVE 6.0 3 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.
3 Copy the lessons that you want to the hard drive: • To copy all of the lessons, drag the Lessons folder from the CD into the GL_CIB folder. • To copy a single lesson, drag the individual lesson folder from the CD into the GL_CIB folder. If 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.
ADOBE GOLIVE 6.0 5 Classroom in a Book Adobe certification The Adobe Training and Certification Programs are designed to help Adobe customers improve and promote their product proficiency skills. The Adobe Certified Expert (ACE) program is designed to recognize the high-level skills of expert users. Adobe Certified Training Providers (ACTP) use only Adobe Certified Experts to teach Adobe software classes. Available in either ACTP classrooms or on-site, the ACE program is the best way to master Adobe products. For Adobe Certified Training Programs information, visit the Partnering with Adobe Web site at http://partners.adobe.com.
1 Developing Web Sites with Adobe GoLive 6.0 This lesson gives you an overview of the Web site development process with Adobe GoLive and introduces you to key features of the application. During this lesson you’ll create a simple Web site that includes a home page and two linked pages. The pages incorporate formatted text, GIF images, rollovers, and a Quick- Time movie. As you progress through the other lessons in this book, you’ll look at these tasks in more detail.
10 LESSON 1 Developing Web Sites with Adobe GoLive 6.0 About this lesson In this lesson you’ll do the following: • Review the tasks involved in developing a Web site and Web pages using Adobe GoLive. • Create a new Web site using the GoLive Site Wizard. • Add folders and ﬁles to a site. • Import existing Web pages into a site and create a new page. • Add images and text to a Web page. • Create rollovers so objects on a page change as you move the mouse over them. • Create stationery. • Work with a table. • Add a QuickTime movie. • Add navigational links to text and images. • Preview Web pages in GoLive and in a Web browser. • Examine the relationship of the ﬁles you see in the site window with the organization of ﬁles on your desktop. This lesson takes approximately 90 minutes to complete. Although the lesson is long, it provides an important overview of the site building process and an introduction to the basic tools in GoLive that simplify and expedite this process. Most of the tasks introduced in this lesson will be covered in more detail in subsequent lessons, so relax and enjoy building your ﬁrst Web site with GoLive. Don’t worry about memorizing the details of each task; you’ll revisit them in later lessons. If needed, copy the Lessons/Lesson01/ folder onto your hard drive. As you work on this lesson, you’ll overwrite the start ﬁles. If you need to restore the start ﬁles, copy them from the Adobe GoLive 6.0 Classroom in a Book CD. Note: Windows users need to unlock the lesson ﬁles before using them. For more information, see “Copying the Classroom in a Book ﬁles” on page 3.
ADOBE GOLIVE 6.0 11 Classroom in a Book The GoLive workﬂow Creating a Web site that contains multiple pages is a complex task that is made much simpler by the creation and management tools in GoLive. Before you begin, you can make the task even easier by planning your Web site, thinking about your workﬂow, and under- standing how GoLive can help you at each step of the way. The following brief informational overview will help you understand how the different GoLive tools relate to the process of building Web pages and Web sites, and the subse- quent hands-on tasks will give you experience in building a simple Web site and adding content to Web pages. Before you begin Before you begin building your Web site, it’s best to have a basic design or hierarchy in mind. You can sketch out a plan using paper. You can use the GoLive site design diagram feature that allows you to design both simple and complex sites, and when you are ready to work with live pages, converts the pages to actual HTML pages in a site. If you already have a site in GoLive or imported into GoLive, you can manually add pages to the site, setting up the page hierarchy and links as you go, or you can add pages and move pages around using the Navigation view. For information on creating a design diagram, see Lesson 15, “Creating Design Diagrams.” For information on adding material to existing sites, see Lesson 3, “Designing Web Pages” and Lesson 14, “Managing Web Sites.”
12 LESSON 1 Developing Web Sites with Adobe GoLive 6.0 Working in the site window Whether you are working on a single Web page or a complex, multipage Web site, you should always work in the GoLive site window. Although you can design and build Web pages outside of the site window (using the File > New Page command to create a page without creating a site), the site window is key to the building and management tools in GoLive. If you work outside the site window, for example, GoLive will not automatically check links and update them for you. Think of the site window as your desktop work area. GoLive site window You create a GoLive Web site using the New Site command. The GoLive Site Wizard automatically opens the GoLive site window, creates a home page for your site, and sets up folders to hold site resources and settings. Whether you create a blank site, import ﬁles from an existing Web site, or use one of the GoLive site templates, the Site Wizard will walk you through the process. For more information on using the site window, see Lesson 2, “Getting to Know the Work Area.”