Tour Overview Introduction Collage Basics Collage Basics (Templates and Tools) Computer...

download Tour Overview Introduction Collage Basics Collage Basics (Templates and Tools) Computer Configuration Bookmark Collage Getting Started Tour Collage Terminology.

of 45

  • date post

    13-Jan-2016
  • Category

    Documents

  • view

    216
  • download

    2

Embed Size (px)

Transcript of Tour Overview Introduction Collage Basics Collage Basics (Templates and Tools) Computer...

  • Tour OverviewIntroduction

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

    Collage Terminology

    Basics Configuration Bookmark Tour Terms

  • IntroductionThe Goal of this tutorialThis 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.

    Basics Configuration Bookmark Tour Terms

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

    The 2col template with no photo.

    Basics Configuration Bookmark Tour Terms

  • Collage BasicsPage Templates contd (Preview )There 4 page templates. The 3col template showing 3 columns. An example of a page using the 3 column template: http://www.csp.edu/CE/ The Full Screen template is used for content that causes the design to distort.

    No photo availableExample of a Full Screen: http://www.csp.edu/local/Basics Configuration Bookmark Tour TermsCol 1Col 2Col 3

  • Collage BasicsEdit and Live View Basics Configuration Bookmark Tour TermsEdit ViewPreview & Live ViewNote the differences between the editing view and when the page goes live.You edit fields in Collage similar to editing fields in Microsoft Publisher.

  • Collage Basics 3 Column Template (Live)Basics Configuration Bookmark Tour Terms

  • Collage Basics Primary Editable FieldsThe 4 green boxes to the left are editable fields, within every page template. Available templates: Homepage, 2col, 3col, FullScreenThe 5 green boxes to the right are editable fields, within the homepage template only.Basics Configuration Bookmark Tour Terms

  • Computer ConfigurationEnable 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.eduIf a security warning pops up, click Always Run or Grant AlwaysClick OK to Log into the Homepages project

    Basics Configuration Bookmark Tour Terms

  • Bookmark Collagehttp://collage.csp.edu

    Enter your network username and password Click LoginBasics Configuration Bookmark Tour Terms

  • Getting Started TourChoose the Homepages project and click OK.Basics Configuration Bookmark Tour Terms

  • Getting Started TourHow to View Files in CollageClick The Content tab.Click the + to expand the Homepages project. Click your web folder to view your files. (e.g._Faculty_Template)Basics Configuration Bookmark Tour Terms

  • Getting Started TourAll 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)Basics Configuration Bookmark Tour Terms

  • Getting Started TourPage Anatomy frequently used web page fieldsEditing the frequently used fields on the Homepage Template.1. Enter your Name2. Enter your college3. Click to edit the ImageYou can only edit the fields outlined with dotted lines.Basics Configuration Bookmark Tour Terms

  • Getting Started Tour Page Anatomy frequently used web page fields1. Click the Image2. Click the banner buttonEditing your image contd.Basics Configuration Bookmark Tour Terms

  • Getting Started Tour Uploading a New Image1. Click on the _Images folder. If the images or New Image button in the right pane does not display.2. Click New Image button3. Browse to your file and click Open.See next slide.

  • Getting Started TourUploading a New Image1. Click on the folder if the images in the right pane do not display.2. Select the appropriate image3. Enter a description of the photo to meet legal web site requirements.4. Click OK

  • Getting Started TourSelecting an Uploaded Image1. Click on the folder if the images in the right pane do not display.2. Select the appropriate image.3. Enter a description of the photo to meet legal web site requirements.4. Click OK.

  • Getting Started TourPage Anatomy frequently used web page fieldsEditing the frequently used fields on the Homepage Template.HeadingContent4. Enter a Heading for your page5. Enter your page content

  • Getting Started TourPage Anatomy frequently used web page fieldsEditing the frequently used fields on the Homepage Template.Optional custom navigationYou have 2 choices in Navigation. A consistent navigation that is called Default and an alternate navigation that is called Custom.

  • Getting Started TourPage Anatomy 3 column templateEditing the Homepage TemplateThis field is only available by choosing 3col MetadataThe optional 3rd column will only work on your web page if you choose: Metadata > template >3col.

  • Getting Started TourPage Anatomy template fieldsThis 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.Contact Information: This information is pulled from the _ContactMe folder and can not be edited here.Default Navigation: This information is pulled from the _Navigation folder and can not be edited here.Banner: This information is pulled from the _Banners folders files and can not be edited here. You can change banners by choosing the Metadata for that web page.Web Author: This information is pulled from the _ContactMe folder and can not be edited here.BannerContact infoNavigationWeb AuthorBasics Configuration Bookmark Tour Terms

  • Getting Started TourPage Anatomy - ReviewReviewing the Homepage Template1. Enter your Name2. Enter your college3. Click to edit the Image4. Enter the Heading5 Enter the ContentThis information is pulled from the _ContactMe folder and edited in the _ContactMe folder.This information is pulled from the _Navigation folder and edited in the _Navigation folder.Optional custom navigationThis field is only available by choosing 3col MetadataBasics Configuration Bookmark Tour Terms

  • Getting StartedPreviewing Default Banner1. Select web Folder2. Select index file1. Select PreviewBasics Configuration Bookmark Tour Terms

  • Getting StartedEditing the Default Banner1. In the left column click on your web folder (e.g. _Faculty_Template)2. Click on the _Banners folderBasics Configuration Bookmark Tour Terms

  • Getting StartedEditing the Default BannerYou have 11 banners including your Default banner. The default banner will appear on all pages unless you change the web page Banner Metadata.Click the default linked fileBasics Configuration Bookmark Tour Terms

  • Getting StartedPreviewing the Default Banner1. Click your folder2. Check the checkbox3. Click PreviewBasics Configuration Bookmark Tour Terms

  • Getting StartedEditing the Default BannerThis is the live page preview. To Change this banner select the pages Metadata.1. Click your web folder2. Check the Checkbox3. Select MetadataBasics Configuration Bookmark Tour Terms

  • Getting StartedEditing File MetadataFrom the drop down menu choose Metadata.Basics Configuration Bookmark Tour Terms

  • Getting StartedEditing File MetadataSelect the Banners drop down arrow and select Default. Click OKBasics Configuration Bookmark Tour Terms

  • Getting StartedPreview Metadata ChangesTo Edit the banner image, enter a new image of your choice.For further details see slides 25-28.Preview your banner changes. For further details see slide 37.ReviewBasics Configuration Bookmark Tour Terms

  • Getting StartedMetadata OptionsThe Name field is where you can name the title of your file.Experiment with the web page preview for Navigation & Template Metadata. It is not covered in this tutorial. Ignore these fieldsBasics Configuration Bookmark Tour Terms

  • Getting StartedCreating a FolderHow to create a folder1. Click your web folder2. Click the New Folder button3. Name your folder and click OK.4. Click the button New Document to create a new document.5. Click on your documents linked name, make a change, save & close the file.Basics Configuration Bookmark Tour Terms

  • Getting Started Creating Default Navigation1. Click your web folder2. Click the _Navigation folder3. Click the linked file default

  • Getting StartedCreating Default NavigationSelect the text Default Faculty Navigation and Type your navigation linksSelect the Link button

  • Getting StartedCreating Default Navigation1. Select your web folder 2. Navigate to the file you crea