e ktron b asics. t oday ’ s a genda what ektron is normal log in procedure the silver bullet:...

74
EKTRON BASICS

Upload: august-allison

Post on 17-Dec-2015

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EKTRON BASICS

Page 2: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TODAY’S AGENDA

What Ektron is Normal log in

procedure The silver bullet:

editing existing html content

Links

Adding images Creating new

content Editing menus Key work area

information

Page 3: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

WHAT IS EKTRON?

Page 4: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EKTRON IS A CONTENT MANAGEMENT SYSTEM (CMS)

A CMS allows non-technical individuals to create, edit, manage, and publish web content.

Using Ektron allows us to simultaneously maintain professional and consistent site design while allowing many individuals to create content.

Ektron is a web-based application.

Page 5: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

BROWSER REQUIREMENTS

Internet Explorer 7 or higher or

Firefox 2 or higher

Firefox 2 or higher(Safari is not supported)

PC Mac

Enable Popups.

Page 6: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

LOGGING IN

Page 7: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

NORMAL LOGIN:HTTP://WWW2.SEATTLEU.EDU/LOGIN.ASPX

Normal Login Procedure

1. Type http://www2.seattleu.edu/login.aspx in your web browser’s address bar and hit enter.

2. You will get a pop-up window asking you for your username and password. Use your standard SU credentials.

3. Refresh your browser .

Page 8: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

REFRESHED LOGIN PAGE

Page 9: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

THE SILVER BULLETEditing Existing HTML Content

Page 10: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TODAY'S PRACTICE LOGIN:HTTP://CMSTRAINING.SEATTLEU.EDU/LOGIN.ASPX

Log in to Today’s Practice Site

1. Type http://cmstraining.seattleu.edu/login.aspx in your web browser’s address bar and hit enter.

2. You will get a pop-up window asking you for your username and password. Use your standard SU credentials.

3. Your login page will automatically refresh.

Page 11: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

REFRESHED PRACTICE LOGIN PAGE

Page 12: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

OPEN NEW TAB

Page 13: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

PRACTICE SITE:HTTP://CMSTRAINING.SEATTLEU.EDU/ARTSCI/DEPARTMENTS/

Page 14: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TH

E S

ILVER

BU

LLET

•Silver bullets indicate areas you can edit.•You cannot edit other areas.•This combination maintains design consistency while allowing you to easily create and edit pages.

Page 15: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

THE EASY WAY TO EDIT EXISTING CONTENT

Page 16: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CLICK ON A DEPARTMENT & FIND A SILVER BULLET

Page 17: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

MOUSE OVER SILVER BULLET & CLICK EDIT

If your menu does not

include Edit, browse to

another page until you find

one that does.

Page 18: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ED

ITYou edit one

content block at a

time.

Page 19: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

STY

LE

A style set has been designed to make your

pages attractive and consistent with the overall site.

Page 20: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TO

P T

OO

LB

AR

Mouse over icons for

descriptions

Page 21: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

SA

VE

Save only saves to a temporary server file.

Publish or check in to permanently save your work.

Page 22: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CH

EC

K IN

OP

TIO

NS

•Ektron’s Publish, Checkin, and Cancel icons will all check in your work.•Closing your browser window will leave your work checked out.

Page 23: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

PUBLISHING IMMEDIATELY CHANGES CONTENT

Page 24: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TRY IT OUT

Apply different styles. Publish your content and look at your

published changes. Explore other editing possibilities.

Page 25: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

OTHER CONTENT EDITING TOOLS

Page 26: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

STY

LE

Avoid using fonts and formatting outside the set styles.

Page 27: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

BA

SIC

ED

ITIN

G C

OM

MA

ND

S

Select All Cut Paste Paste Plain Text Find and Replace Print Undo Redo Spell Check

Page 28: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

PASTING PLAIN TEXT

When copying text from other programs (such as Word) use Paste Plain Text to avoid problems with the way browsers display formatting.

Paste from Word may not strip formatting adequately

Page 29: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

BU

LLETED

& N

UM

BER

ED

LIS

TS

Numbered List Bulleted List Outdent (decrease indent) Indent (increase indent)

Page 30: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

INS

ER

TIN

G H

OR

IZO

NTA

L L

INES

&

SY

MB

OLS

Horizontal Line Insert Symbol

Page 31: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TA

BLE T

OO

LS

Page 32: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

HTM

L T

AB

Page 33: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

LINKS

Page 34: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CR

EATIN

G A

LIN

K T

O A

N E

XTER

NA

L S

ITE

Page 35: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EM

AIL

LIN

K

Page 36: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EM

AIL

LIN

K

Page 37: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

QU

ICK

LIN

KS

A Quicklink

is an internal

link.

Page 38: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

QU

ICK

LIN

KS

Quicklinks are in the

“library,” but the library

may open to the wrong file

type.

Page 39: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

QU

ICK

LIN

KS

Change your file type to

Quicklinks and click on the link you want. The link will appear in the URL box.

Page 40: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

REMOVE LINK: RIGHT CLICK ON LINK OR CLICK REMOVE LINK ICON

Page 41: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

RIGHT CLICK TO CHANGE LINK (OR CLICK HYPERLINK MANGER AGAIN)

Page 42: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TRY IT OUT

Try adding and editing external links and internal “Quicklinks.”

Page 43: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ADDING IMAGES

Page 44: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

INS

ER

TIN

G IM

AG

ES

Page 45: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

IMAGE FORMATTING

Page 46: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

AD

DIN

G IM

AG

ES

TO

TH

E L

IBR

AR

Y

Give your image a

descriptive title for

accessibility.

Page 47: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TRY IT OUT

Try adding images to the library, inserting them in your page, and formatting them (sample image at C:Ektron Practice Files).

Page 48: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CREATING NEW CONTENT

Page 49: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ENTER THE WORK AREA FROM THE LOGIN PAGE OR FROM A SILVER BULLET

Page 50: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

THE WORK AREA Navigating the Work Area is

similar to navigating Outlook.

The Work Area may

not open in an intuitive

place.

Page 51: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

YOUR WEB PAGES ARE LOCATED IN CONTENT

Page 52: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EDITING CONTENT FROM THE WORK AREA

Page 53: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ED

ITIN

G C

ON

TEN

T F

RO

M T

HE W

OR

K A

REA

Page 54: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CREATING NEW CONTENT

Page 55: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

NEW HTML CONTENT

Page 56: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

FOLDERS

You can create

folders but you can’t

delete them.

Page 57: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

NEW DMS DOCUMENT: UPLOADING OTHER FILES (PDFS, WORD DOCUMENTS, ETC.)

Page 58: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

NEW DMS DOCUMENT: UPLOADING OTHER FILES (PDFS, WORD DOCUMENTS, ETC.)

Page 59: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TRY IT OUT

Create a new HTML page. Upload a “DMS” document (sample files at

C:Ektron Practice Files).

Page 60: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EDITING MENUS

Page 61: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ED

ITIN

G M

EN

US

Page 62: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EDITING MENUS

You go to View to

edit menus.

Page 63: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ED

ITIN

G M

EN

US

Page 64: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ED

ITIN

G M

EN

US

Mouse over for editing options.

Page 65: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

AD

DIN

G N

EW

MEN

U IT

EM

Page 66: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

AD

DIN

G N

EW

MEN

U IT

EM

Adding an item to the

menu publishes it

immediately.

Page 67: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

AD

DIN

G N

EW

MEN

U IT

EM

You may need to

refresh to see new

menu item.

Page 68: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

TRY IT OUT

Try editing a menu.

Page 69: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

KEY WORK AREA INFORMATION

Page 70: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

ID (CONTENT)

Page 71: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CONTENT STATUS (CONTENT)

A: Published I: Checked in but not published O: Checked out to last editor

Page 72: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

THE WORK AREA: SMART DESKTOP

Page 73: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

CHECK EVERYTHING IN

Page 74: E KTRON B ASICS. T ODAY ’ S A GENDA What Ektron is Normal log in procedure The silver bullet: editing existing html content Links Adding images Creating

EKTRON SUPPORTHelpDesk Engineering Building, Room 313(206) [email protected]