Adobe GoLive Basics-Version 5.0 and 6.0
updated 11/03
Bagish/Goldberg
Skills:
Web Structure
Names and Titles
Colors
Graphics
Text
Tables Basics
Uploading
Previewing
About Web Sites
A web site contains many files: pages, graphics, sounds, and other multimedia. Every page must be saved with a name and the extension .html so that computers will recognize it as a web page. Your web site will be kept in a folder labeled with your last name, on the faculty web server. In it will be your homepage which will be called index.html. You may save other pages as well to this folder, and you will also have a media folder containing any images, sounds etc. that you wish to include.
Hints For Creating Your Class Web Site
Be organized:
- Make one folder for all your web files (this folder should be named with your last name)
- Call your homepage index.html
- Create a folder inside your web folder called Media
- Keep all your images in the Media folder
- Periodically update to be sure that your backup web folder matches your web folder on the faculty Web server
- Periodically check any Internet links to make sure they’re current
What Software Should I Use?
You can turn any AppleWorks or Microsoft Word page into an .html document. HTML is the language used for creating simple web pages. It looks like a combination of words, code, and numbers. These basic pages will not look as sophisticated or formatted as those made with Web authoring software which creates html automatically, so you don’t have to know the code. Whichever method you use, limit the fonts to the standard choices because many of the fancier type styles are not available on all computers.
Vocabulary:
- HTML- HyperText MarkUp Language, the code used to write basic web pages. (HyperText MarkUp Language)
- GIF- A compressed image, image which can be used on the Internet. Usually hand drawn and scanned or computer generated. May be animated. (Graphics Interchange Format)
- JPG- A compressed image which can be used on the Internet. Usually a photograph, or an image with lots of colors. (Joint Photographer’s Expert Group)
Using Go Live To Create Your Web Pages
Below is a blank GoLive page. Notice that there are different modes. The most frequently used are:
- Layout, in which you will create and edit your work
- Source, in which you can see the HTML code
- Preview, in which you will get a sneak peek at what your page will look like on the Internet
Prepare Your Page:
- Click on the text that says Welcome to Adobe GoLive 5. Change the text to whatever you would like to appear on the title bar of your home page.
- Save your page in the folder we have created for your web site. Name it index.html. Notice that GoLive adds the .html automatically.
- * Do not put any spaces or slashes in the name of your page.* Keep it simple. Use capital letters or underscore to distinguish between words, if desired.
- Now you have named and saved your home page.
A Look At The Palettes and Tools
If you don’t see a palette, go to Window/Reset Palettes.
Notice that the 7th color palette button is selected. This is the web color palette which ensures the use of cross platform web-safe colors.
Use the Header and Style Menus to change your font size and style. Although both will work, the Header Menu inserts code meant for titles and headings while the Type Menu is for general text. Stick with common fonts and preview your page often. What you see is not always what you get. Explorer uses larger fonts than Netscape, and using a font that is not found on most computers will cause substitutions with unexpected results.
The Inspector
The Inspector is used to change the properties of any given object, and will change according to what you have selected. For instance, if you have the page icon selected, you will see the Page Inspector, if you have a table selected, you will see the Table Inspector.
Inserting Tables
A 3X3 table, as it appears after dragging the table object onto the document window.
This is the Table Inspector. It allows you to select the width of your table, the number of rows, the number of columns, the border size (or no border at all), and the space between your table’s cells. It also allows very specific adjustments such as cell spanning, width, and height.
Cell Pad provides cushioning space within a cell so that text is never up against the edge. Cell Space gives you some room between the cells.
Tables can be set to target the width of a specific monitor size in the lower right hand corner of the GoLive document window.
Hint: You can easily select the entire table by positioning the mouse on its left border. Individual cells can be easily selected by clicking on the bottom or right border. You can also go to the Window Menu and select Table to access the Table Palette. This Palette allows easy selection of cells.
About Images
Although images can be taken from any source (scanned, photographed, computer generated...), there are many excellent images located on the Internet. All Internet images are copyright protected, unless a site specifically states otherwise. There are some exceptions, for instance images taken by the Federal Government are in the public domain. When in doubt, email the owner of the image and ask permission to use it on your site. It is a good idea to site the source of any image. More information on copyright, fair use and plagiarism is available on my site at http://www.millburn.org/techtraining/links/links.html. Either scroll down to the appropriate section or click the Plagiarism, Copyright and Fair Use link near the top of the page.
Locating Images
If you want to use a graphic from the Internet, you must save it to your Media folder. GoLive gives you more than one way to do this. First, you need to locate an image.
Copyright free images can be found at:
To easily create and download custom banners and buttons, try using:
For a comprehensive list of image location sites you can use my links page.
Just go to:
You will find a list of links to:
- Ideas for Integrating Images Across the Curriculum
- Image Archives
- Images for Educators
- Other Image Location Sites
Inserting Images
You can only use images formatted and compressed for the Internet. They can be recognized by their extensions .gif and .jpg.
All images must be downloaded to your Media folder in either .jpg or .gif form. You can use photographs, scanned images, and just about any other type of digital image. There are two ways to get images from the Internet into your Media folder.
Downloading images on the fly:
- Locate the image you wish to use
- Drag the image from the Internet Browser to your GoLive page, a small icon will appear to indicate where the image will appear (you can always move it later)
- A Save for the Web dialogue box will appear
- Set your image as a .jpg (many colors, no transparency) or .gif (transparency, 258 colors), as desired
- Click Save
- Rename your image, maintaining the three digit extension (.jpg, .gif)
If you wish to download a number of images at once, you may wish to download them first and then insert them into your document later:
- System 9-click and hold the mouse on the graphic- system X-control click the image
- A menu similar to the one below will appear
- Highlight the words Save this Image As (Netscape) or Download image to Disk" (Explorer)
- Navigate to your Media folder and save there. You can change its file name, but not its .gif or .jpg extension.
Inserting Images from the Media folder:
- Drag the image icon from the Objects Palette to your page
-
  Image object (system 9-version 5 and system X-version 6 respecitvely)
- Click the folder icon in the Image Inspector
- Navigate to the image in the Media folder
- Click Open
This is the Image Inspector’s Basic mode. When you select an image, it shows you where it is located, its size, and its border. Always be sure your image is located in the Media folder. Use the browse button (the folder icon) to point to your image.
Adding Links to Images or Text
This is another section of the Image Inspector -- adding a Link. Select the Link tab to get to it.
.
- To link your image to another web site click the small blue link icon and then copy and paste or type the desired URL. Make sure that you delete the empty reference notation completely!
- To link text, highlight it and do the same thing.
- To link to another page in your site, just use the browse button (folder icon to the right of the link field) and point to the desired page (which should also be located in your web folder).
Previewing your page:
 Periodically, use this button to preview in a browser. If you need to set this feature up, go to File/Preview In/Edit and click Add. Locate your browsers and click Add, then Open.
Click the Active checkbox and then OK.
Let’s Make A Web Page!
1. Double click on the Go Live icon to launch the software. A blank page will be placed on your desktop.
2. Locate the Page icon near the top and click it once. Write a message on this line to greet Web users.
3. Click the tab marked Color on the Objects Palette
4. Choose one of the color selectors and click until you think you’ve picked a good background color.
5. Drag the color rectangle on the left side of the palette and drop it onto the Page icon.
6. Your page should now be the selected color.
7. From the Objects palette, drag and drop the Table icon onto your page.
8. Click in the Table Inspector box marked Width and change the number to 550.
10. Click on the centering button on the button bar at the top of the screen
You now have a basic, centered frame for your page.
Accessing the Faculty Web Server and posting your site:
Each of you has a folder on the Web Server, located at the Education Center. It is inside a folder with your last name as a title. You will use the FTP program, Interarchy to access it.
Teacher Training Home Page
|
Table object – This object allows you to create a visible or invisible grid with which to layout your page.
