MANAGEMENT SYSTEM TRAINING] June 11, 2014 What is OU Campus? OU Campus is a content management system used by D Youville College on www.dyc.edu. It is an easy-to-learn tool for updating Web pages from any Web browser. No additional software installation is needed. Users with OU Campus access login directly from your department/school s webpage to make and save edits to content. Log in to OU Campus You can only edit pages that you have been granted access to. 1. To begin editing your page, open an internet browser (we recommend Google Chrome) and navigate to the website page. 2. Click on the copyright symbol next at the bottom right-hand corner of the page and you will prompted for login credentials. Enter your login credentials. These were sent you in an email from April Taulbee (D Youville s Webmaster). Your OU Campus user name is your DYC Domain user name. (The same log-in ID you log in to your computer each day). You can create any password you wish. Keep in mind, OU Campus will lock your account after three incorrect log-in attempts (this means you ll have to reset your password). 1 P age
[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 14 2014 Editing A Page After login, you'll now be shown an editable version of the page you selected. To expand and see the other files in the folder, click on the expand navigation button (folder icon) in the upper left corner (see below). Once expanded, you will see all the files and subdirectories in your account directory. Note: all of the content in the directory is visible, but you may not have access to all pages within the directory. 2 P age
Dashboard Notice the tabs as seen in the image below. The Dashboard includes access to each individual user s workflow, inbox, reports, helpdesk access and listing of promo items. Check In /Check Out Once you click the edit button, the page is "checked out" to you. The light bulb next to the page on the directory listing will be illuminated in a beige color. [If you click on the light bulb, you ll check in the page.] Pages that are checked out to others are highlighted in red/ pink. Remember, you can t edit pages when they are checked out to others. 3 P age
[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT WYSIWG Web Editor (What You See Is What You Get) The green edit button on a webpage indicates an editable area. Once you click on the green edit button, OU Campus will bring up the Web Editor. You ll see the WYSIWYG Editor Toolbar, which is very similar to a Microsoft Word document. You can use the icons in the menu bar just as you would in Word documents. See the addendum to the training materials for a description of each button on the toolbar. 4 P age
MANAGEMENT SYSTEM TRAINING] June 1, 2012 Editing Page Content Using the Toolbar Editing the page content is easy (it's just like Microsoft Word). Use Notepad (Plain Text editor) Don t copy and paste text directly from Microsoft Word (or other applications) into the WYSIWG editor because extraneous code will be transferred. Paste your text into Notepad (an accessory on all PC s), then paste into the WYSWIG editor using the Paste as Plain Text Button (press this button before pasting) Use the Format and Styles menu Even though they are available on your toolbar, bold font or italics should be avoided unless completely necessary. Use the dropdown Format and Styles menu to add visual hierachy and order to your page. Some rules are: -Use Heading 1 (H1) titles only at the top of each page. -Heading 2 (H2) and Heading 3 (H3) tags can be used. Even though they are available, please don't use anything greater than a Heading 3 tag (i.e. Heading 4 - Heading 6). See page 6 of this guide example of formatting and style options. More Best Practices: All Text Should be Left Aligned. Never use ALL CAPS. Never underline text. It looks like a hyperlink to visitors. Revert to Last Saved - Click on the "Revert to Last Saved" button to undo all changes and revert the content in the editable region to its original state. Undo - Click on the "Undo" button to undo the last changes made in this session one-by-one. Redo - Click on the "Redo" button to redo changes that were just undone and should be restored. Create or modify a mailto link - To create a mailto link, select the text or image for the link, then click on the "Insert/edit mailto" button. The pop-up window will open. Enter the email address and subject (option) of the email to be sent. 5 P ag e
DYC Web Content Layout Guidelines Heading 1 > Page Title Paragraph > Sub-Text Paragraph Heading 2 Table Heading 3 Bulleted Unordered List 6 P age
Adding Hyperlinks (i.e. URLS, links to websites) Use text links to link back to other pages, outside websites, or documents. Don't ever use: "Click here." Create a Hyperlink To create a hyperlink, select the text or image for the link, Example View scholarships then click on the "Insert/edit link" button. (this button will be activated once text is highlighted) The Insert/Edit Link tab will open up. Input the website URL you'd like the phrase to link to in the Tip: For external links, please be sure you are using a fully qualified URL that works. It's best to test in a browser and then copy the address from the browser to the link box. Do not add descriptive title in the linkbox. Linking to External Websites Be sure you are only using http://www.dyc.edu/ in links (not https). Also, if you link without the www it's a potential confusion (and rankings splitter) for search engines. However, if you are not linking directly to a named page, always leave 'index' or 'default' off the URL and be sure to add the trailing forward slash. Incorrect: http://www.somename.com http://www.somename.com/index.asp http://www.somename.com/subfolder/default.aspx When finished, click on the "Insert Link" button to insert the hyperlink just created, or click on "Remove Link" to remove an existing link. Clicking on "Cancel" will close the window and return to the editor. Unlink - Select in the hyperlink and click on the "Unlink" button to remove a hyperlink. Insert/edit anchor - To create an anchor, place the cursor where the anchor is desired or select the text or image for the anchor. Then click on the "Insert/edit anchor" button. A pop-up window will contain any existing information. Enter the name of the anchor and click on the "Insert" button. 7 P age
Linking to Internal Pages within dyc.edu In OUCampus, when you use the link function in the toolbar, browse to the.aspx page you want to link to and select it. The internal dependency manager of OUCampus will convert the link to a tag like this: {{f:1234567}} The dependency prevents links from breaking should a page name or location ever changes. Do not link directly to index.aspx pages, instead link to the directory in which it resides, this will give you {{d:1234567}} instead. Never link to a.pcf file Linking to a Document In OUCampus, document files (like PDF files) are stored in a folder in the main directory of your department folder, called docs. To link to a document, use the link function in the toolbar, browse to the doc folder and select the file that you want to link to. Please convert Microsoft Word files to Adobe Acrobat PDF files. Make links part of the copy. Do not use click here for links. Links are another way web readers scan, so use a descriptive title for document names and include the file extension in parenthesis, like this: Admissions Application (PDF) Saving Pages You should save you pages periodically while you're editing. To do this, hold Ctrl key and hit S key. The lifesaver icon will spin while you re editing. To save when edits are completed, click the disk at the top left corner of toolbar. Preview Your Page Prior to checking out or editing a page, a page can be previewed. Page Check Use this button to scan your page for spelling, linking errors by clicking the button. 8 P age
Submit Page for Publishing When you're done editing the page and you're ready to publish it press the Submit Button. This sends the page to the person who will approve it for publishing. Normally, this will be the Web Content Manager who will review the page for formatting and best practices guidelines. Approval Message Sending the page to an approver transfers the checked-out status from the current user to the approver to whom the page is sent. The sent content is shown in both the user's and the approver's Workflow with a status of Pending Approval. Subject is required and message is optional. Page Publishing Most pages are published within hours of submitting for approval. You'll receive a notice in your dyc.edu email account when the page is published. 9 P age