Notes
Slide Show
Outline
1
Tour Overview
  • Introduction


  • Collage Basics  (Templates and Tools)
  • Computer Configuration
  • Bookmark Collage
  • Getting Started Tour


  • Collage Terminology


2
Introduction
The Goal of this tutorial
  • This tutorial covers basic information.
  • The goal of this tutorial is to show you how to edit your homepage.
  • Editing your homepage will cover all of the basic steps to create a web page.


3
Collage Basics
Page Templates (Preview )
  • There are 4 page templates.
  • Homepage, 2col, 3col, & FullScreen
  • The “Homepage” 2 column template with photo.



  • The “2col” template with no photo.


4
Collage Basics
Page Templates cont’d (Preview )
  • There 4 page templates.
  • The “3col” template showing 3 columns.

    An example of a page using the template:
    http://www.csp.edu/CE/
  • This “Full Screen” template is used for content that causes the design to distort.



5
Collage Basics
2 column template (Live)
6
Collage Basics
 3 Column Template (Live)
7
Collage Basics
Primary Editable Fields
  • The 4 green boxes to the right are editable fields within every page template.
  • Available templates: Homepage, 2col, 3col, FullScreen
8
Computer Configuration
  • Enable your java settings by:
    • Go to Tools->Options-> click on the “Advanced” tab. Match the following:


  • If you have pop-up blocking software turned on, allow pop-ups from this site http://collage.csp.edu
  • If a security warning pops up, click
    “Always Run” or “Grant Always”
  • Click OK to Log into the Homepages project


9
Bookmark Collage
http://collage.csp.edu
10
Getting Started Tour
11
Getting Started Tour
How to View Files in Collage
  • Click The Content tab
  • Click the “+” to expand the Homepages project
  • Click your web folder (e.g._Faculty_Template)
12
Getting Started Tour
  • All folders preceded by an underscore are required.
  • (e.g. _Banners, _Images, _ContactMe, _Navigation)


  • Folders with an underscore and their files are required for your page templates.
  • (e.g. navigation, banners, contact info)
13
Getting Started Tour
Page Anatomy – frequently used web page fields
  • Editing the frequently used fields on the “Homepage” Template.
14
Getting Started Tour
 Page Anatomy – frequently used web page fields
15
Getting Started Tour
Uploading a New Image
16
Getting Started Tour
Uploading a New Image
17
Getting Started Tour
Selecting an Uploaded Image
18
Getting Started Tour
Page Anatomy – frequently used web page fields
  • Editing the frequently used fields on the “Homepage” Template.
19
Getting Started Tour
Page Anatomy – frequently used web page fields
  • Editing the frequently used fields on the “Homepage” Template.
20
Getting Started Tour
Page Anatomy – 3 column template
  • Editing the “Homepage” Template
21
Getting Started Tour
Page Anatomy – template fields
  • This content is pulled from the folders preceded by an underscore and is part of your page template. This information is edited in the appropriate file.
22
Getting Started Tour
Page Anatomy - Review
  • Reviewing the “Homepage” Template
23
Getting Started
Previewing Default Banner
24
Getting Started
Editing the Default Banner
  • 1. In the left column click on your web folder
    (e.g. _Faculty_Template)
25
Getting Started
Editing the Default Banner
26
Getting Started
Previewing the Default Banner
27
Getting Started
Editing the Default Banner
  • This is the live page preview. To Change this banner select the pages Metadata.
28
Getting Started
Editing File Metadata
  • From the drop down menu choose Metadata.
29
Getting Started
Editing File Metadata
  • Select the Banners drop down arrow and select Default.
  • Click OK
30
Getting Started
Preview Metadata Changes
31
Getting Started
Metadata Options
32
Getting Started
Creating a Folder
  • How to create a folder
33
Getting Started
 Creating Default Navigation
34
Getting Started
Creating Default Navigation
  • Select the text “Default Faculty Navigation” and Type your navigation links
35
Getting Started
Creating Default Navigation
  • 1. Select your web folder
36
Getting Started
Editing Contact Information
37
Getting Started
Editing Contact Information
  • Enter the following:
  • Name
  • Job Title
  • Office #
  • Fax #
  • E-mail Address
  • Web Author
  • Exit and Save


38
Terminology
Basic Web
  • CMS: Content Management System
  • Homepage: The first page of your web
    site (http://www.csp.edu).
  • Live: A page address that can be viewed on the internet.
39
Terminology
Computer Setup
  • Pop up blocker: Windows that pop up using Collage need to be enabled by your browser.
  • Active X: A program Collage uses that requires installation and allowed to run.
  • Java: A program that Collage uses that requires installation.
40
Terminology
Login
  • Network Username & Password: The same information you use to log onto your computer.
  • Project: There are 2 projects. A project where your department web pages are stores and a project where your faculty web pages are stored.
41
Terminology
Collage Interface
  • Project: There are 2 projects. A project where your department web pages are stores and a project where your faculty web pages are stored.
  • Refresh: A link you click that will refresh the Collage interface to show you changes.
  • Preview: What your page should look like when it goes to the live web site.
  • Metadata: Custom page options are available using “Metadata”
42
Terminology
Saving
  • Check Out: When Collage opens a file it Checks it out displaying a “lock” icon, not allowing users to edit that document until you check it back in.
  • Check In: When you want to save your changes “Check In” your files in Collage.
43
Terminology
Going Live

  • All changes must be approved. You must click on the square (in the same row as your file) to approve your changes.
  • After your changes are approved it will display the version number (e.g. 2.)
44
Terminology - Collage
Approved Documents
  • ONLY approved versions appear on your live web site.
  • Approved documents are the final version of a page you are working on.
  • If you work on a page 5 times you will have 5 versions.
  • You can roll back to any version of the document at any time.
45
Contact Us
  • Lea Motz
  • motz@csp.edu
  • LTC 009
  • X 8278
  • Melissa Huber
  • huber@csp.edu
  • LTC 009
  • X 6296