east central university workbench: website management training
TRANSCRIPT
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!!!