What is OU Campus? Log into OU Campus

Transcription

1 OU Campus v10 Content Providers User Guide This document is designed to provide (level 5) Content Providers with basic information needed to do most tasks. Those needing additional information are encouraged to use OU Campus s online help. Contents Contents... 1 What is OU Campus?... 2 Log into OU Campus... 2 OU Campus Interface... 3 Locate a Page... 3 Switch Servers... 3 File Navigation... 4 Pages List View... 5 Breadcrumbs... 5 Page Actions Toolbar... 6 Page Actions Toolbar Options... 6 Edit Page Elements... 7 Edit Content Regions... 7 Edit the Page Title... 8 Edit Section-Wide Sidebar Content... 8 Hide/Display Elements... 9 Remove Page-Specific Sidebar Content... 9 Check-Out/Check-In Concept Check-Out Check-In Publish Add a New Page Edit Page Properties Editing Tools Hyperlinks Add Hyperlinks OU Campus v10 Users Guide Page 1 of 20 Revised: March 7, 2017

2 Edit Hyperlinks Remove Hyperlinks Add a Table Add Images Snippets Add Snippets Delete Snippets ADA 508 Compliance Upload Documents Customize Links Bar (_nav.inc) Help What is OU Campus? OU Campus is Cuesta College s content management system (CMS). OU Campus is used to create and manage the look, feel, and information contained on the Cuesta website. There are two servers, the Cuesta ( Production ) server and the OU ( Staging ) server. The staging server houses the pages to be edited, keeping copies of previous versions. The production server is where published web pages reside. The public only views pages on the production server. Log into OU Campus 1. Go to the homepage, 2. Navigate to a page over which you have jurisdiction. 3. Click on the copyright date at the bottom left of the page. 4. Enter your OU Campus username and password, and then click the Login button. Note: OU Campus username and password are case-sensitive and must be entered exactly as issued. OU Campus v10 Users Guide Page 2 of 20 Revised: March 7, 2017

3 OU Campus Interface Global Navigation Page Actions File Navigation Main Content Locate a Page Once logged in, navigate to the desired page by using one of these two (2) methods: File Navigation Pages List View NOTE: While it is possible to browse by page as you would on any site (clicking on hyperlinks), this method is not recommended. In addition to sometimes causing 404 Page Not Found errors, this method overlooks skills required for linking, adding images and uploading documents. Switch Servers Cuesta s original website is called CuestaProd. Cuesta s new website is called www. You can switch between these two by clicking the dropdown located in the upper-right of the screen. OU Campus v10 Users Guide Page 3 of 20 Revised: March 7, 2017

4 File Navigation 1. Click the Show File Navigation button at the top-left of the screen. The site listing will appear, displaying directories, documents, and pages. NOTE: You can close the File Navigation pane by clicking the Hide File Navigation button. 2. Navigate to the desired directory/folder: Click on a folder name (not icon) to open that directory. Click the triangle to the left of a folder to expand or collapse the contents of that directory. Icons - Folder - Web page file - Other web file Click on a folder name in the Breadcrumbs (top of File Navigation) to view that folder s contents. 3. Click the name of the file (not the icon) to open that page. OU Campus v10 Users Guide Page 4 of 20 Revised: March 7, 2017

5 Pages List View 1. Click Content > Pages. 2. Navigate to the desired directory/folder: Click on a folder name (not the icon) to open and display the contents of that folder. Click on a folder name in the Breadcrumbs to open and view that folder s contents. 3. Click the name of the file (not the icon) to open that page. Breadcrumbs The Breadcrumbs appear at the top of the File Navigation and the Pages List view. The Breadcrumbs serve several functions: Location The Breadcrumbs indicate what folder you are currently in/viewing, displayed as the right-most (or bottom-most) entry. Folder Structure The Breadcrumbs indicate the hierarchical relationship of the current folder to the parent (upper-level) folders. Navigation You may use the Breadcrumbs to navigate back to an upper-level folder simply by clicking on the folder name to the left of (or above) the current location name. NOTE: Clicking on the house icon will display the top (or root ) level folder. OU Campus v10 Users Guide Page 5 of 20 Revised: March 7, 2017

6 Page Actions Toolbar When a webpage file is selected and open, a Page Actions toolbar appears above it. Page Actions Toolbar Options Preview View the entire page as the user will see it Edit Enter Edit mode, permitting editing selections of a page Properties View and edit the page properties, access properties and other information Versions View and revert to a previously saved version. NOTE: The page file must be checked out before this option is accessible. Check Out Page Check Save Version Check In Publish Help Check Out Checks the page file out, preventing others from accessing it. Page Check Scan page for spelling, link, W3C validation, and accessibility issues. Save Version Create backup of page file at its current state. Check In Checks the page file in, allowing others to access it. Publish Publishes page file, copying from the staging (OU) server to the presentation (Cuesta) server. Help Displays context-sensitive help. OU Campus v10 Users Guide Page 6 of 20 Revised: March 7, 2017

7 Edit Page Elements Each page in OU Campus has various elements, most of which can be edited. Title Links from _nav.inc News & Events Elements Lead-in Content Grey Box Section-Wide Sidebar Content Page-Specific Sidebar Content Main Content Edit Content Regions 1. Navigate to and select the desired page. 2. Click the Edit button on the Page Actions toolbar. 3. Click the desired section s Edit button: The WYSIWYG ( What You See Is What You Get ) editor will open for that section. 4. Make changes by typing into the page or pasting copied text. Format as desired. (For additional information see Editing Tools and Pasting Copied Text below.) Tip: To delete a table, right-click on the table and select Delete Table from the shortcut menu. OU Campus v10 Users Guide Page 7 of 20 Revised: March 7, 2017

8 5. If desired add, edit or remove hyperlinks. (For additional information see Adding Hyperlinks below.) 6. If desired add or modify images. (For additional information see Adding Images below.) 7. Click the Save and Exit button. Note: If you wish to save and continue working, press [Ctrl]-[S] (or [Command]-[S] for Mac) A preview of the new page will appear with Page Actions toolbar above. 8. When ready, publish the page. (See Publish below.) Edit the Page Title 1. Navigate to and select the desired page. 2. Click the Check Out button on the Page Actions toolbar. The button will turn yellow. 3. Click the Properties button. 4. Click < > Parameters on the left. The Page Parameters screen will display. 5. Modify the contents of the Page Heading field (under Custom Settings ). 6. Click the Save button at the bottom. 7. When ready, publish the page. (See Publish below.) Edit Section-Wide Sidebar Content 1. Navigate to and selecte _sidebar.pcf in the folder containing your webpages. The banner and sidebar will display. 2. Click the Edit button on the Page Actions toolbar. 3. Click the Section-Wide Sidebar Content button, just above the section. 4. Make the desired changes. 5. Click the Save and Exit button. 6. When ready, publish the page. (See Publish below.) OU Campus v10 Users Guide Page 8 of 20 Revised: March 7, 2017

9 Hide/Display Elements You can display or hide the following elements: Grey Box News Events Editable Region (a.k.a. Section-Wide Sidebar Content ) 1. Navigate to and select the desired page. 2. Click the Check Out button on the Page Actions toolbar. The button will turn yellow. 3. Click the Properties button. 4. Click < > Parameters on the left. The Page Parameters screen will display. 5. Select or deselect the appropriate checkbox to reveal or hide (respectively) that element. 6. Click the Save button at the bottom. 7. When ready, publish the page. (See Publish below.) Remove Page-Specific Sidebar Content (Green Box on the Left) 1. Click Edit on the Global Navigation bar. 2. Click Page-Specific Sidebar Content. 3. Right-click on the element and select Delete Table from the shortcut menu. OU Campus v10 Users Guide Page 9 of 20 Revised: March 7, 2017

10 Check-Out/Check-In Concept OU Campus uses a check-out/check-in system to limit file access to one person at a time. Check-Out When a file is checked out, no other users with different OU Canvas accounts may edit the file. Check out occurs when clicking either: The Edit button The Check-out button Check-In When a file is checked in, it is available to any other user with the proper OU permissions. Check in occurs when either: The Check-In button is clicked The page file is successfully published. (See Publish below.) Publish Changes or additions will not appear on the Cuesta website until they have been saved and published. Publishing copies the saved page file to the Production (Cuesta) server. After saving a page, there are several publishing options: Publish Immediately publish your changes. Schedule Schedule the saved page to go live at a later time. Expire Schedule the page to be replaced by another page at a later time. Submit for Approval Not used at this time. Publish Schedule Expire 1. Click Publish. The Publish dialog ( Final Check tab) will appear. 1. Click the down arrow to the right of the Publish button. 1. Click the down arrow to the right of the Publish button. OU Campus v10 Users Guide Page 10 of 20 Revised: March 7, 2017

11 Publish Schedule Expire 2. Select Schedule from the drop down list. The Publish dialog ( Schedule tab) will appear. 2. Select Expire from the drop down list. The Publish dialog ( Schedule tab) will appear. 2. Recommended: Type a brief description of changes made in the Version Description field. 3. Click the Publish button. Your changes will appear almost immediately. 3. Complete the form: a. Select Date and Time to be published. b. Optional: Set Repeat every parameters. c. Optional notification: Enter Subject, Message contents and check Send Copy to Click the Schedule button. A confirmation screen will appear. 3. Complete the form: a. Select Date and Time to be replaced. b. Click the choose a file button. c. Locate and select the replacement file. d. Optional notification: Enter recipient (To), Subject, Message contents and check Send Copy to Click the Schedule button. A confirmation will appear at the bottom of the screen. At the selected date/time, your changes will appear and (optionally) an confirmation will be sent. At the selected date/time, your changes will appear and (optionally) an confirmation will be sent. OU Campus v10 Users Guide Page 11 of 20 Revised: March 7, 2017

12 Add a New Page 1. Click Content on the Global Navigation bar. 2. Navigate to the folder in which you want the new page to reside. 3. Click the New button in the upper-right. A small selection of templates will be displayed. 4. Click the Interior Page * button. A form will appear. Lana will see about replacing tags w/keywords. Need new screen capture. Appears in the Headline just above the page content. Improves search engines finding and displaying info about your page. Confirms page is added to Links Filename must contain numbers, letters and underscores only! Do NOT use spaces or punctuation. OU Campus v10 Users Guide Page 12 of 20 Revised: March 7, 2017

13 5. Complete the form. Note: Explanatory descriptions appear under each field. 6. Click the Create button. A confirmation will briefly show at the bottom of the screen and the new page will appear in the main content area. 7. If necessary click the Edit button on the Page Actions toolbar. 8. Click a section s Edit button: 9. Make the desired changes. (For additional information see Edit Content Regions above or Editing Tools below.) 10. Click the Save and Exit button. 11. When ready, publish the page. (See Publish above.) * Note: In addition to the Interior Page template, there are other landing pages (templates) available for use. However, these alternate pages require additional preparatory steps. Contact Marketing for more information and assistance. OU Campus v10 Users Guide Page 13 of 20 Revised: March 7, 2017

14 Edit Page Properties After you have created a page, you can go back and change the properties of that page, including title, description, keywords, layout, and more. You can also add or remove elements on the page (i.e. featured image, Grey Box, News, Events, Editable Region). 1. Navigate to and selected the desired page. 2. Click the Check Out button on the Page Actions toolbar. The button will turn yellow. 3. Click the Properties button. 4. Click < > Parameters on the left. The Page Parameters screen will display. 5. Make the desired changes: Add or change the Title and Metadata. Change the Page Heading if you want it to be different than the Title. Change the Featured Image by pasting the image path received from Marketing and updating the Featured Image Description. Remove Featured Image by clicking Clear. Remove (or add) elements by deselecting (or selecting) the appropriate checkbox. 6. Click the Save button at the bottom. A confirmation will briefly show at the bottom of the screen. 7. When ready, publish the page. (See Publish above.) OU Campus v10 Users Guide Page 14 of 20 Revised: March 7, 2017

15 Editing Tools Select Text Click and drag the mouse across the text to highlight. Double-click to highlight a particular word or triple-click to highlight an entire line. Selected text can be dragged to other places within the editable region. Apply Formatting Lists : Unordered (bulleted) and Ordered (numbered) o Start a new list by clicking the button and then typing, pressing [Enter] at the end of each item. Click the button again to turn off. o Apply to existing text by selecting the text and clicking the appropriate button. o Remove list formatting by selecting an existing list and clicking the appropriate button. Indentation : A nested list Basic Font Properties : Select text and then click the appropriate button to add bold, italic, underline, and strikethrough Superscript and Subscript : Select text and then click button to apply Text Alignment : Left-justified, centered, right-justified, and full-width justified Format: Apply standard formatting to selected text. Note: Paragraph is most common. Special Characters Horizontal Rule : A horizontal line to separate sections of a page Character Symbols : Inserts non-standard characters 1. Position the insertion point, and then click the button. A table of special characters will appear. 2. Click on the desired character. Correct Spellchecker : Check spelling on the current page Find/Replace : Find and/or replace all occurrences of a string of text on the current page. Save Save and Exit : Save and leave document Exit Without Saving : Undoes all changes, reverting back to the last saved document Pasting Copied Text Cut : Deletes a selection, placing a copy in memory Copy : Copies a selection to memory, leaving the original Paste : Pastes copied or cut text from memory Paste as Plain Text : When copied from Word or a webpage, click the button and then paste. OU Campus v10 Users Guide Page 15 of 20 Revised: March 7, 2017

16 Hyperlinks Add Hyperlinks 1. In Edit mode, highlight the text to which you wish to add the hyperlink. 2. Click the Hyperlink button in the toolbar. The Insert Link modal will appear. 3. Perform one of the following: To link to internal pages (pages within Cuesta s site) a) Click the Browse button to the right of the Link URL field. A browse dialog will appear. b) Browse to the appropriate page and click on it. c) Click the Insert button at the bottom of the window. To link to external pages (non-cuesta pages) a) Type (or paste) the address of the page you wish to link to in the URL field. b) Change Target to New Window. 4. Optional: Enter a title in the Title field. Title field will display when a user positions the mouse over the link without clicking, and can be used to describe the link. 5. Click the OK button. The hyperlink will be entered and the editor screen will reappear. Edit Hyperlinks 1. Click anywhere in the hyperlinked text. 2. Click the Hyperlink button. The Insert Link modal will appear. 3. Make the desired changes and then click the OK button. Remove Hyperlinks 1. Click anywhere in the hyperlinked text. 2. Click the Remove Link button. OU Campus v10 Users Guide Page 16 of 20 Revised: March 7, 2017

17 Add a Table 1. In Edit mode, position the insertion point where you wish to place your table 2. Click the Insert a new Table button. A dropdown menu will appear. 3. Click Insert Table. A side table tool will appear. 4. Draw the structure (columns and rows) of the table by pointing at the desired range of cells on the table tool and then clicking the mouse button. A compressed table will appear at the insertion point. 5. Click the Insert a New Table button again and select Table Properties from the dropdown menu. The Table Properties modal will appear. 6. Enter desired parameters. 7. Click the OK button. The modified table will be displayed. 8. Position the pointer in the desired cell: o Use the arrow keys to move. o Hold the [Ctrl] key and press the up/down arrow to move to the next/previous cell. 9. Enter text or an image in a cell. For more information, select Help and search on Tables. OU Campus v10 Users Guide Page 17 of 20 Revised: March 7, 2017

18 Add Images 1. In Edit mode, position the cursor where you wish to place the image. 2. Click the Insert/Edit Image button on the toolbar. The Insert/Edit Image modal will appear. 3. Click the Browse button. The Select Image modal will appear. 4. If necessary, navigate to the Images folder. 5. Click the image s filename. 6. Click the Insert button. The Insert/Edit Image dialog will reappear. 7. Enter a description in the Description field. This is mandatory! (See ADA 508 Compliance near the end of this document.) 8. Optional: Enter text in the Tooltip field. 9. Optional: Click the Appearance tab and change the Alignment to either Left or Right to wrap text around the image. 10. Click the OK button. The image will appear at the insertion point position. To delete, select the image (click on it) and then press the [Delete] key on your keyboard. OU Campus v10 Users Guide Page 18 of 20 Revised: March 7, 2017

19 Snippets A Snippet is preformatted code that performs certain functions (e.g. displays alternating images) or simplifies page modification (e.g. pre-built tables). Snippets can be added to most webpages in OU Campus, though, due to their design, not all Snippets can fit in all page locations. Add Snippets 1. While in Edit mode, position the cursor where you wish to place the Snippet. Important: Make sure the cursor is on a clear line with no other text or objects. 2. Click the Insert Snippet button on the toolbar. The Choose Snippet modal will appear. 3. Locate and click once on the desired Snippet from the list on the left. A preview of the Snippet will appear in the preview pane on the right. 4. Click the Insert button. The Snippet will appear at the insertion point position. Delete Snippets 1. While in Edit mode, select the entire Snippet by clicking and completely dragging over it. The entire Snippet should be highlighted. 2. Press the [Delete] key on your keyboard. The Snippet should disappear. NOTE: Some Snippets are tables which can be easily removed by (1) right-clicking on the Snippet and (2) selecting Delete Table from the shortcut menu. OU Campus v10 Users Guide Page 19 of 20 Revised: March 7, 2017

20 ADA 508 Compliance The design of all templates for your new web site are ADA Section 508 compliant, providing alternate access to visual and audible information. You can maintain this compliance in the pages you create by following these guidelines: Images require ALT tags (alternate descriptions). When you add an image to your web page, briefly describe that image or graphic, placing that information in the Image Description field. Audio and video require text transcriptions of any dialogue. Compliance does not require that the alternate access be via a web page, but must be readily and easily available if you choose an alternate method. Describe how/where to get the alternative form(s) of the primary information on the page. Do not use colored text. Only use tables for tabular data (i.e. spreadsheets). Label both columns and rows of each table. (Generally, avoid using tables whenever possible.) Upload Documents You can upload documents (preferably PDFs) to OU Campus and then link to those documents from your webpage. For more information about uploading documents: Customize Links Bar (_nav.inc) The Links bar is a vertical area on the upper-left of each page allowing easy navigation to other related pages (i.e. pages within the same folder). For information on editing the Links bar: Help There are multiple places in OU Campus from which to get help: Toolbar Help Click the Help icon to view help specific to your current task. General Help Click the Help link at the upper-right of the screen to view links to OU Campus documentation and tutorials. OU Campus v10 Users Guide Page 20 of 20 Revised: March 7, 2017