ims reddot tutorial

Upload: lakshmisravani9380

Post on 30-May-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/14/2019 Ims Reddot Tutorial

    1/20

    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

  • 8/14/2019 Ims Reddot Tutorial

    2/20

    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

    http://reddot.uark.edu/http://reddot.uark.edu/
  • 8/14/2019 Ims Reddot Tutorial

    3/20

    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

  • 8/14/2019 Ims Reddot Tutorial

    4/20

    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 Officesoftware. 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

  • 8/14/2019 Ims Reddot Tutorial

    5/20

    2. You will have the option to insert an image from either the local file system (onyour 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

  • 8/14/2019 Ims Reddot Tutorial

    6/20

    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 locationfor 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 willappear. Scroll through the pages to find the correct image.

    6

  • 8/14/2019 Ims Reddot Tutorial

    7/20

    3. Click the name of the correct image (not the thumbnail).You will see a descriptionon 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

  • 8/14/2019 Ims Reddot Tutorial

    8/20

    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 aborder, 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 textfrom 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 screenreaders and the ALT text will be read to describe the image. ALT text is alsoused to describe images as they are loading into web pages and to help searchengines find web pages.

    7. Preview the changes made by clicking Preview.

    8. Click OK to keep the changes or Cancel to ignore them.

    8

  • 8/14/2019 Ims Reddot Tutorial

    9/20

    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 visibleborder, set the border width to 0.

    6. Set the cellpadding (distance between items in the table cells and the table cellboundary).

    9

  • 8/14/2019 Ims Reddot Tutorial

    10/20

    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

  • 8/14/2019 Ims Reddot Tutorial

    11/20

    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 willforce the page to open in a new window. The COEHP webpage will remain openalso, which will keep users from getting lost after they browse the external linkpage.

    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

  • 8/14/2019 Ims Reddot Tutorial

    12/20

    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 isthe 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

  • 8/14/2019 Ims Reddot Tutorial

    13/20

    Creating a New PageWhen creating a page, it is important that it is placed in a hidden list that belongs to itsparent page (the primary page to which it belongs). This will allow the page to show upin 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

  • 8/14/2019 Ims Reddot Tutorial

    14/20

    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 pages 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 aLink 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 (lookslike a picture).

    4. Click the radio button next to Select File from Local File System (your computeror disk).

    14

  • 8/14/2019 Ims Reddot Tutorial

    15/20

    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 foldersthat pops up.

    10. Highlight the appropriate folder name.

    15

  • 8/14/2019 Ims Reddot Tutorial

    16/20

    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 (lookslike a picture).

    4. Click the radio button next to Select File from Server (RedDot).

    16

  • 8/14/2019 Ims Reddot Tutorial

    17/20

    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

  • 8/14/2019 Ims Reddot Tutorial

    18/20

    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

  • 8/14/2019 Ims Reddot Tutorial

    19/20

    5. After you have made your changes in RedDot, you must submit your work to theworkflow. 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 alsochoose select all pages.

    8. Select submit pages to workflow.

    Interactive Media ServicesCollege of Education and Health Professions

    University of ArkansasFayetteville, AR 72701

    [email protected](479) 575-5117

    19

    mailto:[email protected]:[email protected]
  • 8/14/2019 Ims Reddot Tutorial

    20/20

    20