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
adminaffairs
to display all the
subdirectories. From here, you will want
to select the
fpm
folder to bring up the
directory where the page you want to
edit/add/delete/etc. is located (i.e. select
the
forms
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.
pg_0002
Adding a new page to the folder
Once in the specific folder, you can add your page to the site. First thing is to click on
New Document
in the Content menu.
In the new window, 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.
pg_0003
Editing the page
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.
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.
pg_0004
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.
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.
pg_0005
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
adminaffairs
folder. 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.
pg_0006
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.