East Central University

Workbench: Website management Training

How do I login to ECU website?

Visit: www.ecok.edu/user

Enter your ECU User ID

• It’s the same one that you use to login to any ECU computer or ECU portal

Enter your password

• This is the same password as well

Don’t Forget to Click Log in…

Now you’re logged into the ECU website.

This is Administration Menu.

Click here to go to your Workbench.

This is your workbench dashboard.

Your recently edited contents are shown here.

All your recent contents are shown here.

Click here to begin creating your first content.

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.

Click on your section name to create your content.

Select your section name here. The contents of this page after submission will be reviewed by

the editor of the section you select.

Enter the title of your

page

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

Toolbar Buttons

Makes selected text and numbers bold

Makes selected text and numbers italic

Underlines selected text and numbers

Strike a line through selected text

Aligns to the left with a ragged right margin

Centers the selected text

Aligns to the right with a ragged left margin

Aligns the selected text to both the left and right margins

Add, or remove, bullets in a selected paragraph

Makes a numbered list or reverts back to normal

Decreases the indent to the previous tab stop

Indents the selected paragraph to the next tab stop

Toolbar Buttons

Undo - Reverses the last command, use pull-down menu to undo several steps

Redo - Reverses the action of the Undo button, use the pull-down menu to redo several steps

Add Hyperlink to selected text

Remove Hyperlink from selected linked text

Add a anchor tag in your page that can be linked

Insert image where the cursor is positioned

Formats the selected text with the color you click

Marks text so that it is highlighted and stands out

Makes selected text superscript

Makes selected text subscript

Creates Block Quote

Toolbar Buttons

View or edit source code of the page

Insert Horizontal line where the indicator is placed

Cut the selected text fragment to the clipboard

Copy the selected text fragment to the clipboard

Paste content copied to the clipboard along with formatting

Paste content copied to the clipboard without formatting.

Paste content copied from the Microsoft Word or similar applications along with formatting.

Removes formatting from the selected text fragment

Insert Special symbols

Change Font Type

Change Font Size

Toolbar Buttons

Select Text Formatting Style

Insert Table

Select All content inside text box

Find tool

Replace tool

Create div container

Create Iframe

Check spelling and make corrections

Spell check as you type

Insert break to separate teaser and body of your content

Select the format of how you want the HTML tags

to be transformed.

Add a revision log for editor and future

references.

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.

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.

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

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.

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.

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.

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

Editor receives an email

Editor logs in to the ECU website and visits “My

Workbench.”

In My Workbench, Click on Needs Review tab to find all the

contents that have been submitted by contributors.

Moderation history contains the workflow and history of changes

to the particular content.

You can make changes to moderation state from here.

You can make changes to moderation state from here too!

Lets view the draft before making any changes to the

moderation state.

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

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.

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

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.

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

Questions???

Thank-you!!!