Transcript East Central University Workbench: Website management Training How do I login to ECU website?  Visit:  www.ecok.edu/user.

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/communicationsand-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.
You can make changes to moderation state
from here.
Moderation history contains the workflow and
history of changes to the particular content.
Lets view the draft before making any changes
to the moderation state.
You can make changes to moderation state
from here too!
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!!!