East Central University

1. East Central University Workbench: Website management Training

2. How do I login to ECU website? • Visit: • www.ecok.edu/user

5. Now you’re logged into the ECU website.

6. This is Administration Menu.

7. Click here to go to your Workbench.

8. This is your workbench dashboard.

9. Your recently edited contents are shown here.

10. All your recent contents are shown here.

11. Click here to begin creating your first content.

12. Your section name will be displayed here. “ECU Rotaract Club” content type is used throughout this training presentation. But you’ll be seeing the section name depending on which department/organization/program page is assigned to you as your section.

13. Click on your section name to create your content.

15. Select your section name here. The contents of this page after submission will be reviewed by the editor of the section you select.

16. Enter the title of your page

17. What You See Is What You Get (WYSIWYG) HTML Editor

18. Toolbar Buttons

19. Toolbar Buttons

20. Toolbar Buttons

21. Toolbar Buttons

22. Select the format of how you want the HTML tags to be transformed.

23. Add a revision log for editor and future references.

24. New Website Guidelines • No tables for formatting content on a page. You must build your content to allow the responsive design of the site to work correctly. Tables can only be used for data. • Templates have been prepared to help users with the page design. The templates are located at https://www.ecok.edu/administration/communications-and-marketing/website-training-templates. • Official website font type is Arial. • No pdf links in the menus. • No font size smaller than 12pt. No fonts larger than 22pt. The basic font size is 14pt.

25. New Website Guidelines (cont.) • Official website guidelines call for left-justified content. • Links must remain at the default setting to meet accessibility requirements. No other content is to be underlined, only links.

26. New Website Guidelines (cont.) • Internal Links • If linking to a page that is part of the ECU website, the target should always be “Same Window”. • Internal links URL should never begin with www.ecok.edu. Using the domain name makes the address an absolute path. • Using the relative path will allow the links to work even if we decide to change the domain name to www.someothername.edu. The path is relative to this site no matter the name. • For example: www.ecok.edu/administration/academic-affairs/... should be /administration/academic-affairs/… The dropdown box that usually says “https://” will switch to “other”.

27. New Website Guidelines (cont.) • External Links If you are linking to an external site, the target should always be “New Window”. • The content areas of the pages are 840 pixels wide. • No image mapping. • No form fields in content areas of nodes (pages) that are not forms. Example: a dropdown menu to select from a list, but no submit button presented. These lists should be listed out on the page.

28. New Website Guidelines (cont.) • No page-overflow scrolls. Example: setting the page to be a set length, and having the overflow bring up a scroll bar inside the content area. • Images must be edited “to size,” meaning they must be the size you want to use in the page before you place them on the website. (Leave the width and height fields blank when you upload the image.) • To place an image on the page, click the image icon, click “Browse Server” and choose the (pre-sized and uploaded) image from your files. • Images/photos MUST have alt-tags and title. Alt-tags are alternative text describing the image/photo on the screen. Screen reading software allows the visually impaired to know an image exists on the screen and reads the description in the alt-tag. The title is the little box that pops up when you hover over an image or text.

29. New Website Guidelines (cont.) • Videos have to be uploaded to YouTube and embedded into the site via IFrame. (You must set the Text Format of the webpage content area to be Full HTML for the videos to work.) • If you use orange, it has to be #f04c23.

32. After saving the page, the author can see the state of the page and also gets options to edit and moderate the draft.

33. Editor receives an email

34. Editor logs in to the ECU website and visits “My Workbench.”

35. In My Workbench, Click on Needs Review tab to find all the contents that have been submitted by contributors.

36. You can make changes to moderation state from here. Moderation history contains the workflow and history of changes to the particular content.

37. Lets view the draft before making any changes to the moderation state. You can make changes to moderation state from here too!

38. The editor can make changes to the draft using edit draft tab.

39. The editor can change the URL path to match the ECU’s website guidelines by unchecking the “Generate automatic URL alias” and entering new URL path.

40. For example, ECU Rotaract Club pages are located under ecok.edu/ECURotaract, so the path to this new page would start from ECURotaract/YourPageTitle No whitespaces are allowed in the URL path

41. You can add an editors note which will be displayed in the moderation page history. Select “Needs Changes” as moderation state to send your content back to the contributor.

42. How to Upload a Document or Image • Go to: • https://www.ecok.edu/users/yourusername • Click on the “File browser” tab • Click on “yoursection” • Click on “images” or “documents” according to which you are uploading • Click “Upload” which appears in the toolbar under “View” • Click “Browse” • Choose a file from the Windows explorer browser • Double click the chosen file • Click the “Upload” button that appears in the little box where you are uploading the file

43. Questions???

44. Thank-you!!!