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

Slides:



Advertisements
Similar presentations
1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.
Advertisements

Refresher Instruction Guide Strategic Planning and Assessment Module
Polycom Quotes on Demand Tool Partner User Guide Version 1.1
Website Content Management Typo3 CMS. King Websites King College does not have one website, it has more than 90! The old site was more than 7,000 pages.
ISU CMS (Career Management System). Where can I find ISU CMS? Here!
This tutorial will take approximately 15 minutes. Click here to advance. Click here to go back.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Kabel Nathan Stanwicks, Head Circulation and Media Services Department Electronic Reserves Introductory Tutorial for Faculty.
This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Student Presentations. Overview Introduction Prepping Zipping Uploading unZipping Viewing.
1 RVCC Phone MIS Help Desk, Ext 4357 (HELP) Holly Smythe, Instructional Designer, Ext 8451 Lonny Buinis, Instructional Designer, Ext 8306.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Compliance Assist Refresher Instruction Guide Adding or Editing Unit/College Strategic Goals.
Toll Free: Project Manager Tutorial.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Lawson System Foundation 9.0
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
How to create a website for free Panagiotis Kafkarkou.
The basics of the Online Portal
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Preparing for Electronic Distribution Lesson 14.
Building and managing class pages on our new Web site School Wires Training.
Introduction to. What is Office 365 Office 365 is the same Office you already know and use every day. Office 365 is powered by “the cloud” which is a.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
How to Download and Install a Sharp Print Driver on a Mac.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Recruitment Office Procedures Job Posting Requests Creating a Search Committee –Adding Search Committee MembersAdding Search Committee Members –Designating.
Classroom User Training June 29, 2005 Presented by:
© 2012 Boise State University1 WordPress Training February 14, 2013.
Another Method to Open WebSpace as a Web Folder Alternative Method for Creating Web Folder in WebSpace, Slide 1Copyright © 2004, Jim Schwab, University.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
VistA Imaging Capture via Scanning. October VistA Imaging Capture via Scanning The information in this documentation includes only new and updated.
Wiki Training: Introduction to Instructor: Zach Silveira (415)
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.FAQ 7.Photo Gallery 8.Webform 9.Newsletter Index Training Oct 25 th 2011.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
January 2006Colby College ITS Setting Up Course Pages.
The Basics of Managing Your Department Website March 8, 2012.
2004/051 >> Supply Chain Solutions That Deliver Users.
CMS 101 John McClimans – Web Manager Janel Ludwig – Web Content Specialist.
Associate ® Administration An Associate administrator has the ability to change the parameters for both the author and for the typist. There can be enterprise.
Fab25 User Training Cerium Labs LabCollector - LIMS Lynette Ballast.
Joomla Awdhesh Kumar Singsys Pte Ltd. What is Joomla? Joomla is an award-winning content management system (CMS), which enables you to build Web sites.
Sec Ed Teacher Education Portfolio Student Instructional Guide
T3/Tutorials: Data Submission
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
**Please view the instructional guide as a slideshow**
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
SUBMITTING A PAYMENT REQUEST FORM
Welcome to the JCISD Teacher Website Training Guide
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Consult America Technology Consulting Services
Introduction to the ISB Intranet
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Drupal user guide Evashni Jansen Web Office.
Tutorial 8 Sharing, Integrating, and Analyzing Data
Tutorial Introduction to help.ebsco.com.
Presentation transcript:

Tour Overview Introduction Collage Basics Collage Basics (Templates and Tools) Computer Configuration Bookmark Collage Getting Started Tour Collage Terminology BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Collage Basics Page Templates (Preview ) There are 4 page templates. (Homepage, 2col, 3col, & FullScreen) 1.The “Homepage” 2 column template with photo. 2.The “2col” template with no photo. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Collage Basics Page Templates cont’d (Preview ) There 4 page templates. 3.The “3col” template showing 3 columns. An example of a page using the 3 column template: The “Full Screen” template is used for content that causes the design to distort. No photo available Example of a Full Screen: BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms Col 1Col 2 Col 3

Collage Basics Edit and Live View BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms Edit View Preview & Live View Note 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) BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Collage Basics Primary Editable Fields The 4 green boxes to the left are editable fields, within every page template. Available templates: Homepage, 2col, 3col, FullScreen The 5 green boxes to the right are editable fields, within the homepage template only. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Computer Configuration 1.Enable your java settings by: –Go to Tools->Options-> click on the “Advanced” tab. Match the following: 2.If you have pop-up blocking software turned on, allow pop-ups from this site 3.If a security warning pops up, click “Always Run” or “Grant Always” 4.Click OK to Log into the Homepages project BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Bookmark Collage Enter your network username and password 2.Click Login BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Tour Choose the Homepages project and click OK. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Tour How to View Files in Collage 1.Click The Content tab. 2.Click the “+” to expand the Homepages project. 3.Click your web folder to view your files. (e.g._Faculty_Template) BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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) BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Tour Page Anatomy – frequently used web page fields Editing the frequently used fields on the “Homepage” Template. 1. Enter your Name 2. Enter your college 3. Click to edit the Image You can only edit the fields outlined with dotted lines. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Tour Page Anatomy – frequently used web page fields 1. Click the Image 2. Click the banner button Editing your image cont’d. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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

Getting Started Tour Uploading a New Image 1. 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 Tour Selecting an Uploaded Image 1. 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 Tour Page Anatomy – frequently used web page fields Editing the frequently used fields on the “Homepage” Template. Heading Content 4. Enter a Heading for your page 5. Enter your page content

Getting Started Tour Page Anatomy – frequently used web page fields Editing the frequently used fields on the “Homepage” Template. Optional custom navigation You have 2 choices in Navigation. A consistent navigation that is called Default and an alternate navigation that is called Custom.

Getting Started Tour Page Anatomy – 3 column template Editing the “Homepage” Template This field is only available by choosing 3col Metadata The optional 3 rd column will only work on your web page if you choose: Metadata > template >3col.

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. 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 folder’s 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. Banner Contact info Navigation Web Author BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Tour Page Anatomy - Review Reviewing the “Homepage” Template 1. Enter your Name 2. Enter your college 3. Click to edit the Image 4. Enter the Heading 5 Enter the Content This 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 navigation This field is only available by choosing 3col Metadata BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Previewing Default Banner 1. Select web Folder 2. Select index file 1. Select Preview BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing the Default Banner 1. In the left column click on your web folder (e.g. _Faculty_Template) 2. Click on the _Banners folder BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing the Default Banner You 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 file BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Previewing the Default Banner 1. Click your folder 2. Check the checkbox 3. Click Preview BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing the Default Banner This is the live page preview. To Change this banner select the pages Metadata. 1. Click your web folder 2. Check the Checkbox 3. Select Metadata BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing File Metadata From the drop down menu choose Metadata. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing File Metadata 1.Select the Banners drop down arrow and select Default. 2.Click OK BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Preview Metadata Changes To Edit the banner image, enter a new image of your choice. For further details see slides Preview your banner changes. For further details see slide Review BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Metadata Options The 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 fields BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Creating a Folder How to create a folder 1. Click your web folder 2. Click the New Folder button 3. 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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Creating Default Navigation 1. Click your web folder 2. Click the _Navigation folder 3. Click the linked file default

Getting Started Creating Default Navigation 1.Select the text “Default Faculty Navigation” and Type your navigation links 2.Select the Link button

Getting Started Creating Default Navigation 1. Select your web folder 2. Navigate to the file you created. 3. Select your file 4. Click OK If you do not type your navigation in the web page you can enter the name of your link here. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing Contact Information 1. Click your web folder 2. Click the _ContactMe folder 3. Click the linked file ContactInfo BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Getting Started Editing Contact Information Enter the following: 1.Name 2.Job Title 3.Office # 4.Fax # 5. Address 6.Web Author 7.Exit and Save Remember BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Terminology Basic Web CMS: Content Management System Homepage: The first page of your web site ( Live: A page address that can be viewed on the internet. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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” BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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.) Live: Content that all users can view from an internet browser. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

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. BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms

Contact Us Lea Motz LTC 009 X 8278 Melissa Huber LTC 009 X 6296 Please direct questions or suggestions on this tutorial to or BasicsBasics Configuration Bookmark Tour TermsConfiguration BookmarkTourTerms