1 / 36

Serena Collage Login to the new CMS using Internet Explorer:

Serena Collage Login to the new CMS using Internet Explorer:. URL: http://collage.csp.edu Use your network username and password. Housekeeping Enable your java settings by: Go to Tools->Options-> click on the “Advanced” tab. Match the following:

leigh-silva
Download Presentation

Serena Collage Login to the new CMS using Internet Explorer:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Serena CollageLogin to the new CMS using Internet Explorer: URL: http://collage.csp.edu Use your network username and password.

  2. Housekeeping • 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

  3. Collage 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.

  4. Content 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

  5. Pre-Made Folders • Banner_Photos • Navigation • Images Pre-Made Files • /Kinesiology/index • /Kinesiology/Banner_Photos/default • /Kinesiology/Navigation/default

  6. Toolbar 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

  7. Creating 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”

  8. Uploading Items • Click on “Upload” from the toolbar • Click on the “Browse” button to search for your desired item • Select your item and click “OK”

  9. Uploading Items • Click on “Upload” from the toolbar • Click on the “Browse” button to search for your desired item • Select your item and click “OK”

  10. Creating a New Document • Click on the “New Document” button from the toolbar • Enter the name of your webpage and click “OK”

  11. Contribution View Page Heading: Plain text field Page Content: Rich text field Custom Navigation: Rich text field

  12. Layouts Contribution View: Live View: Navigation: Heading: Page Content:

  13. Contributing Optional

  14. Contribution Techniques • To return to the next line press Shift+Enter • Paste content into Notepad before you paste into Collage to strip the formatting • Take advantage of the tools • Save your work often

  15. Setting Metadata Name: This field will be the title of your document and will appear in the top left corner of the internet browser. • Click on the “Metadata” button from the toolbar 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”.

  16. Exiting 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

  17. Editing 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

  18. Creating 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

  19. Links cont. Select the checkbox next to the file you wish to link to • Internal: Enter the desired name of the link. i.e.KHS Homepage Click “OK” when finished.

  20. Links cont. Select the External Tab • External: If your external link already exists, check the box next to it To create a new External Link Enter the desired name of the link. i.e.Academics Click “OK” when finished.

  21. Inserting Images • Click in your Page Content text area where you want your image to appear. • Click on the “Image” button from the toolbar

  22. 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

  23. 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

  24. Images cont. • Finished product!

  25. Inserting 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

  26. Tables cont. • Left-click on the “Tables” button on the toolbarClick on “Insert/Edit Table”

  27. 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

  28. Tables cont. • Put your cursor inside the table cell to enter your text/image

  29. Editing 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

  30. Banner Photos cont.

  31. Editing 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

  32. Editing the Navigation • Click on the Navigation folder on the left-hand pane • Click the black arrow next to the file to edit the photos

  33. Navigation cont. • 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.

  34. Approve 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.

  35. Deploy 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

  36. Contact Us • Lea Motz • .8748, motz@csp.edu • Melissa Huber • .6296, huber@csp.edu

More Related