Documentation WorkspaceDocumentation WorkspaceHelp Manual ArticlesAdding text and images to an ePortfolio Reflection

Adding text and images to an ePortfolio Reflection

Before you begin, you must have:

  • A ePortfolio Presentation with Reflection made available to you by your instructor.
  • Images uploaded to your ePortfolio as Artifacts.  If you need to upload images, see: http://uwmltc.org/?p=8194
  • Descriptive text composed in a word processing program that can be copied and pasted into your ePortfolio.

You may consider printing this tutorial and referencing it as you work. A printable PDF version of this tutorial can be found here: https://db.tt/bJppV3q3

Step #1

Step #1

If you have not already done so, log in to D2L (http://d2l.uwm.edu) using your ePanther ID and password.  Go to your D2L course site by clicking on the name of your course.

  1. Once you are in our course, click on [ePortfolio] in the upper navigation bar.

Step #2

Step #2
  1. Once you enter your ePortfolio, click on [My Items].

Step #3

Step #3
  1. From the list of items, identify the [Reflection] to which you'll add text and images.  A reflection will be marked by an icon that looks like a green cloud.
  2. Pull down the menu to the right of the reflection.
  3. Select [Edit].

Step #4

Step #4

Before you begin this step:  Open the word processing document containing the text you'd like to add to the reflection.  Highlight the entire document text by clicking into the text area and hitting [CTRL+A] on your PC keyboard or [Command+A] on your Mac keyboard.  Once all the text is highlighted, copy the text by hitting [CTRL+C] on your PC keyboard or [Command+C] on your Mac keyboard.

  1. To paste the text into the reflection, click the [Show All Components] button in the HTML Editor area.
  2. Pull down the menu to the right of the [Paste] button and select [Paste from Word].

Step #5

Step #5

A new "Paste from Word" window will appear.  

  1. Click into the editor field and paste the text you copied from in Step #4 by hitting [CTRL+V] on your PC keyboard or [Command+V] on your Mac keyboard.
  2. Click [Update].

Step #6 (OPTIONAL - Adding Images)

Step #6 (OPTIONAL - Adding Images)

You'll return to the Edit Reflection window.  To add images to the reflection complete the following steps:

  1. In the HTML editor, locate the place in the text where you'd like to insert an image.  Place your cursor between the paragraphs and click [ENTER] on your keyboard a few times to give the image space between the text.
  2. With your cursor in the correct location, click the [Insert Stuff] button (looks like "play," "pause," "stop," and "fast forward" buttons).

Step #7 (OPTIONAL - Adding Images)

Step #7 (OPTIONAL - Adding Images)
  1. Ensure that [ePortfolio] is selected.  Browse for the image from the items already uploaded to your ePortfolio.  NOTE: If you have not already uploaded your images to your ePortfolio, complete the steps in the following tutorial: http://uwmltc.org/?p=8194
  2. Check the box in front of the image you’d like to insert.
  3. Click the [Next] button.

Step #8 (OPTIONAL - Adding Images)

Step #8 (OPTIONAL - Adding Images)
  1. Enter [Link Text] and [Alternate Text]. This can be the same text as the Topic Title.
  2. Ensure that the box in front of [Lock aspect ratio] is checked. This will keep your image height and width proportional.
  3. If your image has a horizontal orientation, enter a number in the [Width] box. It is recommended that horizontal images your images are NO WIDER than 900px.  If your image has a vertical orientation, enter a number in the [Height] box.  It is recommended that vertical images are NO TALLER than 750px.  Because you’ve checked the [Lock aspect ratio], you do not need to enter a number in the other box. D2L will automatically size the height appropriately.
  4. Click [Refresh Preview] to see how your resized image will look in D2L. If you want it larger or smaller, type a larger or smaller number in the [Width] box.
  5. When you’re satisfied with the size, click [Insert].

Step #9 (OPTIONAL - Adding Images)

Step #9 (OPTIONAL - Adding Images)

Once you return to the HTML Editor, you can add additional images, if desired.  Repeat Step #6 - Step #8, until all your images are added to your reflection.

  1. When you are satisfied with the text and image arrangement, click [Save and Close].

Step #10 (OPTIONAL - Adding Images)

Step #10 (OPTIONAL - Adding Images)

In the reflection preview, you can see the arrangement of text and images.  

  1. OPTIONAL: If you wish to edit the text or images, pull-down the window to the right ot the reflection title and select [Edit].
  2. When you are satisfied with the edits, click the [Save and Close] button.

Step #11

Step #11

It is important to preview your reflection in the presentation to ensure that it has been created correctly.

  1. Ensure that you are in the [My Items] area.
  2. To quickly find the correct presentation, you may want to click [Presentations] in the [Filter by:] menu. Identify the Presentation you’d like to preview. Note: Presentations have icons that looks like a little poster board and easle.
  3. Click the [Down arrow] to the right of the presentation title.
  4. Select [View Presentation].

Step #12

Step #12

You'll see a preview of your Presentation.  Click the Reflection Page you'd like to view.

0 Comments

Add your comment

E-Mail me when someone replies to this comment