Apr 19, 2023 1

Serena CollageSerena Collage

Login to the new CMS using Internet Explorer:URL: http://collage.csp.edu

Use your network username and password.

Apr 19, 2023 2

HousekeepingHousekeeping

• 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 Live 2005 Web Site project

Apr 19, 2023 3

Collage HomepageCollage Homepage

• Two tabs are visible; HOME and CONTENT

• The HOME tab is designated for workflow processes.• The CONTENT tab is where you will contribute your web

content. We will only be using this tab.

Apr 19, 2023 4

Content ContributionContent Contribution• Expanded Navigation SS

• Web Address: http://www.csp.edu/kinesiology• URL Naming Convention

– A new folder appends to www.csp.edu/kinesiology/folder_name– Each main folder needs an index file to default to

Apr 19, 2023 5

Pre-Made FoldersPre-Made Folders• Banner_Photos• Navigation• Images

Pre-Made FilesPre-Made Files• /Kinesiology/index• /Kinesiology/Banner_Photos/default• /Kinesiology/Navigation/default

Apr 19, 2023 6

Toolbar OptionsToolbar Options

• New Folder– Folders can be used as storage (Documents, Images)– Or used as a sub-directory to store multiple web pages of the

same category

• New Document– Web page

• Upload– Upload PDF’s, Word .doc, Excel .xls, Images

Apr 19, 2023 7

Creating a New FolderCreating a New Folder• Select the Folder on the left hand pane in which you

want to create the new folder in(Kinesiology)

• Click the “New Folder” button from the toolbar• Name your folder and click “OK”

Apr 19, 2023 8

Uploading ItemsUploading Items• Click on “Upload” from the toolbar

• Click on the “Browse” button to search for your desired item

• Select your item and click “OK”

Apr 19, 2023 9

Uploading ItemsUploading Items• Click on “Upload” from the toolbar

• Click on the “Browse” button to search for your desired item

• Select your item and click “OK”

Apr 19, 2023 10

Creating a New DocumentCreating a New Document• Click on the “New Document” button from the toolbar

• Enter the name of your webpage and click “OK”

Apr 19, 2023 11

Contribution ViewContribution View

Page Heading: Plain text field

Page Content: Rich text fieldCustom Navigation: Rich text field

Apr 19, 2023 12

Live View:Contribution View:

Heading:Navigation:

Page Content:

LayoutsLayouts

Apr 19, 2023 13

ContributingContributing

Optional

Apr 19, 2023 14

Contribution TechniquesContribution Techniques

1. To return to the next line press Shift+Enter

2. Paste content into Notepad before you paste into Collage to strip the formatting

3. Take advantage of the tools

4. Save your work often

Apr 19, 2023 15

Setting MetadataSetting Metadata

• Click on the “Metadata” button from the toolbarName: This field will be the title of your document and will appear in the top left corner of the internet browser.

Keywords: In this field you will want to enter in descriptive words about your webpage. The keywords are what search engines (Google) look for.

Navigation: If you would like to use your default navigation file for this webpage select “default”. If you entered custom navigation for this webpage click “custom”.

Apr 19, 2023 16

Exiting a fileExiting a file

• When you are done editing your page, click “Exit” from the toolbar

• Click “Yes” to save changes

• This also checks-in the file so other editors have access to it

Apr 19, 2023 17

Editing a documentEditing a document

• Left-click on the black arrow next to the file you wish to editand select “Edit”

This opens the file in the editor

Apr 19, 2023 18

Creating LinksCreating Links• Internal Link- (everything inside your dept folder)• External Link- (everything outside your dept folder)

• Click in your Page Content text area where you want your link to appear.

• Click the “Link” button from the toolbar

Apr 19, 2023 19

Links cont.Links cont.

• Internal: Select the checkbox next to the file you wish to link to

Enter the desired name of the link. i.e. KHS Homepage

Click “OK” when finished.

Apr 19, 2023 20

Links cont.Links cont.

• External:Select the External Tab

If your external link already exists, check the box next to it

Click “OK” when finished.

Enter the desired name of the link. i.e. Academics

To create a new External Link

Apr 19, 2023 21

Inserting ImagesInserting Images• Click in your Page Content text area where you want

your image to appear.• Click on the “Image” button from the toolbar

Apr 19, 2023 22

Images cont.Images cont.• Click on the desired folder on the left that you want to

upload your image to. • Click on the “New Image” button to browse for and insert

a new image

Apr 19, 2023 23

Images cont.Images cont.• Click in your Page Content text area where you want

your image to appear.• Click on the “Image” button from the toolbar

The image is now uploaded

Enter a short description Click “OK”

when finished

Apr 19, 2023 24

Images cont.Images cont.

• Finished product!

Apr 19, 2023 25

Inserting TablesInserting Tables

• Why would I insert a table?– You will want to insert a table if you want side-

by-side layout items.– For example- Text on the side of a photo

Apr 19, 2023 26

Tables cont.Tables cont.

• Left-click on the “Tables” button on the toolbar

Click on “Insert/Edit Table”

Apr 19, 2023 27

Tables cont.Tables cont.

•Enter your desired number of columns and rows

•Enter a maximum width of 570. If you make your table wider than 570 it will stretch your webpage.

•Choose your border, alignment, padding and spacing

•Leave the Background color blank

Apr 19, 2023 28

Tables cont.Tables cont.

• Put your cursor inside the table cell to enter your text/image

Apr 19, 2023 29

Editing the Banner PhotosEditing the Banner Photos• Click on the Banner_Photos folder in the left-

hand pane

• Click the black arrow next to the file to edit the photos

Apr 19, 2023 30

Banner Photos cont.Banner Photos cont.

Apr 19, 2023 31

Editing the Banner PhotosEditing the Banner Photos

• To insert, put your cursor in the image field and click on the “Image” button in the toolbar. Then follow slide 21.

• To delete, click on the image and press the delete key

• Rules:– The total width of all your banner photos must be 588.– The height of all your banner photos must be 140.– Resize your photos before you upload them into

Collage– Banner Photos must be approved by us– Everything in the “Banners” folder is public

Apr 19, 2023 32

Editing the NavigationEditing the Navigation

• Click on the Navigation folder on the left-hand pane

• Click the black arrow next to the file to edit the photos

Apr 19, 2023 33

• Click on the “Link” button in the toolbar to add your Links.

• Follow slide 18 for more information

• This navigation file is what is used as your default Navigation. When you select “default” navigation as your metadata, this is what will appear.

Navigation cont.Navigation cont.

Apr 19, 2023 34

Approve AssetsApprove Assets

• In order for your changes to go “Live” you need to approve them.

• To approve your assets click on the purple icon under the Version column.

Apr 19, 2023 35

Deploy ProcessDeploy Process

• The website gets deployed twice a day at 12pm and 6pm

• Assets have to be checked-in and approved in order to be deployed

Apr 19, 2023 36

Contact UsContact Us

• Lea Motz– .8748, motz@csp.edu

• Melissa Huber– .6296, huber@csp.edu