GoLive CS2

Adobe GoLive CS2 is the latest version of Adobe GoLive, a website creation tool, written by Adobe. GoLive CS2 is used throughout campus to maintain the �鶹��Ƶ website, and is currently used in the Culpeper Language Center by the Spanish and French sections to create ePortfolios.

Working with sites

While GoLive allows one to directly connect to and edit files on the web server with its built-in FTP browser, this method is not recommended for editing �鶹��Ƶ websites, because new hyperlinks and embedded files can sometimes be referenced from the user's local computer rather than the web, causing them not to work.

Instead, users should use either a GoLive site if only one person is maintaining a website, or if multiple people need to maintain the same site, a Version Cue site should be set up to ensure that people don't overwrite each other's work.

• Using a site
• Using a Version Cue site

Content

Writing for the Web is fundamentally different than most styles of writing and document creation. Most of the content should be organized into concise, easy-to-skim sections, limiting each paragraph to one idea. And keyword highlights like links and bold text are a great way to empasize text, as long as they're not overused. For example, making entire paragraphs or even whole sentences bold is usually ineffective.

When organizing a site, careful thought must be put into who your audience is and what they're looking for. Define ultimate goals and objectives for your website. Decide what information is most important and thus needs to be the easiest for visitors to find.

You should make an outline of your site and base its file structure around that. Put yourself in your audience's shoes. What information do visitors look for most frequently? What's the most important? On the web, it's better to err on the side of making information glaringly obvious than having it be obscure and hidden.

Formatting

HTML is the language of the web, and HTML code lies behind every webpage you see. While WYSIWYG editors like Adobe GoLive give people the power to author webpages without requiring a working knowledge of HTML, it also gives them the power to produce pages with clunky, semantically incorrect code.

In HTML code, information is organized into elements or tags. These elements have very specific semantic meanings which reflect what type of information is in them:

Paragraphs

A paragraph (<p> tag) is a simply a collection of text sentences.

Headings

Headings (<h1>, <h2>, ..., <h6> tags) are short pieces of text found at the beginning of sections of content. They are used to help give a document a hierachrical structure.

The higher a heading number, the more specific or nested in the hierachrical structure it is. Generally you should start off your page with an <h1> heading and work your way down incrementally with smaller subsections.

However, if you're creating pages using the �鶹��Ƶ Template, there's already a �鶹��Ƶ <h1> heading and a <h2> heading for your page's title, so if you have to seperate your content into sections, you should consider the <h3> heading level to be the most broad.

Lists

Creating lists in Adobe GoLive

Lists (<ul> or <ol> tags, containing items in <li> tags) are a common way of organizing information on the web. If you find yourself listing several things in a sentence with a lot of commas, chances are that information would make more sense in a list. However, instead of manually typing in asterisks, hyphens, or numbers, HTML offers a specific container for lists.

Frequently asked questions

These FAQs are intended as a help guide for students using GoLive for to create and maintain language ePortfolios. Please see the center assistants or Culpeper director for any additional help.

I can’t find the Inspector! Where is it?

If the inspector disappeared it is easy to get back. Go to the Window menu and find “Inspector” this need to be checked for it to display.

How do I add a new row to a table?

Place your curser at the end of the last space in the table and press tab, a new row should appear. You can also go Special > Table > Insert Row Below

How do I create a new .html document?

There are two ways to create a new .html document if you are working with one of the pre-constructed language templates. The easiest way is to open the document “blank.html” and choose “save as” and name it something new, this will create a new .html file without erasing the “blank.html” file. Or you can right-click within the GoLive directory and choose New > HTML Page. If you are not owrking within the template, the second option will be the only option available to you.

How do I create a link?

Highlight the item you want to become the link (such as text or an image), then in the inspector (right hand of the screen) type the URL of the file you wish to link to, or, of you are linking to a file that is a part of your site, click on the folder icon in the inspector, this will open up a window, in this window find the file and choose “ok”.

How do I add a picture?

Find the image icon on the pallet on the left of your screen and drag it into position on your page. Then, in the right hand corner, on the “Inspector” pallet, click on the folder icon. This will open a diolog box that will allow you to search for your image and choose it. Make sure that the image is located in your wwwdocs, or a sub-folder of your wwwdocs folder or it won’t show up on the web!

How do I resize a picture?

To resize a picture simple click on the picture, hold down one of the little blue squares located on the side of the image, as pictured below, and drag the image into its new size.

Note: if a picture is large you might want to change the size of the picture in Adobe Photoshop instead of merely re-sizing it, since a larger image, even after resizing in GoLive, will take a long time to load and consume more file-space in your Home Directory.

My picture shows up in the program but not on the web, what’s wrong?

There could be three different reasons for this: 1. You may need to refresh your web browser; right-click within the part of you page where the image should be and choose "refresh". 2. The image is not in your wwwdocs folder, and is therefore not published on the web. To fix this simply put the file into your wwwdocs folder or one of its sub-folders and then try re-adding the picture. 3. The image’s path may be wrong. This problem is tricky with GoLive. If you click on the picture and the file name that shows up in the inspector is very long or contains “…/…/” you should delete the picture, make sure its in the proper folder and try again. If it is still not working you may need to have somebody look at the code, if this is the case please ask a center assistant or Alison Sommer for help.

How do I change the background or text colors?

First, click on the button marked “properties” on your site page, a new set of options should then appear in the inspector, check the box next to the color you wish to change, then go to the color pallet bellow and pick a color.

How do I add a sound file?

Adding a sound file is essentially the same as adding an image, but instead of dragging the image icon over, you will choose the sound icon. Then follow the same steps as for an image.

My sound file shows up as a black box, what’s wrong?

The program might have the sound type wrong. Click on the sound icon and then look over at the inspector, make sure to choose the “Audio Basic” option under the MIME menu.

If that doesn’t fix you file make sure your file is in .mp3 format, if not you will have to fix the file before you will be able to embed it to make it an mp3 (use Audacity for this).

How do I italicize, bold or change the font size?

Up at the top of the program there are these choices, much like in Word, they just look a bit different, as they are all demonstrated using the letter T. Simply select the text you with to make bold or italic, then clic on the appropriate button above.

How do I add an e-mail link?

To add an e-mail link to your web page, first select the text that you want to make a link. Then, in the link source box in the Inspector palette, type "mailto:username@gustavus.edu" without the quotes and replace the e-mail address with the e-mail address you would like to link. Finally, press the return key to set your link.

Note: it may be be more usable to use your full name as the text for your e-mail link, rather than your actual email address.

I still need help

There is a lot of good documentation within the application's built-in help. To access this, click on Help > GoLive Help in your menu bar. Adobe GoLive has been replaced by Adobe Contribue on campus at �鶹��Ƶ and is no longer officially supported by the helpline or the web team.