Introduction

This procedure shows how you can add a picture, graphic or image in jpg or gif format to:

v      Content areas (Course Information, Course Documents or Assignments)

v      Announcements or the Discussion Boards

Adding Images to Content Areas

•  In the Control Panel, choose the area you want to add the item to, either Course Information, Course Documents or Assignments by clicking on it. 
   

• Click Add Item
  
  
   

v       In the Content Information area, type the name of the item in the field labeled “or enter name”
 

v      In the Text box:

            - Click the Attach Image icon as shown above.

            - Browse for the picture (a jpg, gif or bmp file)

            - To put a border around the picture, click the down arrow next to Border and
                choose a number.

           - Alternate text displays when the cursor is over the picture. Add text if desired.

           - Click Submit.

           - The next screen tells you you can resize and reposition the image by dragging it.

     - Click Submit again.

            - If the picture needs resizing, click the image, click on one of its handles and  
         drag to the desired size

            - If the picture needs repositioning, click the image and drag to the place you
         want it to appear.

     - At the bottom of the Add Item screen, click Submit. Then click OK.

v      The image displays in the Item.

Adding Images to Announcements or Discussion Boards

Because the tool bar in Announcements and Discussion boards does not contain an Attach Picture icon you need to attach the picture manually.

This is a two step process.
1. First, you create a place to hold the image, upload the image to that place, and obtain its address in Blackboard.
2. Second, you use that address in a short HTML statement. 
 

Create a place to hold the image and upload the image into Blackboard

v      In the Control panel, open one of your course documents areas and create a folder called "Course Images":

o        Click the Add Folder icon.

o        Type a name, for example, “Images”, next to “Specify your own name”.

o        Click No next to "Do you want to make the folder visible?" so that students cannot see it

o        Click “Submit.”

v      Open your new Images folder and choose "Add Item”.

v      Enter a name for the image next to “Specify Your Own Name” so that you can remember what it is.  For example "Screenshot of completed form"

v      Attach the image file using the Browse button.

v      Leave "Create a link to this file" as the option.

v      Leave the options at Yes, No, No, No.

v      Click "Submit." Your image is ready to be used anywhere in your Blackboard course.

Obtain the url of the image

v      Open the Course Images folder.

v      Right Click on the link to the image you want.

v      Choose Properties from the menu that displays. The file name showing should end in gif or jpg.

v      Highlight the entire URL and to copy it by pressing Ctrl/C.

Use the image

v      In the Control Panel, go to where you want to add the image, for example in Announcements.

v      In the text box, click the HTML icon on the tool bar to move to HTML mode.

v      Add the html code to display a picture in the format <img src="url_of_image"> 

v      Paste the URL you’ve copied so that it replaces url_of_image in the code above. It should now read something like: <img src="http://blackboard.dwc.edu/courses/1/Teaching-Online-Oct03/content/_18280_1/screen1.jpg">

v      Click Submit.
 

Using Images from the Web

To use a web image, get the url of the image by right clicking on it, clicking on Properties and copying the information in the address. Paste this into the HTML code as specified in Use the Image. The image will appear in Blackboard.