• Boot GoLive (it opens to an "untitled.html" document)
• Type in a heading (for example, "Welcome to City College of New York School of Education")
• Save the document  in a new folder (remember where you saved it).

• Hover the mouse over each one
  
  
• Apply the icons
• Change the words "Welcome to Adobe GoLive 5" to something more appropriate
  
  
• Save this Web page again.

• Make a new page. (Click File, New)

• On the second page, type and then highlight the words Go to page 1.
• Click on the link icon at the top of the page.
  
  
• Look at the "Inspector/Link" floating tool bar.
• Click on the folder to the right of the words "(Empty Reference)" and navigate until you can select your page one. Then select it.
  
  
• Or, since both pages are at the same level in the same folder, type in the name of your first page where it says "(Empty Reference)"

·         If you are linking to another Web site, type the complete sight url beginning with http:// in the area where is says Empty Reference.

• Check your work by selecting the "Show in Browser" on the top icon bar.
  
  
• Take a look at your work through the "Source" and "Preview" tabs at the top of each page you are working on.

• Close any open pages and start a new empty page. Give it a name and save it in the same folder as the others pages.
• Drag the "Table" icon from the "Objects" floating tool bar to your new page.
  
  
• Click once on it. Use the "Inspector" to set the table to 2 rows, 2 columns, 580 pixels wide, no height, no border, padding and spacing of 3 each, default alignment left. (to highlight the table, bring the mouse pointer below the line in the top row of the table)

DESIGNING WITH A TABLE

• Click in the upper left cell. Use cell settings to make the left column 180 pixels wide. (to click a cell, bring the mouse pointer below the line of the cell)
  
  
• Give it a column span of 2.
• Enter a title in the resulting cell and give it some style.
• In the bottom left column, enter links to the other pages in your folder.

DESIGNING WITH A TABLE

• Enter some text in the right hand column.
  
  
• Click on the table and select the "Style" tab in "Floating Boxes/Table" floating tool bar. Try out the different styles.
• Alternatively, select the top cell of the table and use the "Inspector" to set a cell color for that cell.

DESIGNING WITH A GRID

• Open a new page, name it, save it

• Drag a Layout Grid from the Objects floating tool bar to your new page. Make it 580 pixels wide and 400 high.
• Drag a Layout Text Box to the grid, positioning it 8 blocks from the left and as far to the top of the page as you can get it. Make it 4 blocks high and as wide to the right as you can go. Fit a good title in the box and drag a horizontal rule (aka, a "line") into the text box right after the last letter you type).
  
  
• Place several more text boxes on the page anywhere you want them and put some text in them.
• Look at the results in your browser.

DESIGNING WITH A FLOATING BOX

• Drag a floating box onto your grid page. Note that you get a box and a dot.
• Placing the box anywhere. Type in some text.
• Look at the results in your browsers.
• Click on the dot to see what it shows. Name your floating box.
• Experiment with the placement.

MANAGING A SITE

• Close all open files.
• Go to File -> New Folder -> Import from Folder.
• Browse and select the folder where you have stored all your files.
• Click "Import"; save the results.
• On your "Index.html" page, create links to all the other pages you have made..
  
  

MANAGING A SITE

• Use the "Site" drop down menu (see the top of the next page) to create a folder on the site. Give it a name.
• Drag any file into the folder and watch what happens.
  
  
• Use the "Settings" to set site specific colors.
• Click on "External" and check out its settings. Add a URL to the site's library of URL's.
• Explore similar options for the other tabs.

CREATING A TEMPLATE

• Create a new page with a header you want to use on multiple pages.
• From the icon in the lower right of the "Save as" dialog box, select "Stationeries" and save the file with an appropriate name.
  
  
• From the Objects window, select "Site Extras."
  
  

CREATING A TEMPLATE

• Drag the icon for your template from the "Site Extras" window to your site window to create a new file that looks like the template. Give it a name.
  
  
• To edit your template, split your site window by clicking on the double diamond in the lower right hand corner of the site window. Locate your template in the appropriate folder and open it. Click "Modify" in the ensuing dialog box.
  
  

CREATING A COMPONENT

• A template (or "Stationery" file) is static with respect to the documents based on it. If you change and re-save a template, the changes affect only new pages made from it, not pages already made. A component, on the other hand, is dynamic with respect to all the pages that make use of it.
• To get started, make a new page that contains the links and information you want to appear at the bottom of many pages on your site. Save this "footer" as a component. Give it some memorable name.
• Create a new page from a stationery template and put in some text.
• Go to the "Site Extras" tab, set it to "Components" using the popup menu in the lower right of the window, and drag the footer you just made from there to your new page.
• Save the page, test it in a browser, open your footer component, change it in some major way, and check the page out again.

CREATING A CUSTOM CLIPPING

• Open the "Site Extras" window and set it on "Custom".
• Drag some text you want to use on a recurring basis onto the Custom window. Double click on it and give it a name. You can now drag this clipping to any page you want to use it on.
• Like stationery, a custom clipping is not dynamic.
• BTW, you can mimic this process by saving clippings to the Mac's desktop. Organize, label, and store them. Drag and drop onto an open AGL document.

ADDING CONTENT

• You can quickly import and format tab-delimited text: For example:
1. Let's say that you keep your weekly student assignments in an Excel spreadsheet. Every Friday you save the next week's information into a tab-delimited text file.
2. Open a new or existing AGL page and drag a table icon onto it. Don't worry about its size or formatting.
3. Select the table. Click the "Import Tab-Text" button on the Inspector and import your file. Your assignment information will be automatically fed into a table that has adjusted to the size of your data.
4. Style the table as you like.
• You can connect directly to certain databases. Blueworld produces Lasso, a FileMaker Pro CDML enhancement. It has an AGL component that helps you script FMP web pages. You must have access to a web server that can serve FileMaker-generated pages. 4D and MySQL are also supported.
• AGL has instructions on its site and CD that help you connect to Access and several other databases through MS web servers.
• You can script a database to generate static web pages or web page elements.

GETTING HELP

Sites from Adobe

• Adobe GoLive Support - training, tutorials, e-mail lists, downloads, user forums.
• Adobe Xchange - sign up for free. Download JavaScript actions and extensions for GoLive and PhotoShop.
• Adobe in Education - specials, ideas, instructional resources, free stuff (including GoLive training)
• Adobe GoLive Tutorials - particularly t he 2-page Keyboard Shortcuts (a pdf document)
• Setting up Dynamic Link: Tutorial

Other Sites

• Adobe GoLive 5 Bible- tips, actions, files, and related links related to the book of the same name.
• GoLiveHeaven - news, articles, tutorials, reviews, hints, links, and much more.
• Lasso Studio for Adobe GoLive - use GoLive to put your database on line.
• Macdesignonline, GoLive Tutorials
• Taking Control of GoLive
• Teach Yourself Adobe GoLive 5 in 24 Hours - tips, actions, files, and related links related to the book of the same name.
• Webmonkey, Adobe GoLive 5 Tutorial, by Joshua Allen - 27 steps to better pages.