RedDot Training Tutorial

stalksurveyorSecurity

Nov 3, 2013 (3 years and 11 months ago)

96 views



1

|
P a g e



Ozarks Technical Community College:

RedDot Training

RedDot Training Tutorial

For this training exercise, we’re going to create web pages
using common RedDot tasks.

Some
the tasks you’ll perform include the following:



Searching for pages



Creating new pages



Connecting to existing pages



Creating a variety of lists



Adding teaser text



Adding images



Inserting hyperlinks and email addresses in the text editor



Editing existing text and link lists



Disconnecting pages



Submitting tasks

Logging in fo
r the first time:

NOTE: If you have logged into RedDot before, you will not need to complete this step.

1.

In your browser’s bar, enter
https://red.otc.edu
.

2.

Enter your OTC username and password.

3.

On the left menu, click
Mai
n Menu
.


4.

In the Main Menu dialog box, click
Projects
.

5.

Under Project Selection, click
OTC
.

A
Web Content Management

box will appear.

6.

On the left menu, click
Web Content Manager
.

You should now see the OTC Homepage.

NOTE:
After you log in the first time,
you should see the OTC Homepage when you log in. You
should not have to choose your project again.






2

|
P a g e



Ozarks Technical Community College:

RedDot Training

Searching for pages:

NOTE: Remember that Search is spelling sensitive. If you misspell a word, it will not find it.

1.

Click
Search

on the left
-
hand menu.



2.

In the
Content

textbox on the
Page Search

dialog box, type
Web Services
, and then
at the bottom
-
right of the box, click
Start
.

3.

Click the Web Services option

that lists the content class as Wide Image Page
.

The Web Services page will appear.

NOTE:
You will

need to look at the content class to determine the right choice.

If you find
yourself on the Self
-
Study page, you have selected the wrong page.







3

|
P a g e



Ozarks Technical Community College:

RedDot Training

Us
ing a link list to navigate to your

page:



Under Important Links of the Web Services page, click the
RedD
ot Training

link.



Under Training Materials on the RedDot Training page, click the
Tutorial Page

link.



Click the tutorial link number that corresponds to the number in the upper
-
right corner
of your tutorial.

Creating Your Page


NOTE: Remember that RedDot

defines pages as any section on the page, including the page
itself. To add elements (or pages) to the page, you’ll need to open the foundation.

In this section, you’ll complete the following tasks:



Add an image



Create a new page



Add paragraph text

Addin
g an image to your page:

Every department has the ability to add at least one image to its page.

1.

On your training page, click the
Open Foundation

red dot.



Three red dots will appear in the page window.

NOTE: If you do not see the Open Foundation red d
ot, make sure you have scrolled to the top
of the page.

2.

Click the
Edit elements via Form

red dot.



3.

On the right side of the Main Image text box, click the
Pencil


icon.



4

|
P a g e



Ozarks Technical Community College:

RedDot Training

4.

In the Media Asset Manager, click
Switch Folder
.




A list of training folders
will appear.

5.

Click the training folder that matches your number.

6.

Click
Select asset from local file system
, and then in the Transfer Local File dialogue box,
click
Browse
.




7.

Navigate to the
D
esktop folder and click
Campus Image
.

8.

C
lick
OK

in the Transfer
Local File dialogue box.

A thumbnail should appear in the Edit Elements via Form dialogue box.




5

|
P a g e



Ozarks Technical Community College:

RedDot Training



9.

Click
OK
.

Your page should now look like the following:




6

|
P a g e



Ozarks Technical Community College:

RedDot Training

Creating a new page:

Any

text or link element you add to
add to
the page is considered
a

page. In

this topic, we will
add a page at the foundation level. In a later topic, we will add a new page through a link list.

1.

Click the
Open Foundation

red dot.



2.

Click the
Add/Remove/Reorder body components

red dot.



3.

In the Edit Link Element dialogue box, click the
Create and Connect Page

link.


A list of content classes will appear.




7

|
P a g e



Ozarks Technical Community College:

RedDot Training

4.

In the List of Content Classes dialogue box, click the
Text


H3 (Main) Heading and
Paragraph

content class.



5.

In the Headline textbox, type
Learning RedDot
, and then click
OK
.

NOTE: If you decide to change the title of your heading, you may click the red dot next to the
title to change it. If you have closed the section, simply click the
Open Section

red dot above

the heading you want to edit.





8

|
P a g e



Ozarks Technical Community College:

RedDot Training

Adding paragraph text:

When you add a heading to the page, a red dot will appear under the heading that will allow
you to add paragraph text.

1.

Click the
Edit this text

red dot.


The text editor box will appear.


2.

In the Tex
t Editor, type the following text:


Learning how to use RedDot will give you more flexibility
and control over your department's pages. After completing
the training, it's important to spend as much time as
possible in the program until you feel comfortabl
e and
familiar with it.


3.

Click
OK
.





9

|
P a g e



Ozarks Technical Community College:

RedDot Training

Adding link lists to your page


There are several link lists to choose from. This section will cover the following:



Adding a two
-
column link list



Connecting to an existing page



Connecting to an external website



Adding a

one
-
column link list



Creating a new page using a link list



Creating a download list



Adding a document to a download list



Adding a description to the file in the download list

Adding a

two
-
column

link list:

Several types of lists are available. I
n this
topic, we will add a two
-
column link list.

1.

Click the
Open Foundation

red dot, and then click the
Add/Remove/Reorder body
components

red dot.

2.

In the Edit Link Element dialogue box, click the
Create and Connect Page

link.

3.

In the List of Content Classes dialogue box, click the
Links


Small Bulleted Link List
(Two Columns)

content class.

4.

In the Enter the Headline text box, type
RedDot Resources
, and then click
OK
.

NOTE: Your link list
will appear above

the heading previously

added. We will fix this issue later.

Connect
ing

to an existing page:

You are going to connect to an existing page using the link list created in the previous step.

1.

On the left

column
, click the
Add/Remove/Reorder
list items red dot.



10

|
P a g e



Ozarks Technical Community College:

RedDot Training



2.

In the Edit Link E
lement dialogue box, click the
Connect Existing Page

link.

The Page Search dialogue box will appear.

3.

In the Content
text
box, type
RedDot Training
, and then click
Start
.

4.

In the Result List, click the
RedDot Training

result.

A link to the RedDot Training pag
e will appear in the link list.

NOTE: While you may change the title that appears in the link list, it will change the title on the
page you’re connecting to as well.
If you are connecting to a different department or do not
want the title changed on the
page you are connecting to, th
e
n do not change the title in your
link list.


Let’s add one more for practice!

1.

On the left, click the
Add/Remove/Reorder
list items red dot.

2.

In the Edit Link Element dialogue box, click the
Connect Existing Page

link.

The Pag
e Search dialogue box will appear.

3.

In the Content dialogue box, type
Web Services
, and then click
Start
.

Two options with the same name appear.

4.

In the Result List, click the
preview

icon on the right side of the results
, and then
close out of that
window
.


5.

Select the OTC Web Services page rather than the Self
-
Study Web Services page.

Connecting to an external website through a link list:

1.

On the right

column
, click the
Add/Remove/Reorder
list items red dot.

2.

In the Edit Link Element dialogue box, click the
Add URL

link.

An Add URL dialogue box appears.

3.

In the Link Name text box, type
About RedDot
.

4.

In the URL text box, type
http://en.wikipedia.org/wiki/RedDot
,
and
then click
OK
.

NOTE: You cannot go back to edit

the url once entered. If you need to change or update the
link, you will need to disconnect that link and replace it with a new one.






11

|
P a g e



Ozarks Technical Community College:

RedDot Training

At this point, you page should resemble the following:



Adding a one
-
column link list:

For most lists, you’ll use th
e two
-
column list created in the previous steps. However, if you plan
to have description text associated with your links, then you will want to use a large bulleted,
one column link list.

1.

Click the
Open Foundation

red dot, and then click the
Add/Remove/Re
order body
components

red dot.

2.

In the Edit Link Element dialogue box, click the
Create and Connect Page

link.

3.

In the List of Content Classes dialogue box, click the
Links


Large Bulleted Link List (One

Column)

content class.

4.

In the Enter the Headline text

box, type
Tips for Using RedDot
, and then click
OK
.



12

|
P a g e



Ozarks Technical Community College:

RedDot Training

Creating a new page using a link list:

To add a new page to your department’s site, you will need to do so through a link list.

1.

In the link list created in the above topic, c
lick the
Add/Remove/
Reorder
list items

red
dot.

2.

In the Edit Link Element dialogue box, click the
Create and Connect Page

link.

NOTE: You’ll notice that the
List of Content Classes

dialogue box is different. This page appears
when you are adding an entirely new page to the site.

3.

In th
e List of Content Classes dialogue box, click the
Foundation


Left Image Page

link.



4.

In the Headline (Page Title) text box, type
RedDot Best Practices
, and then click
OK
.





13

|
P a g e



Ozarks Technical Community College:

RedDot Training

Creating a download list:

Download lists allow you to attach .pdf, .doc, .jpg, .
ppt, and other file types in a link list.

NOTE:

You cannot mix download list items with other types of lists.
For example, you cannot
add a PDF document to a small bulleted two column list. All documents must be attached
through the download list.

1.

Click t
he
Open Foundation

red dot, and then click the
Add/Remove/Reorder body
components

red dot.

2.

In the Edit Link Element dialogue box, click the
Create and Connect Page

link.

3.

In the List of Content Classes dialogue box, click the
Links


File Download List (One

Column)

content class.

4.

In the Headline text box, type
RedDot Documents
, and then click
OK
.

Adding a document to a download list:

1.

In the download list, c
lick the
Add/Remove/Reorder

download items

red dot.



2.

In the Edit Link Element dialogue box, click the

Create and Connect Page

link.

3.

In the Headline text box, type
RedDot Quick Reference Guide
, and then click
OK
.

4.

Under the list headline, click the
Choose file

red dot.





14

|
P a g e



Ozarks Technical Community College:

RedDot Training

5.

In the Media Asset Manager dialogue box, click the
Switch Folder

link.



6.

Click the tr
aining folder that matches your number.

7.

Click
Select asset from local file system
, and then in the Transfer Local File dialogue box,
click
Browse
.




8.

Navigate to
the Desktop folder, and then click
RedDot Quick Reference Guide
.

9.

C
lick
OK

in the Transfer Loc
al File dialogue box.

Adding a description to the file in the download list:

1.

Under the list headline, click the
Edit file description

red dot.

2.

In the This is a description of the downloadable file text box, type
This guide
provides general instructions
on how to perform the most
common tasks in RedDot
.
, and then click
OK
.





15

|
P a g e



Ozarks Technical Community College:

RedDot Training

Editing the Page


Once your pages are created, you’ll mostly be responsible for updating and maintaining those
pages. Much of what you will do is edit content areas and link lists. In

this section, we’ll cover
the following topics:



Reordering items on the page



Adding content to a paragraph



Disconnecting links from link lists



Changing headline names

Reordering items on the page:

Any item you add on the page will appear above the previou
s item. It’s easy to change the
order so that your page appears in the order you want.

1.

Click the
Open Foundation

red dot.

2.

Click the
Add/Remove/Reorder body components

red dot.

3.

In the
Edit Link Element

dialogue box, click the
Edit Page Order

link.

4.

In the Ed
it Page Order dialogue box, highlight the item to be moved, and then use the
arrows located on the left to move that item. Repeat until all pages are properly located.

NOTE: For this exercise, your list should resemble the following image.


5.

Click
OK
.




16

|
P a g e



Ozarks Technical Community College:

RedDot Training

Yo
ur page should look like the following:



Adding content to a paragraph:

You’re going to add more information to the paragraph text under the Learning RedDot
heading.

1.

Above the Learning RedDot heading, click the
Click to open section for editing

red dot.



17

|
P a g e



Ozarks Technical Community College:

RedDot Training



2.

Above the paragraph text, click the
Edit this text

red dot.

3.

In the Text Editor, type of following new paragraph:

Through this training session, you’ll learn to perform
basic RedDot tasks.

4.

Click
OK
.

Disconnecting links from link lists:

Sometimes, you’ll need to rearrange and/or replace items in a link list.

1.

Above the RedDot Resource link list heading, click the
Click to open list for editing

red
dot.

2.

Above the left column, click the
Add/Remove/Reorder list items

red dot.

3.

In the Edit Lin
k Element dialogue box, click the
Disconnect Page from List

link.

NOTE: It’s the last item in the list.

Check the box next to RedDot Training, and then click
OK
.







18

|
P a g e



Ozarks Technical Community College:

RedDot Training

Changing headline names:

You may decide on a better name for a content area (page) after
you’ve created the page. In
this topic, you’ll learn how to easily change or correct headline names.

1.

Above the Tips for Using RedDot headline, click the
Click to open this section for editing

red dot.

A red dot appears next to the headline.


2.

Click the red

dot located next to the headline.

3.

In the headline text box, replace the current text with
RedDot Tips and Tricks
,
and then click
OK
.


Working With the Text Editor

& Adding Teaser Text


RedDot

uses a very basic text editor and within that editor, there are limitations. This section
will discuss the following topics:



Adding a bulleted list



Adding email addresses



Creating a table



Connecting to an existing page in the text editor



Adding documents
to the asset manager



Adding the document to your text in the text editor



Adding teaser text to the page

NOTE: To complete these tasks, you will be asked to perform tasks you performed earlier in the
tutorial.

Getting set up for the text editor:

1.

Click the R
edDot Best Practices link you created earlier.

You should be taken to an empty page.

2.

Create an H3 Heading called
Best Practices
.

3.

Click the
Edit this text

red dot.

The text editor will open.

4.

In the text editor, type
This page provides several best practices

approaches to using RedDot, including the following:



19

|
P a g e



Ozarks Technical Community College:

RedDot Training

Adding a bulleted list:

1.

Immediately follo
wing the above sentence, press
E
nter
, and then click the
bullet

icon.



2.

In the List Type Selection dialogue box, leave
Default

selected and click
OK
.

NOTE:
Unless you are using numbers, always choose default. Choosing a square or circle will
result in the same bullet on the page as the system is set up to display bullets in a certain way.

3.

Type the following text for each item:

Types of lists to use

Heading hi
erarchy

Chunking information

4.

Press
Enter

twice.

Adding email addresses:

1.

After the bulleted list, type
Always contact the helpdesk with issues,
questions or concerns. Put Web Services in the subject
line.


1.

With your cursor, highlight the
helpdesk

text.

2.

On the text editor toolbar, click the hyperlink

icon.

3.

In the href textbox, type
mailto:
help
@otc.edu
, and then click
OK
.







20

|
P a g e



Ozarks Technical Community College:

RedDot Training

Creating a table:

1.

In the text editor, click the table

icon.

2.

In the Insert Table dialogue box, change the rows to 2 and columns
to 2. In the Width

textbox
, change the default 75% to 100%.

3.

Click
OK
.

NOTE: When changing width, always make sure percent is selected.

4.

In the first cell, type
Contact Information
.

5.

In the bottom
-
left cell, type
Katherine Craft
.

6.

In the bottom
-
right cell, type
See Web Services
.

Connecting to an existing page in the text editor:

1.

In the table you created, highlight
See Web Services
.

2.

Click the
Hyperlink


icon.

3.

To the right of the href textbox, click the
Page


icon.

4.

In the Page Searc
h dialogue box, type
Web Services
, and then click
OK
.

5.

Select Web Services (the first one to appear in the list), and then click
OK
.

Your page should look like the following image:


Adding documents to the asset manager
:

1.

Under the table you created, type
See the RedDot PPT for more
information
.

2.

Click
OK

to exit the Text Editor.



21

|
P a g e



Ozarks Technical Community College:

RedDot Training

3.

On the left
-
hand menu, click the
Homepage

button.



New buttons will appear on the left
-
hand menu.


4.

Click the
Asset Manager

button.


5.

In the Asset Manager dialogue box, click the
S
witch Folder

link.

6.

Click the training folder that matches your number.

7.

Click
Select asset from local file system
, and then in the Transfer Local File dialogue box,
click
Browse
.

8.

Navigate to the
Desktop

folder
, and then click the
RedDot _PPT

file.

9.

C
lick
OK

in the Transfer Local File dialogue box.

10.

On the left
-
hand menu, click the
Web Content Manager

button.



22

|
P a g e



Ozarks Technical Community College:

RedDot Training

Adding the document to
your text in the text editor:

1.

Search for your training number page. For example, if your number is 1, you would
enter 1 in the con
tent text box on the Page Search dialogue box. (Hint: You performed a
search task at the beginning of the tutorial)

2.

Navigate to the RedDot Best Practices page you created.

3.

Open the red dot above Best Practices, and then open the
Edit this text

red dot.

4.

In

the Text Editor, highlight
RedDot PPT
, and then click the Hyperlink

icon.

5.

To the right of the href textbox, click the
I
mage


icon.

6.

In the Insert File Link dialogue box, select the
Select File from Server

option, and then
click
OK
.

7.

In the Media Asset M
anager, click
Switch Folder
.

8.

Click the training folder that matches your number.

9.

Click the
text of the RedDot_PPT
, and then click
OK
.



10.

In the Insert/Edit Link dialogue box, click
OK
.

11.

In the Text Editor, click
OK
.





23

|
P a g e



Ozarks Technical Community College:

RedDot Training

Your page should look like the
following image:


Adding teaser text to the page:

The last thing we need to do to this page is add teaser text that will appear on the page where
this page is linked.

1.

Click the
Open Foundation

red dot.

2.

Click the
Edit teaser text

red dot.



3.

In the Teaser Text textbox, type
This page provides some best practice
and contact advice for RedDot users
, and then click
OK
.

NOTE: You may use the breadcrumb to navigate back to your training page.







24

|
P a g e



Ozarks Technical Community College:

RedDot Training

Your final page should look like the following imag
e:



Submitting Your Tasks


Before your page can be seen by others, including Web Services, you must submit your tasks.
Your pages will not go live until after
you submit your tasks.

1.

On the left
-
hand menu, click the
Tasks

button.

2.

In the Select Tasks dialo
gue box, click the
# Edit Pages
.





25

|
P a g e



Ozarks Technical Community College:

RedDot Training

3.

In the Search Result for: Pages saves as draft dialogue box, in the bottom
-
left corner,
choose
Select all entries of this results page
.

NOTE: You do not have to submit all of your tasks. If you have pages you are not rea
dy to
release, you may select pages individually. Only the pages submitted will be published.

4.

Click the
Submit Selected Pages to Workflow

button.


5.

Click
OK
, and then click
Close
.


Congratulations. You have completed the Training tutorial for RedDot
. As you begin working on
your own pages, please submit any issues you have to the helpdesk at
help@otc.edu
. If your
questions pertain directly to training, please contact Katherine Craft at 8162 or
craftk@otc.edu
.


Thank you!