..

nnn

n

n

n

n

n

n

n
..nnnnnnnn
nnnnn
.
.
.
.
n
n
.n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n

n
.

. 06/10/01

Online Tech Tutorial: Tutorial for the HTML editor, Adobe GoLive.

Adobe GoLive version 5.0
Created by S. Anaka to assist in the learning of HTML editors

Home Page and Instructional Activity
This tutorial addresses basic operating procedures for this HTML editor. Follow the links for steps to:
  • workspace
  • menus
    • ftp
  • format
    • fonts
    • alignments
    • lists
  • resources
  • an instructional activity to practice skills

This site has 2 distinct sections:

  1. DESIGN FEATURES - an introduction to components of GoLive
      • advice on design features; follow the outline below
      • GoLive specific features from the workspace, the menu and resources
      • a short summary of the ftp process through GoLive on the menu page
      • resources and links to further expertise
  2. INSTRUCTIONAL ACTIVITY - an activity focus to practice your web design skills
DESIGN FEATURES to be conscious of:

Graphics
  • it is recommended that a designer use the same images on each page to increase loading time
  • with components of Photoshop (or similar graphic software) transpose images into small packets to increase load time
  • use self created images or those that are available on the www as source files downloaded to your own cpu
  • when using art from an outside source be sure to include the URL in the bibliography of your site
Written for all browsers
  • check for compatibility in both I.E. an Netscape Communicator
Effective use of tables
  • experiment with various table and text box configurations
  • this page is created using tables as I find them more forgiving than standard text boxes and frames

Effective layout & structure
  • develop a navigation bar that is copied to each page thus creating a standard format through which your viewer moves and in which is built consistent links to all parts of the web site
  • add an additional table into which you add all other data and images
Backgrounds
  • if you choose to add a background image to your site be sure to optimize it before loading it
  • to keep load time to a minimum and ensure browser compatability, consider using a colour rather than an image as a background
External Links
  • link to external sites where necessary
Internal Links
  • use links on the navigational bar and page anchors to move through your site
INSTRUCTIONAL ACTIVITY:
Instructional Activity is to Create an Online Resume for Yourself by including the following information:
  1. your employment interests
  2. your educational degrees and certificates
  3. your past work experiences
  4. any pertinent personal information
  5. references
Be sure to include the following:
  • images
  • backgrounds
  • font changes
  • a navigation bar and links
  • ftp your site to a server of your choice
To assist you throughout your learning curve, you can contact this author, S. Anaka by email sanaka@mail.sd91.bc.ca for further assistance.

This web site was created using GoLive 5.0 to assist in further development of instructional web sites.