Adobe GoLive - Lesson 2

Click here for a PDF version of Adobe GoLive Directions.

1. Deselect "Show This Dialog at Startup" and Close
   1. Everything that you can do from the Welcome Screen can also be done from the main menus.
   2. You can get the Welcome Screen back through the Help menu.
2. Creating a new site
   1. File ... -> New Site...
   2. Select Single User -> Next >
   3. Blank Site -> Next >
   4. Enter a Name for your site (To avoid potential problems, start with an alpha character and use only alpha-numerics and underlines.)
   5. Browse... to the location to save your site
   6. Before you move to the next screen go to Advanced...
      1. Select Make URLs Case-Sensitive
      2. Select to use URL Encoding UTF8
      3. OK
   7. Finish
   8. For the assignments in this course, Don't Use Version Control -> Next >
   9. For the asspgnments in this course, Don't set your Publish Server Options at this time
   10. Finish
3. Take a tour of the Source
   1. Double-click "index.html"
   2. Click the Source button at the top of the window.
   3. On line 8 change "Untitled Page" to the the title of your index page.
   4. Cmd/Apple + S (To save your page.)
   5. Return to Layout view. Note that there is no title visible on the page, but there is a title in the "Head" section.
   6. Switch to Preview view. Note that the title is not visible anywhere.
   7. View in a browser.
      1. File -> Preview In -> Default Browser
      2. Add a default browser
      3. Add...
      4. Select "Applications" -> Browser of choice
      5. Select the checkbox of the browser you would like to make your default browser for GoLive
      6. OK
      7. File -> Preview In -> Default Browser
      8. Note that the title of your page is in the title bar of your browser window.
4. Add and format text
   1. Add several sections of text
   2. Highlight a logical section of text
   3. To format, go to the drop-down in the top left that has "Paragraph" selected and select the appropriate type of block type. (Header 1 is really big, header 3 is about the same size as default text, header 6 is really small)
   4. Highlight another logical section of text
   5. Control-click, select Style, and then the appropriate inline style
5. Add an external, absolute hyperlink
   1. After copying the url of the external link
   2. Select the text to be linked
   3. In the Inspector tab, next to the chain image, paste your url
   4. If you want your link to open in a new window, set the target to "_blank"
6. Add an e-mail link
   1. Select the text to be linked
   2. In the Inspector tab, enter the email address instead of a url
7. Take a tour of the Objects Palette
   1. Click through the buttons at the top, starting with the purple "paper" button and moving through the purple "double arrow" button, to view the available object sets within the palette
   2. Click the button in the lower-right to access the Palette Options
      1. includes the object sets
      2. includes a Configure option which allows you to limit the objects to a certain Document Type Definition (DTD) , for this class you should use HTML 4.0 or XHTML 1.0, Transitional or Strict.
   3. Click the button in the lower-left to change the orientation of the palette Note that the available sections are now displayed as tabs
   4. If you hover over a button you will be shown the corresponding ToolTip
   5. You can add the objects to a page either by dragging and dropping them into place or by double-clicking them.
   6. You will probably only use the following objects in this class
      1. Table
      2. Image
      3. Line
      4. Comment
      5. Anchor
      6. Line Break
8. Add an image
   1. Drag an image object (from the basic objects of the Objects Palette) to the location where you want your image.
   2. In the Inspector Window, use the button with a file image on it to locate the image location.
   3. The size information should update automagically.
   4. Select your desired image/text alignment.
   5. Assign alternative text.