Access Your Content Management System 3. What To Find On Your Content Management System Home Page 5



Similar documents
Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

NDSU Technology Learning & Media Center. Introduction to Google Sites

User Guide. Chapter 6. Teacher Pages

NJCU WEBSITE TRAINING MANUAL

Quick Guide to the Cascade Server Content Management System (CMS)

Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication

Using the Content Management System

Training Manual Version 1.0

The Home link will bring you back to the Dashboard after. Workflows alert you to outstanding assets waiting for approval or review.

Google Docs Basics Website:

State of Indiana Content Management System. Training Manual Version 2.0. Developed by

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

UHR Training Services Student Manual

Redback Solutions. Visionscape Manual

WYSIWYG Tips and FAQ

User Guide. Chapter 6. Teacher Pages

HOW TO USE THIS GUIDE

Sage Accountants Business Cloud EasyEditor Quick Start Guide

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

Lions Clubs International e-district House Content Management System (CMS) Training Guide

Content Management System (CMS) Training Document for LexisNexis Web Visibility Websites. October 6, 2013

UNPAN Portal Content Management System (CMS) User Guide

Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business

Client Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote

Ross University s Content Management System (CMS) Training Manual

How to Build a SharePoint Website

OU Campus Web Content Management

How To Create A Website In Drupal 2.3.3

Personal Portfolios on Blackboard

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

Content Management System User Guide

Index. Page 1. Index

Google Docs A Tutorial

CMS Training Manual. A brief overview of your website s content management system (CMS) with screenshots. CMS Manual

Mura CMS. (Content Management System) Content Manager Guide

Using JCPS Online for Websites

Web Content Management Training Manualv3

Web Portal User Guide. Version 6.0

Support/ User guide HMA Content Management System

CWU Content Management System (CMS) User Guide

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

Copyright EPiServer AB

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION.

Site Maintenance. Table of Contents

Create your own teacher or class website using Google Sites

Website Editor User Guide

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series

Cascade. Website Content Management for the Site Manager University of Missouri St. Louis

Joomla! 2.5.x Training Manual

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Cascade Server CMS Quick Start Guide

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015

How to Use Swiftpage for SageCRM

On the Marketing home page, click the arrow to expand the Admin Tools area. Admin Tools

Create a Google Site in DonsApp

Web Ambassador Training on the CMS

How To Write A Cq5 Authoring Manual On An Ubuntu Cq (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font

Content Management System

Wellesley College Alumnae Association. Volunteer Instructions for Template

KEZBER CONTENT MANAGEMENT SYSTEM MANUAL

Access Edit Menu Edit Existing Page Auto URL Aliases Page Content Editor Create a New Page Page Content List...

The McGill Knowledge Base. Last Updated: August 19, 2014

To change title of module, click on settings

Terminal Four (T4) Site Manager

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

UW WEB CONTENT MANAGEMENT SYSTEM (CASCADE SERVER)

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

Content Management System Help. basic tutorial on Evergreen s CMS

CAMPAIGNS...5 LIST BUILDER FORMS...

Virtual Communities Operations Manual

Content Manager User Guide Information Technology Web Services

Umbraco Content Management System (CMS) User Guide

Cascade Content Management System Training

Outlook Web Access. PRECEDED by v\

Jadu Content Management Systems Web Publishing Guide. Table of Contents (click on chapter titles to navigate to a specific chapter)

Introduction to Drupal

Working with the Ektron Content Management System

Your Blueprint websites Content Management System (CMS).

How To Manage Your Website On A Webmaster.Com (Webmaster) On A Pc Or Mac Or Macbook Or Macintosh (Web) On Pc Or Ipa (Web).Com (For Mac) On Your Pc Or Pc Or Your

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

Module One: Getting Started Opening Outlook Setting Up Outlook for the First Time Understanding the Interface...

Mail Chimp Basics. Glossary

Starting User Guide 11/29/2011

Drupal Training Guide

Texas Woman s University RedDot Webspinner s Manual Revised 7/23/2015. webteam@twu.edu

CMS Training. Prepared for the Nature Conservancy. March 2012

Creating a website using Voice: Beginners Course. Participant course notes

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production

Creating an with Constant Contact. A step-by-step guide

(These instructions are only meant to get you started. They do not include advanced features.)

How to Use Swiftpage for ACT! by Sage

Google Drive Create, Share and Edit Documents Online

Transcription:

Getting Started 2 Access Your Content Management System 3 What To Find On Your Content Management System Home Page 5 OrangeEd User Capabilities 6 Navigation Management 8 Icon Legends 9 Move A Page Link Location 10 Edit An Existing Page Title 10 Delete A Page 12 Add A Page 12 Manage Your Website Content 14 Page Version/History View 15 Page Preview Screen 16 Edit Mode 17 Formatting And Other Options 19 Create A Hyperlink 21 Create An Anchor 23 Create A Link To An Email Address 25 Using The Document Manager Create A Link To A File 26 Add A New File 28 Delete A File 29 Using The Image Manager 30 Image Guidelines 31 Resize Image In OrangeEd 32 Add A New Image File 33 Delete An Image File 34 Publish Your Website Content 35 Using The News Module Add A News Article 38 Add A News Category 40 Edit A News Category 42 Publish A News Article 43 Using the Events Module Add An Event 45 Add An Event Category 47 Edit An Event Category 49 Publish An Event 50 1

Get started. The OrangeEd Content Management System is a suite of browser-based tools that allows you to maintain your website from a special Administrative area right on your website. You do not have to install any software on your computer to administer the website; everything is accessible via your web browser. Your OrangeEd Content Management System has been designed to allow you to manage the following items: Navigation. You may delete, edit and add pages to your website, as well as control the order in which pages are listed in the menu. Content. You may update the content on all of your pages at any time you wish. 2

Access your OrangeEd content management system (cms). Accessing your OrangeEd content management system is easy. Each school has their own website address and corresponding content management system address. They are listed for you below: WEBSITE ADDRESS CMS ADDRESS DISTRICT rock-hill.k12.sc.us rock-hill.k12.sc.us/admin SCHOOLS Elementary Belleview bv.rock-hill.k12.sc.us bv.rock-hill.k12.sc.us/admin Children's School at Sylvia Circle cs.rock-hill.k12.sc.us cs.rock-hill.k12.sc.us/admin Ebenezer Avenue ea.rock-hill.k12.sc.us ea.rock-hill.k12.sc.us/admin India Hook ih.rock-hill.k12.sc.us ih.rock-hill.k12.sc.us/admin Mount Gallant mg.rock-hill.k12.sc.us mg.rock-hill.k12.sc.us/admin Mount Holly mh.rock-hill.k12.sc.us mh.rock-hill.k12.sc.us/admin Oakdale od.rock-hill.k12.sc.us od.rock-hill.k12.sc.us/admin Old Pointe op.rock-hill.k12.sc.us op.rock-hill.k12.sc.us/admin Richmond Drive rd.rock-hill.k12.sc.us rd.rock-hill.k12.sc.us/admin Rosewood rw.rock-hill.k12.sc.us rw.rock-hill.k12.sc.us/admin York Road yr.rock-hill.k12.sc.us yr.rock-hill.k12.sc.us/admin Middle Castle Heights ch.rock-hill.k12.sc.us ch.rock-hill.k12.sc.us/admin Dutchman Creek dc.rock-hill.k12.sc.us dc.rock-hill.k12.sc.us/admin Rawlinson Road rr.rock-hill.k12.sc.us rr.rock-hill.k12.sc.us/admin High Northwestern nw.rock-hill.k12.sc.us nw.rock-hill.k12.sc.us/admin Rock Hill rh.rock-hill.k12.sc.us rh.rock-hill.k12.sc.us/admin South Pointe sph.rock-hill.k12.sc.us sph.rock-hill.k12.sc.us/admin Focused Learning Adult & Community Education ae.rock-hill.k12.sc.us ae.rock-hill.k12.sc.us/admin Applied Technology Center at.rock-hill.k12.sc.us at.rock-hill.k12.sc.us/admin ParentSmart ps.rock-hill.k12.sc.us ps.rock-hill.k12.sc.us/admin Central Child Development ccd.rock-hill.k12.sc.us ccd.rock-hill.k12.sc.us/admin Rebound rb.rock-hill.k12.sc.us rb.rock-hill.k12.sc.us/admin The Phoenix Academy pa.rock-hill.k12.sc.us pa.rock-hill.k12.sc.us/admin Renaissance Academy ra.rock-hill.k12.sc.us ra.rock-hill.k12.sc.us/admin 3

Type your admin web address into a web browser and you will be directed to an OrangeEd login screen. You will be required to provide your email address and account password. NOTE: An email containing your account password should have been sent to you when your school administrator initially created your account in OrangeEd. If you have forgotten your login password, the system will email the password to the email address provided when the account was established. A link is also provided to the website. 4

What to find on your OrangeEd system homepage. Your admin home page, or dashboard, will display the following items: OrangeEd header (upper, left corner) Your School District header (upper, right corner) Functionality Tools The links positioned horizontally across the screen give you administrative access to your many content management system modules. Welcome message to user User-specific alerts Quick links to highly used OrangeEd admin areas Dashboard link / Log out link / District website link (lower, left hand corner) 5

OrangeEd user capabilities. Your OrangeEd Content Management System was designed to provide as much flexibility and range as your school requires. The following is a cursory look at the different responsibilities that may be assigned to teachers by the school administrators. Navigation Capabilities The page structure of the website is created and managed within a tab called Navigation. The sections, sub-pages and page locale (header navigation, footer navigation) are determined here. The user with Navigation permissions is able create new pages, and delete or edit existing pages. In short, this permission gives the user the ability to alter and manage the website structure, or architecture. NOTE: In order to add content to these pages, the user must have Editor capabilities (below). Publisher and Editor Capabilities The website content is managed within a separate tab called Content. There are two avenues for managing website content. A user with Editor permissions is able to make supervised content edits. The editor s content changes must be submitted to their supervisor, a user with Publisher permissions, for review and approval before the edits can go live on the website. A user with Publisher permissions may supervise content edits, OR they can edit page content themselves and immediately publish to the live website. A Publisher has both editor and supervisor capabilities. Additionally, both Editors and Publishers may be assigned to a single webpage, or to multiple webpages, or even for the entire website. NOTE: OrangeEd automatically submits the changes from the editor and alerts the appropriate Publisher with an email that new content requires review. The Publisher may approve, revise and approve, or decline the new content. The Editor receives a notification when the Publisher has made a decision about the new content. The diagram below illustrates the OrangeEd flow of process: EDITOR makes changes to page and submits for review email is sent to Publisher PUBLISHER reviews the changes Publisher declines changes; email is sent to Editor Changes are approved Edits GO LIVE on the website. 6

Edit and Publish News A News Editor may create and submit News articles to be reviewed and approved by a News Publisher. OrangeEd automatically submits the post for the user and alerts the appropriate Publisher that a new article requires review. The Publisher may approve, revise and approve, or decline the news article. The Editor receives a notification when the Publisher has made a decision about their submission. Additionally, a user may have both Editor and Publisher news capabilities. In this case, the individual would be able to create news articles and take them live immediately. Edit and Publish Events An Events Editor may create and submit new calendar events to be reviewed and approved by an Events Publisher. OrangeEd automatically submits the post for the user and alerts the appropriate Publisher that a new event requires review. The Publisher may approve, revise and approve, or decline the new event. The Editor receives a notification when the Publisher has made a decision about their submission. Additionally, a user may have both Editor and Publisher event capabilities. In this case, the individual would be able to create new calendar events and take them live immediately. Delete Documents and Images All Editors are given the ability to upload files and images via OrangeEd, however, ONLY those users assigned to this permission will be able to delete files and images. NOTE: It is important that the deletion of all files be intentional and deliberate. Often, multiple pages reference the same file via hyperlink; therefore, multiple links would be broken on the website if this one file were accidentally deleted. To reduce the number of accidentally deleted files and to protect the integrity of the links that are featured on the website, this is a high-level, limited-access permission, and not a global permission for all Publishers and Editors. 7

OrangeEd navigation management. For those with Navigation permission only. To get started managing navigation, click on the Navigation tab at the top of the screen. This tool allows the user to: Add pages Edit page titles Delete pages Manage position of pages in the menu IMPORTANT NOTE: In order to put content on a page, the page must FIRST be created within this Navigation section. Then the user must go into the Content section, where text is managed. Navigation Tree: Outline of all pages in your website On the left side of the page, a complete navigation tree is displayed. The user finds the page they wish to update and uses the icons on the right side of the page to make the change. 8

Icon legend. Initially, only the top-tier navigation pages are shown. A icon to the left of any page name indicates that the page has sub-pages. To fully expand the section and view all of the sub-pages, simply click on the expansion icon. Expanded Section View: To collapse a section s outline, click on the icon next to the page name. 9

Move a page link location. To change the menu order (which determines the order a page appears within its section), you may use the up and down arrows. The up arrow shifts the page up in the menu list and the down arrow shifts the page down in the menu list. Edit an existing page title. To edit the name of a page, click on the edit icon. for the new name of the page. A pop-up window will appear and ask you Always select Internal from the Template drop down (internal page). Or, select Redirect if you wish to create a link out to another website or to another, existing page on your website. Checking the Redirect button will cause a new field option to open up (see below). - Checked Redirect box - New field for typing in the Redirect Url - Checking this box causes the redirect link to launch a new browser window 10

Link locations. Main Header Footer Check the appropriate box to designate the link location on your webpage. Please review the screen shot below that indicates where each of the respective positions will occur on your webpage. MAIN MENU location HEADER MENU location FOOTER location 11

Delete a page. To delete a page, click on the icon next to its name. A confirmation message will appear and ensure that you do not accidentally delete a page. NOTE: Deleting a page means that you are also deleting the content for that page. There is no way to retrieve the content once it has been deleted. If you delete a primary tier page, any sub-pages beneath it will also be deleted! Add a new page. To add a new page, click on the icon next to the main section link. A pop-up will appear, asking for the name of your new page, as well as the link location (refer to page 13 for location options). 12

After filling in the information within the new-page pop-up window and clicking Save, OrangeEd will return you to the Navigation Tree. The menu will automatically expand showing you the new page, at the bottom of the page list. Using the up and down arrows, you may reposition the page until it is in the correct order. Clicking on the Add page icon at this level causes a new page to add in the sub-pages beneath The newly added page will appear at bottom of current sub page list. Use the blue arrows to finalize the position of the link within the existing sub-pages. 13

Manage your website content. For those with following permissions: Publisher for every page may make changes everywhere on website Publisher may make changes to assigned pages/areas Editor may make supervised changes to assigned pages/areas. Must submit changes for review and approval. The following functions are available to you as a Content Editor: Make changes to live website content Upload and link to documents Insert images Create links to email addresses and websites Create anchors Create tables Manage text styles To begin editing a page, login to the CMS and choose the Content tab. Left side: A navigation tree will display the website s page organization. Ride side: Information about the selected page will be displayed in the right column. 14

If the user has Editor or Publisher abilities for this page, TWO page edit options will display beneath the page info: EDIT SAVED CONTENT EDIT FROM PUBLISHED CONTENT If the user does NOT have Editor abilities for the selected page, these tools will not appear. Additionally, the user can access the page s version HISTORY. OrangeEd Page Version / History View. Each line represents a unique page content version. User can View page content and even republish to live site! 15

To begin editing the content for an existing page, click on one of the two editing options: EDIT SAVED CONTENT OrangeEd allows you to make changes to page content and save the edited version for future review. It is not necessary for you to take the edits live immediately. Clicking on this tool will pull up the most recent version of saved page edits. EDIT FROM PUBLISHED CONTENT Click on this option gives you the ability to make changes to the live website content. Clicking on either of the editing buttons will bring you to an page-preview screen. Click on the orange EDIT button to go into edit mode and make changes to the content. Use the scroll bar to scroll down and preview the entire webpage. 16

OrangeEd Edit Mode: The OrangeEd edit window gives you the ability to add, edit, or delete your website content. You may format your content, add links to documents, or drop in images within the page content. The OrangeEd functionalities are reviewed for you below. The first decision an editor must make is if the page will display straightforward Html (text content), or if the page will display one of the other custom modules instead. The editor makes the selection through the dropdown. The default for this drop down will always be Html. Other options are listed below (the options available to you depend on your school district): News Contact Search File Cabinet Calendar Photo Gallery You may then create your text by typing directly in to the editing window, or you may cut/paste from an existing document. When you are finished writing and formatting your content, click on the Update button in the lower, left hand corner of the editing window. Or, you may cancel your changes completely. Either selection will take you back to the preview-page window and you will be able to preview what your content will look like within the webpage. 17

OrangeEd Preview Page: EDITORS PUBLISHERS A user with Editor permissions will be able to: Preview page Type a brief message in the Reason for Change text field explaining their edits to the publisher Save For Later save changes for later edits Submit Changes For Approval - (to a Publisher) Or Cancel their changes A user with Publisher permissions will see different tools and have different options. This user will be able to: Preview page Save And Make Live - take changes live immediately Save For Later save changes for later edits Or Cancel their changes Also, the Publisher is not required to submit a Reason for Change 18

Formatting and other editing options. The following is a list of the OrangeEd formatting type options you have as an editor/publisher. You will recognize most of the icons and functionalities from many popular word processing programs such as Word. We will look at several of these tools more in-depth in the following section. - Spell Check - Paste from Word - Search - Paste from Word (no formatting) - Copy - Paste as HTML - Paste - Paste as Plain Text 19

Bold / Italicize / Underline - Undo/Redo - Strikethrough - Document Manager - Strip Formatting - Image Manager Text Formatting Options (drop down) Create Link to / Break Link from: - An external website - A page within your own website - An email address - A n anchor Text Alignment Options - Insert Table - Indent / Undent - Insert Symbol Numbered List / Bulleted List - Superscript / Subscript CAPS to small / small to CAPS - Create Horizontal Line - Add Date / Add Time - Text ( Design ) view - HTML view - View full screen 20

Create a hyperlink. With OrangeEd you can create several types of hyperlinks within your website content. Link to an external website Link to a page within your own website Link to an anchor Link to an email address. 1) If you are creating a link to another website OR to a page within your own website, first open a new browser window and pull up the webpage that you wish to link to. (Opening the new browser windows means that you will not have to log out of OrangeEd to get the hyperlink address.) 2) Copy the address of the webpage you wish to link the user to (highlight and copy in your browser window, see below). 3) After you have copied the web address you wish link to, go back into the OrangeEd CMS. Open the editing window and highlight the text that will function as the link. 21

4) Next, click on the Hyperlink Manager button. 5) A pop-up window will open after you clicked on the Hyperlink Manager button. Paste (or type) the address of the hyperlink The text you chose to highlight on the page will appear in this box. Tooltip: whatever you type in this field will appear as an alt tag for the link. Target Options: NEW WINDOW use when linking to OTHER websites SAME WINDOW use when linking within your own website Click OK to save. 22

Create an anchor. WHAT IS AN ANCHOR? Anchors allow your users to jump from one section of your Web page to another section on that same page. This is a useful tool for pages with long content. Often you will find this type of tool on FAQ pages. CREATE AN ANCHOR For each link, you will need to establish a starting point and an ending point (the anchor ). The starting point will be the hyperlink that jumps the user farther down the page and the ending point is where the user lands after the jump. 1) Put your cursor where you would like to establish the anchor (or the ending point marker). 2) To create the anchor at the point of your cursor, click on the Hyperlink Manager button. 3) Within the Hyperlink Manager pop-up window, click on the Anchor tab and create a name for the ending point marker, or the anchor. 4) Click OK and OrangeEd will close the Hyperlink Manager window; you will be back in editing mode on your page. Now, it is time to create the link, or starting point, that will cause your viewers to jump to the ending point marker (the anchor ). 5) Highlight the text that will act as the hyperlink and again, open up the Hyperlink Manager. 23

6) Using the Hyperlink tab, find the dropdown that says, Existing Anchor. This dropdown will list all of the anchors you have already created. Select the appropriate anchor and click OK. 24

Create a link to an email address. 1) The objective of this link is to cause the viewer s email program to automatically create a new mail message directed to the established email address when they click on the link. 2) Create the text that you would like to function as the link (this might be the email address itself OR text that says, Click here to contact us. ). Highlight the text. 3) Click on the Hyperlink Manager button. 4) Select the Email tab and type in the email address in the provided text field. 5) You may also designate a subject for the subject line of the email. 6) Click OK. 25

Use the document manager. Create a link to a file. The OrangeEd document manager allows all users that have any type of editor permission to upload documents into a FILE REPOSITORY and then create hyperlinks to them. NOTE: All documents placed on the website must be uploaded here first! 1) To get started, create the text on your page that will act as the hyperlink. Highlight this text and then click on the document manager tool. 2) A pop-up window will appear with all of the document manager tools; there are two main areas within the document manager: Browse Files and Upload Documents Browse Files This is the default screen users will see after clicking on the document manager tool. From this vantage, the user may view all of the folders and files that are currently present in the File Repository. If the file you want to make available on your webpage (via hyperlink) is already in the File Repository, just click on the file name to select. File Repository a system for organizing your documents Select file by clicking on file name 26

3) After selecting the file, you have two more steps to take. Create a Tooltip THIS IS OPTIONAL! The Tooltip gives you the ability to create an alt tag for your live hyperlink. In other words, when a visitor hovers their cursor over the link, a small text box will display the info that you put in the Tooltip will display here. This can be used to provide additional information to the visitor about the document. Select a Target type. The TARGET option controls where the new document will be displayed when the user follows the link. Most of the time, clicking on a link simply loads a new document in the same window where the link was. However, with TARGET, you can have the new document open in a new window. The advantage here is that when the user is finished viewing the document and closes it, they ONLY close the document window and are returned to your website. Select New Window from this drop down. 4) Click on the Insert button and you will have created a link to your document. 27

Add a new file. If the document you need to link to has not been added to the File Repository yet, you may do so by clicking on the Upload Document tab. Clicking on the Browse button will allow you to browse through the files on your computer. When you have found the document you were looking for, choose OK and then hit the Upload button. Your file will be added to the File Repository and you can follow the steps on the preceding page for creating the link to your file. 28

Delete a file. NOTE: It is important that the deletion of all files be intentional and deliberate. Often, multiple pages reference the same file via hyperlink; therefore, multiple links would be broken on the website if this file were accidentally deleted. To reduce the number of accidentally deleted files and to protect the integrity of the links that are featured on the website, this is a high-level, limited-access permission, and not a global permission for all Publishers and Editors. A user with this permission will be able to delete a file from the File Repository by taking the following steps: 1) Click on the Document Manager tool. 2) On the Browse Files screen, find the file in the File Repository. 3) Select the file and then click on the trashcan icon to remove. NOTE: The trashcan icon will NOT be active for users who are not given the Delete Files and Images permission. 4) You will be required to confirm the deletion. A pop-up window will appear with the following message: 5) Click on the OK button to finalize the deletion. 29

Use the image manager. The Image Manager is similar in both appearance and function to the document manager. OrangeEd gives you the ability to upload, organize and then insert images into your website. All users that have any type of editor permission may add images into the File Repository and then add them to a webpage. NOTE: All images placed on the website must be uploaded here first! 1) To get started click on the Image Manager tool. 2) A pop-up window will appear with all of the image manager tools; there are two main areas within the image manager: Browse Files and Upload Documents BROWSE FILES This is the default screen users will see after clicking on the image manager tool. From this vantage, the user may view all of the folders and image files that are currently present in the File Repository. If the image you want to add to the website is in the File Repository already, just click on the file name to select. You will be able to preview the image in the preview area. File Repository a system for organizing your image files Select file by clicking on file name 3) Click Insert to add the image. 30

Image guidelines. Please edit your images prior to uploading them with the Image Manager. Here are some important guidelines to follow: Resolution: Max file size allowed: Imageel size: Color mode: Acceptable File Types: 72 dpi 1024 KB No more than 500 imageels in width or height RGB *.gif *.jpg *.jpeg *.png *.bmp 31

Resize an image in OrangeEd. You may also resize your image in the editing window (after you have inserted the image via Image Manager). 1) Click once directly on the image. 2) A frame will appear with sizing points at each corner and in the middle of each side length. To decrease the size of the photo, grab one of the corner squares and drag inward. You will see the image shrink and can release the square when it is the appropriate size. NOTE: You will NOT want to increase the size of the image! It will lose proportion and clarity. Grab and drag inward to decrease photo size 3) When your image is re-sized Update your page content and Submit or Save your edits. 32

Add a new image file. If the image you want to feature on the website has not been added to the File Repository yet, you may do so by clicking on the Upload Image tab. Clicking on the Browse button will allow you to browse through the files on your computer. When you have found the image you are looking for, choose OK and then hit the Upload button. Your image will be added to the File Repository and you can follow the steps on the preceding page for adding the image to the website. 33

Delete an image file. NOTE: It is important that the deletion of all files be intentional and deliberate. Often, multiple pages reference the same image; therefore, multiple images would be broken on the website if this file were accidentally deleted. To reduce the number of accidentally deleted files and to protect the integrity of the images that are featured on the website, this is a high-level, limited-access permission, and not a global permission for all Publishers and Editors. A user with this permission will be able to delete an imagefrom the File Repository by taking the following steps: 1) Click on the Image Manager tool. 2) On the Browse Files screen, find the file in the File Repository. Select the file and then click on the trashcan icon to remove. NOTE: The trashcan icon will NOT be active for users who do not have the Delete Files and Images permission. 6) You will be required to confirm the deletion. A pop-up window will appear with the following message: 7) Click on the OK button to finalize the deletion. 34

Publish your website content. For those with following permissions: Publisher for every page may publish any updates made to the website Publisher may only publish updates made to assigned pages/areas The following OrangeEd functions are available to you as a Content Publisher: Review content updates (submitted by Editors). Approve content updates (submitted by Editors) updates go live to website. Edit and then approve content updates (submitted by Editors) updates go live to website. Decline content updates (submitted by Editors) updates do not go live to website. The Publisher logs into the Content Management System. The admin dashboard/home page of the Publisher will list all edits that are in the queue for review. Each submission will appear as an item under the header Content Awaiting Approval and will also indicate when the edit was submitted and by whom. To review the edit, the publisher clicks on the page title, which will open the content for that page. 1) To review the submitted changes, the Publisher clicks on the page title from the Dashboard alerts. The OrangeEd Preview Page opens. 35

Before opening the page content, the Publisher is able to read a message from the Editor detailing the Reason for Change. 2) To review the page content, the Publisher clicks on the Edit button and launches the editing window. At this point, the Publisher may take one of three routes: Review content publish immediately without making any changes Review content make changes to the submitted content and THEN publish Review content decline edits completely After reviewing the content, the Publisher clicks the update button and returns to the Preview Page, where content is finally published or declined. 36

3) Back on the OrangeEd Preview Page, the Publisher can post comments about the edits. An e-notification will be sent to the submitting Editor with both the Publisher s review decision AND the Publisher comments. 4) Publisher either Publishes or Declines the edits or Cancels the review for another time. Add a news article. 37

For users with the following permissions: Edit News may create and submit articles for review and inclusion on the site Publish News may create and publish articles / reviews and approves articles submitted by news editor 1) Enter the News section by clicking on the News link. At the top of the News page, the first thing you will see is a list of articles that have been submitted and are awaiting review and approval. The rest of the list itemizes live News articles. Each line represents a unique article. Each line provides the News Title, a description and the date posted. 38

2) To add a new News article, click the Add News button. The Editor will need to fill in all of the provided fields with the appropriate news information. Title of article Date of article Keywords Short Description Add an image to display with the article content. Browse and select from images on your computer Featured Article? If yes, check the checkbox. NOTE: A featured article displays on the website homepage. The short description and an associated image will both display on the school home page if the article is designated as featured. Article content is typed in the large text field. Your News module is able to sort and display articles by the category. Check the category box(es) where you want the article to display. EDITORS PUBLISHERS A user with Edit News permissions must then submit the article to a Publisher for review and approval. A user with Publish News permissions is able to publish the article live immediately. 39

Add a news category. For those with Publish News permissions only. Your News module is able to sort and display articles by the category. A website visitor will be able to view all news articles (this is the default view), or sort according to category. Category sorting drop down tool 1) To manage categories, click into the News section. 2) Next, click on the Edit Categories button. 40

3) Click on the Add Category button 4) Type the name of the new category into the blank category field and then click Save. 41

Edit a news category. For those with Publish News permissions only. 1) Click the News tab and then click on the Edit Categories button. 2) Find the Category name that requires editing and click the edit icon to the right of the name. The Publisher will be able to type in the edited category name into the category field. 3) Click Save to finalize the edit. 42

Publish a news article. For those with Publish News permissions only. The following functions are available to you as a News Publisher: Add, edit, delete news articles (see page 37). Publish your own news articles immediately. Review and approve news articles submitted by a News Editor. Publishers will be notified via email whenever a news article has been submitted for review. Additionally, an alert will display on the OrangeEd user dashboard. The Publisher may click directly on the article title to open the editing window and begin review of the news content. 43

Once inside the editing window, the Publisher may edit all aspects of the submitted news article. After reviewing the content, the Publisher has three courses of action: - Approve immediately and take live (without making any changes) - Make content modifications and THEN take live - Cancel Changes review the original submission at a later time. After the Publisher has approved the news article and published it to the live website, OrangeEd will automatically send the Editor an email about the Publisher s decision. 44

Add an event. For users with the following permissions: Edit Events may create and submit events for review and inclusion on the site Publish Events may create and publish events / reviews and approves events submitted by news editor The following functions are available to you as an Event Editor: Add new events Edit existing events Delete existing events Events must be submitted for review and approval by Publisher. 1) Enter the Events section by clicking on the Events link. At the top of the Events page, the first thing you will see is a list of events that have been submitted and are awaiting review and approval. The rest of the list itemizes live Events. Each line represents a unique event. Each line provides the Event Title, a short description and the date posted. 45

2) To add a new event, click the Add Event button. The Editor will need to fill in all of the provided fields with the appropriate event information. Title of article Date of article Keywords Short Description Event content is typed in the large text field. Your Events module is able to sort and display articles by the category. Check the category box(es) where you want the article to display. EDITORS PUBLISHERS A user with Edit Events permissions must then submit the article to a Publisher for review A user with Publish Events permissions is able to publish the article live immediately. 46

Add an event category. For those with Publish Events permissions only. Your Events module is able to sort and display articles by the category. A website visitor will be able to view all the event articles (this is the default view), or sort according to category. Category sorting drop down tool 1) To manage categories, click into the Events tab. 2) Next, click on the Edit Categories button. 47

3) Click on the Add Category button. 4) Type the name of the new event category into the blank category field and then click Save. 48

Edit an event category. For those with Publish Events permissions only. 1) Click the Events tab and then click on the Add a Category button. 2) Find the Category name that requires editing and click the edit icon to the right of the name. The Publisher will be able to type in the edited category name into the category field. 3) Click Save to finalize the edit. 49

Publish an event. For those with Publish Events permissions only. The following functions are available to you as an Events Publisher: Add, edit, delete events (see page 44). Publish your own events immediately. Review and approve events submitted by an Events Editor. Publishers will be notified via email whenever an event has been submitted for review. Additionally, an alert will display on the OrangeEd user dashboard. The Publisher may click directly on the event title to open the editing window and begin review of the event. 50

Once inside the editing window, the Publisher may edit all aspects of the submitted events article. After reviewing the content, the Publisher has three courses of action: - Approve immediately and take live (without making any changes) - Make content modifications and THEN take live - Cancel Changes review the original submission at a later time. 51