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 iii Contents Getting Started About Classroom in a Book Prerequisites Installing Adobe GoLive Installing the Classroom in a Book fonts Copying the Classroom in a Book files Lesson Additional resources Adobe certification Developing Web Sites with Adobe GoLive 6.0 About this lesson 10 The GoLive workflow Getting started 11 18 Creating a new site 20 Adding files and folders 22 Designing a first Web page Previewing a Web page 24 35 Creating a second Web page Creating a third Web page Creating links 38 47 49 Comparing the files on your desktop with the site files 51 Managing sites Lesson 52 Review questions 54 Review answers 54 Getting to Know the Work Area About this lesson Getting started 58 59 Opening and viewing a site Using the document window 60 71 iv CONTENTS Using the toolbar 78 Creating a custom workspace Using the Objects palette Using the Inspector 85 88 Using context menus 89 Setting GoLive preferences Previewing in GoLive 90 91 Previewing in a Web browser Using Hints Lesson 80 93 94 Review questions 95 Review answers 95 Designing Web Pages About this lesson Getting started 100 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 Updating the custom color palette 138 Designing a Web page using floating boxes Lesson 137 139 Editing a component 146 Previewing in GoLive 148 Review questions 149 Review answers 149 Working with Text and Tables About this lesson Getting started 154 155 About converting layout grids to tables Creating a new Web page 156 157 v Adding text 160 Adding a table 170 Applying fonts 181 Capturing a table style Editing text 185 186 Converting a layout grid to a table Lesson 190 Previewing in GoLive 191 Exploring on your own 191 Review questions 194 Review answers 194 Creating Navigational Links About this lesson About links 198 198 Getting started 199 Opening a site 200 Creating a navigational link from a graphic 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 Finding and fixing broken links Lesson 201 231 232 Previewing links 234 Review questions 235 Review answers 235 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 Lesson Review questions 258 Review answers 258 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 Setting up the content frames Adding content to frames Creating targeted links 270 273 275 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 Previewing in a Web browser Lesson 256 281 283 Review questions 284 Review answers 284 Creating Rollovers About this lesson Getting started 288 288 Opening the home page 291 Adding a floating box to hold a rollover button About naming rollovers 294 297 Creating a Smart rollover button Adding an image to a floating box 298 301 Creating a drop-down menu 302 Previewing in a Web browser 310 Review questions 311 Review answers 311 vii Lesson Creating Animations About this lesson Getting started 316 316 Working with floating boxes Animating a floating box 317 326 Animating multiple floating boxes Adding actions to animations Creating a new scene 334 338 342 Adding an action to play the scene Previewing in a Web browser Exploring on your own Lesson 10 345 346 346 Review questions 349 Review answers 349 Using Actions and JavaScript About this lesson Getting started 354 355 Creating head actions 356 Using actions to manipulate floating boxes Creating actions on call 360 366 Assigning JavaScript scripts to page elements Lesson 11 376 Review questions 380 Review answers 380 Creating Forms About this lesson Getting started About forms 384 384 386 Creating the Personal Information section of the form 388 Storing frequently used objects 402 Adding an image that spans two columns Adding radio buttons Modifying a list box 405 406 409 Adding a clickable image 411 viii CONTENTS Adding a Reset button 413 Changing the main table’s border and cell spacing Creating a tabbing chain Lesson 12 414 Review questions 417 Review answers 417 Using Cascading Style Sheets About this lesson Getting started 422 422 About style sheets 423 Exploring style sheets Working with styles 425 435 Creating a style sheet 441 Saving and linking a style sheet 444 Linking and unlinking a style sheet to multiple pages Creating a class style Duplicating a style 446 447 Importing an external style sheet 449 450 Changing the background color 451 Previewing the results in current browsers Lesson 13 414 453 Review questions 455 Review answers 455 Combining Adobe LiveMotion Animations with QuickTime Movies About this lesson Getting started 460 460 Opening the composition 462 Setting up labels for behaviors Adding behaviors to play movies Exporting the composition 463 467 469 Integrating the composition with QuickTime movies Adding special effects to QuickTime movies 470 479 Review questions 489 Review answers 489 ix Lesson 14 Managing Web Sites About this lesson 494 About Adobe GoLive Web site management 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 Solving the site hierarchy 514 515 Changing the Navigation view 517 Creating new pages in the Navigation view Changing all links and file references Cleaning up a site 525 529 531 Exploring on your own Lesson 15 494 532 Review questions 533 Review answers 533 Creating Design Diagrams About this lesson 538 About design diagrams Getting started 538 539 Looking at the first design diagram Creating a new design diagram Adding sections 543 544 548 Adding color 551 Adding pages 552 Adding objects 558 Adding a SWF animation 565 Aligning and distributing objects Adding annotations 567 569 Adding items to every page 571 Labeling the diagram levels 575 ADOBE GOLIVE 6.0 575 Classroom in a Book Labeling the diagram levels Now that your design is almost finished, you’ll add Level objects—brackets with optional text labels—that you can use to indicate the hierarchy of objects in your design diagram You can place a bracket anywhere in the design diagram, and you can resize the bracket to include all the objects at a particular level Drag a Level icon from the Diagram set ( ) of the Objects palette to the design diagram Position the bracket by dragging it to the left of the Main Page, and resize the bracket by dragging any of its handles You may find it easier to position the level labels if you change the view of the page using the magnification menu In the Level tab of the Level Inspector, enter Level in the text box Click the Align in the Center of the Bracket button, and click the Right Align Text button You’ll add four more level brackets to the design diagram, positioning the brackets to correspond to each of the next four levels of the site hierarchy Note: Because you selected the Collision Avoidance option in the Grid tab of the View palette, the Level bracket adjusts objects on the page to make room where needed As a result, you may need to realign objects on your page 576 LESSON 15 Creating Design Diagrams Add a Level bracket for the row of Travel and Customer Service pages Add a Level bracket for the row of Tours, Cruise, Adventures, Ordering, FAQs, and About Us pages Add a Level bracket for the Profile and Press Release pages directly below Add a Level bracket for the Secure Order, Jan 02, and Feb 02 Press Releases If you need guidance on the positioning of the level brackets, refer to the GaiaQuest_design_01 file in the Design tab of the site window To align the Level brackets, click to select one and Ctrl-click (Windows) or Shift-click (Mac OS) to add the others to the selection Choose Window > Align to open the Align palette, and then click the Align Left button under Align to Parent to align the brackets to the left Choose Window > Align to close the Align palette when you are finished You have one more note to add at Level Because this is a note about missing material rather than a comment for review, you’ll add it in a box so that it is visible all the time From the Diagram set of the Objects palette, drag a Box icon to the right of the Level bracket ADOBE GOLIVE 6.0 577 Classroom in a Book Click in the box to create an insertion point, and enter the following text directly in the box: Need to add templates for content from database for Tours, Cruises, and Adventures -dm Select the box and resize it by dragging one of the handles You can also enter text in the Text box of the Box Inspector Choose File > Save Your design diagram is finished Now you need to present it for review Printing and exporting a design diagram You can print a design diagram in paper format, or you can export the diagram to Adobe PDF or SVG format for an online presentation An exported diagram can contain live links and annotations Note: You can open both SVG files and PDF files in Illustrator and further brand the diagram with your company style as necessary You can also edit the objects and individual lines as well as enhance the presentation You can further enhance your exported files in Illustrator by replacing bitmaps (thumbnails, corporate logos, etc.) with higher-resolution versions (EPS, Illustrator files, etc.) of the same images; or choose different fonts and font sizes to replace the default fonts in the exported diagrams 578 LESSON 15 Creating Design Diagrams To export your design diagram as a PDF file, choose File > Export >Design Diagram In the Export Options dialog box, select PDF from the Export Diagram As pop-up menu Select the Make Annotations Live option so that the annotations can be opened in the PDF file If you know the URL to which you’ll upload your files, you can select the Make Diagram Objects Into Links option and enter the complete path where the site will be located You’ll not use this option in this lesson Click OK, and save the PDF file as “gq_diagram_02.pdf ” in the Lessons/Lesson15/15Start/ folder on your hard drive Open the gq_diagram_02.pdf file Notice that you can open annotations in the PDF file Close the PDF file, and save the design diagram Anchoring a design diagram After your design diagram is complete and approved, you can submit it—that is, you can convert pages in the diagram to real pages in the site Before you submit a design diagram, however, you must anchor it to a page in the site’s navigation hierarchy For this design diagram, you’ll anchor the index.html page to the Main page The index.html pages will function as a splash page or introductory page that automatically takes a visitor to the Main page depending on the type of browser being used First you’ll drag a live page from your site window to the design diagram window This live page becomes the anchor page, representing a location in the existing site Later you’ll check and submit the design Drag the index.html page from the Files tab of the site window to the design diagram window and drop the page above the Main page without creating a hierarchy—that is, without associating it as a parent page of the Main page ADOBE GOLIVE 6.0 579 Classroom in a Book Drag the Main page over the bottom of the anchor page so that it becomes the child of the anchor page A black bar appears below the “No Name” anchor page when the main page is a child of the anchor page Anchoring a site Select the new anchor page, and in the Page tab of the Section Inspector, name the page Home Page In the Graphics tab of the Inspector, leave the Fill Color as white (#FFFFFF) Change the Header Fill Color to the color labeled main #99CC00 in the Color palette, and drag the slider to the right Note: If the design shifts when you add an anchor page, you can realign the pages for presentation Choose File > Save 580 LESSON 15 Creating Design Diagrams Submitting a design diagram When you have completed the design diagram and anchored the diagram with a page from the Files tab in the site window, you can submit your diagram, converting it into an active site and make it live Submitting a design diagram converts the pages and sections to real, editable HTML pages that can be uploaded to the Web The pages move from the Diagrams tab of the site window to the Files tab and from the Design Pages and Objects folders to the Live Pages and Live Objects folders in the Staging tab Before submitting (or converting) a design diagram, you should check the staging view and correct any errors The staging view lets you see how your design diagram relates to the live site It also displays error and warning icons when you check your site Note: Errors are often found in file and folder names (such as multiple files in the same directory having the same name or wrong folders specified in a directory) Checking your design alerts you to any changes you need to make before submitting the design To check the staging of the design, click the Staging tab of the design diagram window Choose Diagram > Staging > Check Staging A check mark in the Check column opposite a page or object means that no errors were detected Other icons in the column indicate problems or potential problems For example, the Stage in Scratch icon indicates that a page is not linked directly or indirectly to an anchor page Unless you want such a page to be treated as a scratch page when the diagram is submitted, you need to anchor it by dragging an anchor page from the navigation view to a page in the design diagram or linking the page to an anchored page in the diagram to create a family link Choose Diagram > Staging > Submit All to submit the design diagram and convert its pages and sections to real, editable HTML pages Or click the Submit All button ( ) on the toolbar Click the Design tab in the design diagram window Notice that all pages (but not necessarily the objects, such as the database) have a symbol ( ) in the right corner indicating that the design is anchored and currently submitted ADOBE GOLIVE 6.0 581 Classroom in a Book In the Files tab of the site window, notice the newly created pages, folders (travel and services), and their generic symbols Also notice that none of the custom objects are represented except for the Secure object For predefined custom objects—forms, elements, databases, applets, PDF files, and scripts—to be present in the site window, you must create the file from a template, stationery, or sample file for it to become a real file The Secure object was created from stationery, which is why it is present in the Files tab of the site window The PDF files are not yet linked to a stationery or template The press release database has not been created and is not based on a real file Save and close both your design diagram and your site window After you make a design diagram live, you can recall it You can then modify the design diagram and resubmit it any time For example, you might submit a diagram in progress to examine it in context and then recall it for further design development Or you might submit one of two alternative diagrams, and then recall the submitted diagram so that you can submit the other and choose between them Submitted diagrams can be uploaded to the Web Review questions What are some of the reasons for using design diagrams? How you create a design diagram? How you add pages and elements to a design diagram? What is the purpose of the Master tab in the design diagram window? Why should you check the staging of a design diagram? When would you submit a design diagram? Review answers A design diagram lets you lay out the structure of a site before you create pages and helps you manage the site creation process You can use multiple prototype diagrams as you build and revise a site, creating and testing designs for review You can present design diagrams in print or online in Adobe PDF or SVG format When you are ready to work with real pages, you submit a diagram, converting its pages to actual pages in the Web site In the site window, select the Diagrams tab Then choose Diagram > New Design Diagram from the GoLive command bar to create a new design diagram There are several ways to add pages and elements to a design diagram You can drag page and element icons from the Diagram set of the Object palette After you add one page, you can also add pages and objects using the context menu Right-click (Windows) or Control-click (Mac OS) on a page or object in the design diagram, and choose from the Insert Object menu or the New menu The Master view allows you to add items that will appear on every page of your design diagram if you have a multipage diagram This is useful when you want to brand pages with a client logo or design team logo, for example, or when you want to add a legend Checking the staging of a design diagram lets you determine whether all of a site’s pages are connected by links to an anchor page and whether there are folder or filename problems Checking the staging gives you the opportunity to correct errors before submitting the design You submit a design diagram when you are ready to convert the design diagram’s pages and sections to real, editable HTML pages GoLive moves the pages from the Extras tab of the site window to the Files tab, indicating that they exist as files within the site Files are created for custom objects that are linked to a template, stationery, or other file 583 Index A path, editing 332 class styles 432, 447 Action Group action 368 playback 331 Clean Up Site 531 Action track 340 speed 331 code, editing HTML 192 actions 338, 356 Time Tracks 328 Collision Avoidance option 547, 574 transition effects 341 color adding to animations 338 adding to floating boxes 306, 360 Animation menu 333 background 30, 158 adding to frames 281 Annotation tab 543 design diagram 550, 551 adding to images 366, 368 annotations, design diagram 541, 569 in table cells 177 adding to links 220, 374 ASP element, design diagram 558 links 218 browser switch 146, 356 Autoplay button 344 text 168 color palette copying 372 custom 128 ForceFrame 281 B head actions 356, 366 background color Netscape CSS Fix 326 changing with css 451 updating 138 Colors tab 62, 128 OnCall 356, 366 background color, page 158 column headings, adding 174 Open Window 220 background image, page 120, 158 columns, spanning 405 Play Scene 345 behaviors comments 134 resizing of browser window 360 adding in LiveMotion 467 comments, design diagram 541 Address icon 216 Bring Region to Front button 227 Common Gateway Interface (CGI) 385 Adobe Premiere 478 broken links 232, 508 component 14, 108, 121, 137, 146 Adobe Web Workgroup Server 102, 498 Browser preferences 37 Component Inspector 122 browser profiles 91, 431 Components folder 108, 502 AIFF 477 browser switch 146, 356 context menus 89 aligning objects 34, 47, 49, 117, 147, 567 browser window, resizing 360 Convert to Lean Rollover command 297 ShowHide 369 Alt Text box 114, 204 Anchor Inspector 207 anchoring design diagram 540, 578 anchors 205, 208 animation adding actions to 338 adding scenes 342 display errors 326 floating boxes 326, 334 keyframes 328 looping 331 border size, in frame sets 271 browser, previewing with 19, 93 browsers, and frames 277 C Call Action action 370, 379 Call Function action 378 Canvas As Single Page option 547 Cascading Style Sheets See CSS Change References option 529 changing file references 529 Check Staging command 580 checking spelling 188 Create Circle tool 226 Create Polygon tool 225 Create Project Folder option 21, 102 CSS 423, 432, 446 css extension 444 absolute vs relative font sizes 436 adding a style 439 background color 451 class style 447 common HTML elements 441 creating 441 duplicating a style 450 584 INDEX orphan 505 editing 435, 437 master page 571 external style sheets 425, 434 objects 558 ID styles 432 opening 539, 543 Files tab 52, 61 importing 449 PDFs 563 filter tracks 479 internal style sheets 425 pending links 566 find and replace 186 linking 444 Secure object 560 Find Files in Site button 78 previewing 453 staging 580 Find window 78 renaming 52 saving 444 submitting 580 Flip Move action 364 CSS Editor 424 SWF object 565 floating box marker 295 CSS palette 447 view options 546 floating boxes 15, 139 CSS Style Inspector 424 Design tab 543 adding 141, 294 CSS support 426 Designs folder 502 adding actions to 306, 360 custom color palette 128, 138 Detect Rollover Images feature 297 adding images to 142, 301, 322 custom objects, design diagram 567 Diagrams folder 503 and rollovers 294 custom workspace 80 Diagrams tab 539, 543 animating 326, 334 document window 71, 72 browser support 296 D Down state 297, 299 hiding on loading 309 data folder 52 drop-down menu 302 ID styles 432 showing and hiding 306 database, design diagram 563 locking 335 selecting 295 date and time stamp 135 default configuration 70 E showing and hiding 306 default fonts 181 stacking 321, 324, 337 Default Workspace 80 Edit Behaviors button (LiveMotion) 468 Delete Sample tool 480, 485 e-mail link 216 folder, data 52 Delete Selected Item button 525 EPS files, as Smart Objects 242 folder, project 51 Design Diagram.site window 543 Errors tab 504 folder, root 52 design diagrams 538, 544 Export Design Diagram command 578 folder, settings 52 adding color 551 adding pages 545, 553 adding pages (Section Inspector) 555 adding sections 548 adding security 560 adding text 577 aligning and distributing objects 567 Export Internal CSS command 433 exporting compositions (LiveMotion) 469 exporting design diagrams 577 external style sheets 425, 434, 444, 449 External tab 212 Extras tab 64, 202, 502 Visible option 339 folders adding to site 22, 511 creating 23, 106 moving 512 renaming 513 font sets 181 Font Size menu 176, 391 fonts, in tables 183 font-size, absolute vs relative 436 anchoring 540, 578 F creating 544 File Inspector 120, 500, 505 database 563 file references, changing 529 display 546 file structure 51 exporting 577 files grouping objects 561 adding 105 labeling 575 missing 507 ForceFrame action 281 Form element 386, 387 form fields, aligning 396 Form icon 387 form text fields linking to labels 397 585 formatting tables 173 scrolling 275 Image Inspector 32, 202, 223 formatting text 163 setting size 274 image maps 17, 223 forms 386 targeted links 278 adding fields 391–396 adding images 405, 411 FTP Server Connect/Disconnect button 532 address fields 394 FTP tab 504 linking 228 testing 230 Image Size tab Save for Web 249 image, adding background 158 border and cell 401, 414 creating 388, 389 G custom elements 403 General preferences 90 adding 31, 112, 115 designing 385 Generic Page icon 13 as Smart Objects 242, 243 form field labels 391 Get Colors Used command 138 clickable 411 inserting tables 389 graphics editing 242 images list box 409 adding 112 name fields 391 as links 201 pop-up menus 399 editing 242 linking 32 sliced 116 Import button 171 Reset button 413 H Import Files to Site command 13, 22, 105 resizing columns 405 Head Action Inspector 282 Import from Folder command 496 Submit button 413 head actions 356 In & Out Links palette 500, 507 radio buttons 406 browser switch 356 tab order 414 Include GoLive Code option ImageReady 299 resizing browser window 360 FPS (Frames Per Second) 331 Frame Editor 268 head section pane 76 Increase List Level button 167 Frame Regions button 227 headings, adding column 174 Inspector 88 frame sets 264 Hide Palettes command 62 internal style sheets 425 exporting 433 changing border properties 271 Hints 94 creating 268 home page 22 editing 270 Horizontal Snap option 574 J forcing to load 281 hotspots 223, 227 JavaScript linking to 280 HTML Element styles 432 linking to home page 280 HTML elements 423, 441 modifying 270 HTML Styles palette 168 parent option 278 HTML table 14 K structure 265 HTML table, converting to layout grid 190 keyframes 328, 330, 332 targeted links within 278 Vertical Orientation option 271 adding single 269 changing 529 L repairing 508 labels hypertext links 209 previewing 276 scalable 274 design diagram 575 linking to form text fields 397 and browsers 277 linking content 273 keywords 132 hyperlinks frames adding content 275 assigning to page elements 376 JavaServer Pages (JSP) 558 I Layout Editor 72 ID styles 432 layout grid 159 Illustrator images, as Smart Objects 243 converting to HTML table 156, 190 586 INDEX layout grids 14, 110, 127 optimizing 119 Layout Preview 36, 91 list boxes, forms 409 New Folder command 23 lists, formatting 166 New Font Family button 443 LiveMotion New Item button 133, 363 Layout tab 72 configuring 255 New Keyword button 133 layout text boxes 27, 123, 161 exporting compositions 469 New Link button 203, 363 Lean rollovers 297 image as Smart Objects 243 New Page command 13, 20, 157 levels, design diagram 575 time-independent groups 462 New Pages dialog box 553 Library folder 503 Timeline window 462 New Site command 20 library objects 14, 402 using with GoLive 462 NewFiles folder 526 Normal state 297, 299 Library set 402 line breaks 167 M link warnings 231 Make Annotations Live option 578 O Link Warnings button 232, 508 Make Diagram Objects Into Links option 578 objects links 199 aligning and distributing 34, 117, 567 absolute and relative pathnames in 210 Map Area Inspector 228 active and visited 219 menus, context 89 Objects palette 82, 85 adding actions to 220 Microsoft Active Server Pages (ASP) 558 On Load menu 327 adding actions to text links 374 adding to rollovers 305 missing file errors 507 adding to text 209 Modified Date Inspector 136 One Source Filter Sample Inspector 482 appearance 218 Modules preferences 35 One Source Filter Track Inspector 480 broken 232, 508 movie viewer window 472, 487 Open command 20 color 218 MP3 477 Open CSS Editor button 431 Master tab 543 design diagram 558 OnCall actions 366, 368 Open Window action 220 creating by browsing 209 creating with Point and Shoot 203 N orphan files 505 e-mail 216 name field 391 Outline Editor 192 empty 363 names, changing file names 52 Over state 297, 299 external 212 Navigation view 518, 521 hypertext 209 adding pages 522, 525 P image maps 223 linking pages 523, 526 page title, changing 25, 157 parent option 278 moving files 528 pages pending 566 Navigation View button 65 adding 38, 157 targeted in frames 278 navigational links 18 adding background color 30, 158 to a frame set 280 to URLs 212 troubleshooting 232 adding 49 Netscape CSS Fix action 358, 359 in frames 265 adding background images 120, 158 adding floating boxes 139 adding images 112 updating 198 New Action button 308, 363 adding layout grids 110 using graphics 201 New Child Page buttons 525 adding to design diagram 545 warning preferences 231 New Colors folder 128 anchoring 540 within pages 205 New Design Diagram command 544 changing background color 451 New Element Style button 439 creating from stationery 47 New Folder buttons 511 linking between 201 Links tab 69 587 linking within 205 flattening 473 Select Region tool 225, 227 previewing 18, 148 inserting SWF tracks 471 Select Window button 78 inserting video tracks 473 selecting tables 389 movie labels 464 Send Region to Back button 227 playing 460 settings folder 52 separating 69 previewing 487 Settings option working with 62 special effects 479 pages, master in design diagrams 571 palettes 80 Save for Web dialog box 246 Show in Browser button 37, 93 Palindrome button 331 Paragraph Format menu 164 R PDF files, as Smart Objects 242 radio buttons, forms 406 Show Information in Explorer button 79 PDF objects, design diagrams 563 Reference Inspector 213, 216 Show Information in Finder button 79 pending links 566 referencing images 32 Show Link Warnings command 232 Photoshop Smart Objects 243 Refresh View button 53 ShowHide action 369, 374 Photoshop-based designs 116 Refresh View command 62, 405 Single User site 13, 102, 496 PHP Hypertext Preprocessor (PHP) 558 Remove Link button 209 Site Color List 128 Reset button 413 Site Extras set 402 Play button 331 renaming 413 site hierarchy, solving 515 Point and Shoot button 88 Resize Window action 360 site management 18, 494 pop-up menus, forms 399 resource links 18 Site Navigator 522 preferences 90, 254 Reveal in Explorer button 513 Site preferences 91 Browser 37 Reveal in Finder button 513 site project file 12, 51 link warnings 231 rollovers 17, 41, 289, 294, 299 site publishing 18 Modules 35 adding behaviors (LiveMotion) 467 Site Trash folder 502, 503 Preview Mode 35 adding links to 305 site window 12, 60, 502 Preview Frame button frames 276 Preview In Default Browser command 37 Preview Mode Modules preferences 35 previewing in GoLive 191 with Web browsers 93 previewing pages 18 printing a design diagram 577 project folder 51 Q QuickTime movies 17 adding 46 adding sound 477 creating 470 editing tools 470 and floating boxes 294 adding files and folders 105–107 Floating Box Inspector 295 collapsing 64 naming 297 Components folder 502 root folder 52 Designs folder 502 Errors tab 504 expanding 63 S Save for Web dialog box 246 External tab 212 Save Workspace command 83 Extras tab 202, 502 scenes 342 FTP tab 504 multiple 342 Name title bar 512 using actions to play 345 Site Trash 502 Scratch pane 67, 518 Stationeries folder 504 Scroll Left action 374 updating 53 Scroll Right action 370 Site Wizard 12, 20 sections, in design diagrams 548 sites security function adding to design diagram 560 Select Color button 227 adding files and folders 105 adding folders 511 adding new pages 514 588 INDEX Clean Up Site command 531 external 425, 434 adding 16, 26, 160 creating 102 internal 425 adding in tables 126 error handling 505 linking to multiple pages 446 adding line breaks 167 home page 497 removing 447 adding links 209 importing 496 adding to design diagram 577 styles managing folders 511 adding 439 adding with layout text boxes 123 missing file error 507 duplicating 450 changing color 128, 168 editing 435, 437 copying and pasting 162 opening 61 orphan files 505 Submit button 411, 413 copying and pasting into tables 171 single-user 102 submitting a design diagram 580 creating a style 168 site link indicators 516 Sun JavaServer Pages (JSP) 558 editing 186 Slice Select tool 246 SVG files 247 formatting 16, 163, 166 sliced images 116 SWF files 247, 254 Smart Illustrator objects 253 SWF format and files Smart LiveMotion objects 254 Smart Objects 242, 243 restoring 248 importing to tables 171 text field, form 393 exporting (LiveMotion) 469 Text Inspector 207 importing 472 text links, adding actions to 374 SWF object, design diagram 565 Ticks option 365 Time Tracks 328 variables 256 Timeline Editor 328, 471 Smart Objects folder 504 T Smart Photoshop objects 243 tabbing chain 414 Action track 340 table multiple tracks 335 editing 249 resizing 247 Smart rollovers 297, 298 Options menu 342 converting to layout grid 190 table cells Toggle Media button 519 sorting table entries 179 aligning 396 toolbars 65, 78 sound, adding to movies 477 color 177 tracks 471 Source Code Editor 73, 191, 430, 437 selecting 488 Table palette 173, 175 frames 269 table style 174, 185 transitions 340, 341 spell checker 188 tables 14, 170, 171 adding captions 175 Two Source Filter Sample Inspector 486 adding column headings 174 Two Source Filter Track Inspector 485 staging design diagrams 580 Staging tab 543, 580 adding rows 174 Standard Selection and Editing tool 480, 485 changing cell color 177 U copying and pasting text into 171 Unfold All button 65 Start/Stop Indexing button 415 formatting 44, 173, 177, 183 Unnumbered List button 166 stationery 13, 42, 545 importing text into 126, 171 URLs, linking to 212 Stationery folder 504 selecting 173, 389 Stop button 331 setting properties 401, 414 V Structure command 391 sorting entries 179 variables Structure menu 165 target file 243 in Smart Objects 251, 256 style sheet support 426 templates 13 Vertical Snap option 574 style sheets Templates folder 504 View palette 66 creating 441 text design diagram 546 589 W WAV 477 Web Settings dialog box 426 Web sites See sites Web Workgroup Server 13, 102, 498 Web-safe images 242, 243, 247 Window Size menu 157 windows, tiling 76 work area, setting up 84 workflow, in site building 11 workspace, custom 80 [...]... 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)... 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... 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... 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... 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... 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. .. 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 application CD Installing the Classroom in a Book. .. 5 80 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, development, and management for novices and professionals alike GoLive provides easy-to-use... 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... see “Copying the Classroom in a Book files” on page 3 ADOBE GOLIVE 6. 0 11 Classroom in a Book The GoLive workflow 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 workflow, and understanding how GoLive can help .. .Classroom in a Book ® www .adobe. com/adobepress © 200 2 Adobe Systems Incorporated All rights reserved Adobe GoLive 6. 0 Classroom in a Book This book, as well as the software... 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 Classroom in a Book Adobe. .. ATM ADOBE GOLIVE 6. 0 Classroom in a Book • In Windows XP, navigate to your Adobe common fonts folder, typically in C:Program FilesCommon Files Adobe Fontson your hard drive On the Adobe GoLive