Updating Content Tutorial

Depending on your user access, you might not have access to everything you see in this

tutorial. Rest assured you will have access to everywhere you are directed to go to.

1.

Navigation Bar

The main navigation bar in collage will have

Home

,

Site

,

Content

, etc. Click on

the tab labeled

Content

to start moving through collage.

2.

Navigation Submenus

Once you are in the

Content

menu

(Content in the Navigation menu will be

highlighted), you want to click on the

down arrow next to

Deploy Folders

to

activate the drop-down menu.

From this drop-down menu, select the option

Contribution

. This will take you to

the Contribution section of collage.

3.

Finding the department folder

In the left column, you will want to click the plus sign

next to the folder

cls

to display all the subdirectories.

From here, you will want to click the

departments

folder and select the

psychology

folder to bring up the

directory where the page you want to

edit/add/delete/etc. is located (i.e. select the

facstaff

folder if you want to edit a specific page in this

folder).

When you select the folder, on the right side of the

page a list of all the subfolder and files will appear.

From here you can either add a page, delete and page

or edit a page. The next three sections will take you

through all of your available options.

Adding a new page to the folder

Once in the specific folder, you can add your page to the College of L&S site. First thing

is to click on

New Document

in the Content menu.

A new window will pop up asking you a few questions before continuing. What you

select is

very important

.

You have five different layouts to choose from:

cls_standard

,

cls_1Col2Col

,

cls_staff

,

cls_course

, and

cls_academics

.

•

cls_standard

: One main section for content. You have access to almost all of the

editing tools at the top. There is a navigation menu on the left that is uneditable.

•

cls_1Col2Col

: One main section for content at the top and two smaller sections

for content underneath. You do not have access to: Tables, Indentation or

Alignment. The column widths are also uneditable.

•

cls_staff

: One line entries for staff information. Everything is text based except

the Email and Biography. You need to put information on each line with a red

exclamation mark. The Biography section allows: Multiple Lines, Images and

Lists.

•

cls_courses

: One main section for course information. You do not have access

to Images or Links. Everything else is available.

•

cls_academics

: One main content area without Tables. Then a three column area

which allows Links and Lists. Followed by a two column area that allows Links

and Lists. Finally one main content area which allows Links and Lists.

After the layout, you need to give the page a name. It doesn’t have to be anything too

complex, but the name should signify what the page is (i.e. nraykovich would be a

content page for me [Nick Raykovich]). I would recommend

against

using spaces. You

should also add a

description

that will act as a title for the page. Once you’ve created a

page we can go ahead and start editing it.

Editing the page

This window is where you put in the relevant information your page needs. I’ll be working with

the

cls_standard

page since it has all of the options available to us.

There is only one area to put your content in and we can use the available options at the top of

the window to arrange the content accordingly. In the other available contribution pages, you

can enter the content as we do here, though some of the options we discuss will not be available

to you.

Text

You can give your text all sorts of attributes as you would in any text processor (i.e. Word). If

you want, you can also change the size, color, how the text is aligned and font of the text if you

don’t like the default (I highly recommend you do

not

change the default settings). To add these

attributes, you need to first type in what you want, select the text and apply your attributes. This

way you won’t affect unwanted text on your page.

Lists

Going along with Text, you can also display lists on your page. When you want to include a list

on your page, select the

List

option and choose from the options available.

The two main options are

Ordered

and

Unordered

lists. The choice is

up to you since each list has different characteristics.

Ordered lists provide a numbered or alphabetical order to your items. As

you add more items to your list the numbers or letters will increase as

well. Ordered lists should be used when the items need to have a rank

associated with them.

Unordered lists are useful when listing arbitrary items where one item is

as important as the next.

The only downside to the list function is you

can not

have nested lists

(i.e. a list inside a list). Please take this into consideration when using lists. If you know HTML

you can access the

Source code

and make your own lists that way as well.

When you’re reading to end the list, just hit the Enter/Return key twice. The first time you hit

the key it will bring you to the next item. When you hit the key again, it will end the list and you

can go use whatever options you need.

Image(s)

If you want to add an image to your

page, just click the

Image

button at the

top.

This opens up of the

page

folder. Select

the department folder where we

uploaded our images.

You need to find the name of the image

you want to display on the page and

check the box next to the name (as of

now, there are no images uploaded into

the directory). Next, you need to fill in

the

Alt field

with a description as to

what’s going on in the image. This is for

accessibility reasons and needs to be

filled in before you continue. If you

want to change where the image is displayed on the page, click the drop down menu on the

Align

field. Select the option you want and it will be applied once you hit the

OK

button.

If you feel that you need to edit your image, just click the image (eight boxes appear) and click

the

Image

button again. You can make your changes then hit

OK

to save and continue.

Links

When you put a link in your page, I

recommend you type the link text in

first, highlight the text you want to be

the link then click the

Link

button.

In this window, you can navigate and

link to any page located inside

Collage. Use the left column to

navigate to a specific folder you want.

Click on the folder to bring up the list

pages in the right column. Just like

adding images, you need to check the

box next to the page you want to link.

The

Title

field is not required before

hitting

OK

, but I would recommend putting in a title or name for the link so people know where

they are heading before they click on the link. Everything else should be set and just hit

OK

.

You can also add your own link to a site outside of the University by clicking on the

External

tab near the top. Click

New Link

and put in the name and address (Name is what you want to

call the link and URL: is the address).

Table(s)

Adding a table to the page is just as easy to add as images. Just click the

Table

button, select

Insert Table

and fill in the necessary information.

I highly advise to know how many rows and columns you

need before hand, since it’s a little tricky to add them later

on. As for the

Table Attributes

, I would recommend:

Leave the width alone (if you make it too large it

could “break” the page). Leave cell padding at 2.

Change

cell spacing to 0.

Change the alignment if

you want to. I would leave

Background, Class

, and

Style

alone.

Concerning

Accessibility Option

, I advise:

Give the table a caption; it acts like a title for the

table. Also include a summary, which will be a much

more in depth explanation as to what the table does.

.You should also check the box next to

Build first

row using header cell tags

since the first row of the

table should list what each column contains (i.e.

Name | Location | Phone # | etc.).This lets the titles of

the columns stand out from the data inside them.

To put information into the table, click in each of the empty cells and start typing the information

each cell needs. Just like regular text, you can edit the way the text looks by following the same

directions found in the

Text

section. If you check the box labeled

Build first row using header

cell tags

, then you will want to put the titles of each column in the first row and all the

information in the following rows.

If you need to go back and edit the table, you just need to place your cursor inside on of the cells.

Then go to

Table

at the top menu and select

Edit Table

. You can change everything except the

number of rows and columns. To edit the number or rows or columns, you need to put your

cursor where you want to add or remove a row/column. Then go to

Table

and select either

Insert/Delete Row/Column

. You can select how many rows/columns you want to add and

where you want to add them (e.g. above or below your cursor).

Saving and Checking in your Document

When you are all done editing the information in your document,

you will want to click the

Save

button then click the

Exit

button to

leave this window. This will ensure that your document is saved

upon exiting.

Once you click

Exit

on the contribution window, you will be back to

the main window mode of Collage. In the folder, you should see your page appear on the list.

Your document should have your login name after it (in the

Checked Out

column). The first

step is to click your name, then

OK

in the window that pops up to check in the document.

Next, you want to click on the

icon

in the

Version

column (if you just made your page you should see a

1). Clicking the icon will tell the software to accept

the latest version with all the changes. All versions of

a page are saved in Collage so if you ever need go

back to a pervious version, contact the webmaster and the web team will do their best to help

you.

When the icon is gone, your newest version of the document was accepted and will be displayed

when Collage updates the site.

Delete a File

Check the box next to the file you want to delete. Near the top of your browser, you should see a

red “X” with

Delete

underneath it. Make sure you really want to delete the page and click the

OK buttons until the file is gone.