whitepaper MasteringAdobe GoLive CS2 Basics Introduction Adobe® GoLive® CS2 contains everything you need to design, code, and manage even the most complex web projects—without having to write a line oHML. Even so, to work on the web you may need to learn a ew new tricks. Images have to be compressed in cert ain ways, onts don’t always show up how you want them to, and layout may not be consistent across all web browsers. And unlike printed publications, websites constantlychange and as a result need more sophisticated management tools. Adobe GoLive helps you deal with these challenges. Visual layout tools create clean, modern, standards-based code. Integration with Adobe Photoshop® and other Adobe applications makes working with images easy. And the GoLive site management tools simpliy the ongoing maintenance oyour site. Tis document describes how to create a simple website using a typical GoLive work- ow, and introduces you to the key tasks you’ll encounter as you build and manage your site. You’ll learn how to: 1 Create a Site older, bring in assets, and add pages to your site. 2 Lay out pages, manipulate images, add text boxes, and create links. 3 Work with Smart Objects and add interactive scripts without coding them yoursel. 4 Publish your site on the Internet using the GoLive Publish Server eature. Create a site When you start building a website, your rst instinct may be to open a page and start placing text and objects where you want them. However, with GoLive, it’s better to begin building a site rather than a page. Tat way, GoLive can track all oyour assets rom the start, and you won’t have to worry about losing a page or image. The New dialog box Work in the New dialog box to begin creating a site: 1 I n the GoLive Welcome screen, click New Docu ment. (Or, iyou ’ve previously chosen not to display the Welcome screen, choose File > New.) 2 Click Site in the lecolumn othe New dialog box. TABLE OF CON TENTS 1 Introduction 1 Create a site 1 The New dialog box 2 The Site window 4 Lay out pages 11 Work with Smart Objects 13 The Actions palette 15 Upload your site 16 Additional resources
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
IntroductionAdobe® GoLive® CS2 contains everything you need to design, code, and manage even
the most complex web projects—without having to write a line o HML. Even so, towork on the web you may need to learn a ew new tricks. Images have to be compressed
in certain ways, onts don’t always show up how you want them to, and layout may not be
consistent across all web browsers. And unlike printed publications, websites constantly
change and as a result need more sophisticated management tools.
Adobe GoLive helps you deal with these challenges. Visual layout tools create clean,
modern, standards-based code. Integration with Adobe Photoshop® and other Adobe
applications makes working with images easy. And the GoLive site management tools
simpliy the ongoing maintenance o your site.
Tis document describes how to create a simple website using a typical GoLive work-
ow, and introduces you to the key tasks you’ll encounter as you build and manage
your site. You’ll learn how to:
1 Create a Site older, bring in assets, and add pages to your site.
2 Lay out pages, manipulate images, add text boxes, and create links.
3 Work with Smart Objects and add interactive scripts without coding them yoursel.
4 Publish your site on the Internet using the GoLive Publish Server eature.
Create a siteWhen you start building a website, your rst instinct may be to open a page and start
placing text and objects where you want them. However, with GoLive, it’s better to
begin building a site rather than a page. Tat way, GoLive can track all o your assets
rom the start, and you won’t have to worry about losing a page or image.
The New dialog boxWork in the New dialog box to begin creating a site:
1 In the GoLive Welcome screen, click New Document. (Or, i you’ve previously chosen
not to display the Welcome screen, choose File > New.)
2 Click Site in the le column o the New dialog box.
1 Click the Create New Page icon in the GoLive toolbar.
Create new pages in the GoLive toolbar.
2 ype a page name and then press return.
3 Repeat step 2 to create a ew more pages.
Adding subolders
Most web designers arrange the various les associated with a website into neatly organized
sub-olders. With small sites, HML pages normally go into one older, images into another,
and so on. When you arrange your olders, remember that you have to leave index.html, your
homepage, in the top level o your Files list (this location is also known as the root older) so
that a web browser can nd it.
o create a older:
1 Click the Create New Folder icon in the GoLive toolbar.
Create new olders in the GoLive toolbar.
2 ype a name or the older, or example, html. Ten drag and drop your newly created pages
into it, just as you would in the Finder (Macintosh) or Explorer (Windows).
Adding images
Te web only permits certain image ormats, such as GIF and JPEG. You can easily create imagesin these ormats using the Save For Web command in Photoshop or Adobe Illustrator® (see sidebar).
GoLive CS2 also allows you to work with Smart Objects. Tese objects let you speciy a source
le (oen in a native Adobe le ormat) or which GoLive creates a target le in a web-optimized
ormat. See “Working with Smart Objects” below or more inormation.
o add web-ready images:
1 Optimize an image or use on the web (see sidebar).
2 In the GoLive Site window create a new subolder called “assets.”
3 Drag and drop the image or images into it.
The Save For Web command
To ormat les or use on the web, you’ll need to use theSave For Web command in Photoshop or Illustrator i
one o these applications is installed on your system.
1 With the le open in one o the two applications,
select File > Save For Web
2 At the top o the Save For Web - Powered By
ImageReady dialog box, select the 2-up tab. The
image on the let will now be your original, the one
on the right will be the compressed version. Select
the compressed image.
3 On the right side, you’ll see a range o options. The
most important option is Optimized File Format.
Choose GIF when selecting images with fat colors
or repeating patterns, such as a logo. Choose
JPEG when compressing photographs or les with
smooth gradients.
4 In this dialog box you can also resize the image
and adjust other settings. You want to get the best
possible image with the smallest possible size.
For more inormation on achieving this result, see
Photoshop or Illustrator Help.
5 When you’re satised with your settings, click Save
and ollow the instructions or your image type.
Naming pages
Wondering what to name a web page? You can use
any name that contains letters and numbers, but not
most punctuation marks (an underscore “_” is ok).
Usually web designers name their pages in lowercase
letters according to what they contain. A typical
design rm’s site, or example, would have pages
named clients.html , portfo lio.html , and content.html .
3 Name the server, enter the server inormation, and then click OK.
4 In order to connect to the web server, you need to connect to the Internet. Ten click Connect
o Publish Server in the GoLive toolbar. Notice that the Publish Server tab o the Site window
is automatically selected upon connecting to the server, and that any les the server contains
are displayed in a list.
The Connect To Publish Server button.
5 o upload les, click the Upload Modied Files button next to the Connect o Publish Server
button in the GoLive toolbar. Follow the on-screen instructions to upload your site.
The Upload Modied Files but ton.
Site maintenance
I you want to change something on your site, open the le rom the GoLive Site window and
work on it in the Layout window. When you’re nished, make sure you’re connected to theInternet and choose File > Save And Upload. Or, i you’ve updated multiple les, save them all
rst and then click the Upload Modied Files button. GoLive uploads only the parts o your site
you change.
Additional resourcesCongratulations, you’re on your way to creating great websites with Adobe GoLive CS2. Tis
guide has provided a basic overview o the website building capabilities o GoLive. o learn more
about GoLive and the web, see the ollowing resources:
Books
Adobe GoLive CS2 Tips and Tricks, by Adam Pratt and Lynn Grillo. An excellent introduction to
the basics o GoLive, together with handy tips or saving time and increasing productivity.
Adobe GoLive CS2 Classroom in a Book, by the Adobe Creative eam. A step-by-step, textbook-style introduction to GoLive.
Adobe GoLive CS2 User Guide. Te GoLive manual is a comprehensive resource that can help you
explore new topics as your condence grows.
Designing With Web Standards, by Jefrey Zeldman. Tough not specically about
GoLive, this book ofers a great introduction to web technology and the emergence o
a standards-based approach to web development and design.
Websites
Adobe Resource Center: http://studio.adobe.com. Adobe Resource Center contains many tips
and tricks, and is excellent or a user who has learned the basics and wants to nd out more.
Adobe Exchange: http://share.studio.adobe.com . You’ll nd many ree, downloadable templates,actions, extensions, and tutorials.
GoLive CS2 Essential Training with Garrick Chow. Tis basic tutorial teaches how to
work with text and images, create links, add rollovers and JavaScript actions, create
liquid layouts, and manage your site. It is available at www.lynda.com.
Total Training For Adobe GoLive CS2. Host Lynn Grillo provides detailed instruction on
advanced GoLive CS2 topics such as page building with orms, tables, image maps, and
Cascading Style Sheets (CSS).
Adobe Systems Incorporated • Park Avenue,
San Jose, CA 110-0 USA •www.adobe.com
Adobe, the Adobe logo, GoLive, Illustrator, and Photoshop areeither registered trademarks or trademarks o Adobe SystemsIncorporated in the United States and/or other countries. Mac andMacintosh are trademarks o Apple Computer, Inc., registered inthe United States and other countries. Microsot and Windowsare trademarks o Microsot Corporation in the United States andother countries. All other trademarks are the property o theirrespective owners.