Ims Reddot Tutorial

REDDOT TUTORIAL LOGIN TO REDDOT-------------------------------------------------------------------------------------- 2 NAVIGATE TO THE APPROPRIATE LOCATION------------------------------------------------ 2 STARTING YOUR EDIT --------------------------------------------------------------------------------- 3 INSERTING AND EDITING TEXT--------------------------------------------------------------------- 4 INSERTING AND EDITING IMAGES----------------------------------------------------------------- 4 Image from Local File System ---------------------------------------------------------------------------------------------------5 Image from the Server (RedDot)------------------------------------------------------------------------------------------------6

CHANGING IMAGE PROPERTIES------------------------------------------------------------------- 8 INSERTING AND EDITING TABLES ---------------------------------------------------------------- 9 INSERTING A LINK TO AN EXTERNAL PAGE ------------------------------------------------ 10 INSERTING A LINK TO AN EXISTING INTERNAL PAGE ---------------------------------- 11 CREATING A NEW PAGE ---------------------------------------------------------------------------- 13 ADDING A LINK TO A FILE TO BE IMPORTED ----------------------------------------------- 14 ADDING A LINK TO AN EXISTING FILE (ON THE SERVER)------------------------------ 16 SAVING CHANGES AND EXITING TEXT EDITOR-------------------------------------------- 18

RedDot Tutorial Login to RedDot 1. Type the following in your browser bar: http://reddot.uark.edu 2. Type your UA username and password in the login screen.

Navigate to the Appropriate Location 1. Click on “Smart Edit” if you do not see the Smart Edit page after logging in.

2

2. Click on the location of the page that you will edit. 3. Navigate to the specific page as you would navigate through a webpage.

Starting your Edit 1. You will see red dots for those items that you have permission to edit. 2. Click on the red dot, “Open Page”, to open a list of editable items.

3. This opens a second set of red dots with specific editable items.

3

4. Click on the red dot for the item you want to edit (i.e. edit text). 5. The “edit text” red dot will open a text editor where you can edit text and images. 6. This text editor includes tool bars that look similar to those found in Office software. Place your mouse over each icon to learn about its function.

Inserting and Editing Text 1. Type in your text or copy and paste text from notepad. 2. Highlight the text to be edited. Use the appropriate tool to apply changes (alignment, bold, italic, etc.). 3. Click “OK” if you want to apply the changes. 4. Click “Cancel” if you want to ignore the changes.

Inserting and Editing Images 1. Insert an image by clicking on the image icon in the tool bar.

4

2. You will have the option to insert an image from either the local file system (on your computer) or from the server (RedDot).

3. Select the appropriate location of the image.

Image from Local File System 1. Browse for the file.

5

2. Highlight the selected file. 3. Click “Open”. 4. Click “OK” in the RedDot window. 5. You will be asked for a destination folder for the image. Select the logical location for this file.

6. Click “OK”. 7. The file will be given a default name (number) and will now appear in the text editor window. 8. Make sure to add ALT text (alternative text), covered later in this section.

Image from the Server (RedDot) 1. Browse for the file in the folders in RedDot. 2. Click “OK” when you find the right folder. Thumbnails for images in that folder will appear. Scroll through the pages to find the correct image.

6

3. Click the name of the correct image (not the thumbnail).You will see a description on the right side of the screen.

4. Click “OK” in the lower right if you want to insert this image. 5. The image will appear in the text editor window.

7

Changing Image Properties 1. Highlight the image to be edited. 2. Click on the image icon to open the image editor. 3. Make the needed changes to the image. You can change the alignment, add a border, change the amount of vertical or horizontal space around the image, change the size, and always add ALT text (alternative text).

4. When you align “left” or “right” this will force the text to wrap around the image. For example, in a left-aligned image, the text will wrap to the right. 5. Adding pixels of space around an image (vertical or horizontal) will keep the text from being right next to it and will be visually more appealing (at least 5 pixels). 6. ALT text is important for accessibility. Visually impaired people may use screen readers and the ALT text will be read to describe the image. ALT text is also used to describe images as they are loading into web pages and to help search engines find web pages. 7. Preview the changes made by clicking “Preview”. 8. Click “OK” to keep the changes or “Cancel” to ignore them.

8

Inserting and Editing Tables 1. Click on the “Insert Table” icon to insert a table.

The table and cell properties table will appear.

2. Select the number or rows and columns that you want. 3. Select the alignment (center, left, or right). 4. Select the width of the table as a percentage of the window. 5. For a visible border, make the border width at least 1 (pixel).For no visible border, set the border width to 0. 6. Set the cellpadding (distance between items in the table cells and the table cell boundary).

9

7. Set the table spacing (distance between individual cells). 8. Click “OK” to keep the changes. 9. Click “Cancel” to ignore the changes. 10. Click on the table to edit the table after it is inserted.

11. Click on the “Format Table” icon on the toolbar to bring up the table editor.

Inserting a Link to an External Page 1. Highlight the text that you want to link to an external page.

2. Click on the “Insert/Edit Link” icon (a globe with chain link).

10

3. In the “href” field in the link properties box that will pop up, type in the web address of the page (include http:// at the beginning). 4. Under “target”, type in “_blank” (do not include the quotation marks). This will force the page to open in a new window. The COEHP webpage will remain open also, which will keep users from getting lost after they browse the external link page.

5. Click “OK” to accept the change or “Cancel” to ignore it.

Inserting a Link to an Existing Internal Page 1. Highlight the text that you want to link to an internal page. 2. Click on the “Insert/Edit Link” icon. 3. In the link properties box that will pop up, click on the “Insert Link to Page” icon.

11

4. Search for the page by text included in the page or by the headline. 5. Type in the search text or headline and click on “start” to start the search.

6. Click on “preview” on the right side of the search results box to determine if this is the correct page. 7. Click on the name of the page to link.

8. The correct page ID is inserted into the “href” field.

9. Click “OK” to accept the change or “Cancel” to ignore it.

12

Creating a New Page When creating a page, it is important that it is placed in a “hidden list” that belongs to its parent page (the primary page to which it belongs). This will allow the page to show up in the appropriate location in the breadcrumb navigation. 1. On the “parent page”, click the “Open Page” red dot. 2. Scroll to the bottom of the page and click the “Hidden List” red dot.

3. In the “Edit Link Element” list that pops up, click on “Create and Connect Page”.

4. Select “EDUC Home” from the “Content Class Groups”.

13

5. Select “Open Body” from the “List of Content Classes”.

6. Enter a headline for the page and click “OK”. 7. The page will now appear in the parent page’s hidden list. 8. Open the page from there and make edits. 9. To include a text link to the hidden page, follow the directions in the “Inserting a Link to an Existing Internal Page” section.

Adding a Link to a File to be Imported 1. Highlight or type in text to be linked to the file. 2. Click on the “Insert/Edit Link” icon. 3. In the link properties box that pops up, click on the “Insert File Link” icon (looks like a picture).

4. Click the radio button next to “Select File from Local File System” (your computer or disk).

14

5. Click “OK”. 6. Browse for the appropriate file. 7. Highlight the file.

8. Click “Open” in the “Choose File” window. 9. Select the logical location for the file to be stored from the list of RedDot folders that pops up. 10. Highlight the appropriate folder name.

15

11. Click “OK” to accept or “Cancel” to ignore. 12. Click “OK” to accept changes in the link property window or “Cancel” to ignore.

Adding a Link to an Existing File (on the server) 1. Highlight or type in text to be linked to the file. 2. Click on the “Insert/Edit Link” icon. 3. In the link properties box that pops up, click on the “Insert File Link” icon (looks like a picture). 4. Click the radio button next to “Select File from Server” (RedDot).

16

5. Click “OK”. 6. Select the RedDot folder where the file is stored. 7. Highlight the correct folder in the list of RedDot folders that pops up.

8. Click “OK” to open the folder. 9. Select the file. 10. Scroll through the files to locate the appropriate file. 11. Click on the file image to preview the file. 12. Click on the file name to select the file. 13. Click “OK” to create link to this file or “Cancel” to ignore.

17

14. Click “OK” to accept changes in the link property window or “Cancel” to ignore.

Saving Changes and Exiting Text Editor 1. Click “Save” to save changes and continue working in the text editor. 2. Click “Cancel” to ignore changes and exit the text editor. 3. Click “OK” to save the changes and exit the text editor.

4. Submitting to Workflow

18

5. After you have made your changes in RedDot, you must submit your work to the workflow. After submission, the work will be reviewed and published. 6. Click on “Tasks” in the left navigation. 7. Click the box next to the pages you want to submit to workflow. You can also choose “select all pages”. 8. Select “submit pages to workflow”.

Interactive Media Services College of Education and Health Professions University of Arkansas Fayetteville, AR 72701 [email protected] (479) 575-5117 19

20