Adding pictures to Blackboard

Adding pictures to Blackboard can add interest and break up the text!

Here is the method I use. Let me know if you have a different or better way! Below is a screen shot from one of my courses. See how the text is above and below the picture?

Pic1

Quick steps to add a picture: (Be sure you have the legal rights to use the picture.)

  1. Blackboard > Assignments (or whatever section you want) > Edit View > New Item or Folder > Name it as usual
  2. Click in the text box > Add your text > Click the Attach Image button (second button the second row of tools)
  3. In the Insert Image dialog box > click Browse and find the picture file you have saved on your computer > Set Width (between 150 and 600 pixels) > Leave the Set Height blank to keep the picture proportional > Click No for Launch in new window > Add descriptive Alt Text for screen readers > click Submit
  4. Copy and paste the attribution information below the picture and format size 1

Below is another screen shot from one of my courses. See how the picture is beside the text?

Pic2

Quick steps to add a picture beside text (using a table):

  1. Blackboard > Assignments (or whatever section you want) > Edit View > New Item or Folder > Name it as usual
  2. Click in the text box > Click the Create Table button (middle of the first row)
  3. In the Enter Table Information dialog box > Rows 1 > Columns 2 > Submit
  4. Click in one cell and add your text (this may make the second cell skinny but don’t worry)
  5. Click in the other cell > Click the Attach Image button (second button the second row of tools)
  6. In the Attach Image dialog box > click Browse and find the picture file you have saved on your computer > Set Width (between 150 and 600 pixels) > Leave the Set Height blank > Click No for Launch in new window > Add descriptive Alt Text for screen readers > click Submit
  7. Copy and paste the attribution information below the picture and format size 1
  8. If you don’t want to see the table border, click the Toggle HTML Source Code button (second to last button in the first row) and look for the table code <table border=”1″ align=”baseline” style=”width: 100%;”> and change the table border to 0. Click the Toggle HTML Source Code button again to view the result.

Where can I find high-quality pictures related to my topic?

There are a lot of great sites where you can find pictures in the public domain. Go to http://en.wikipedia.org/wiki/Wikipedia:Public_domain_image_resources then scroll down to find some good collections.

You can also use FlickrCC http://flickrcc.bluemountains.net/ to search for images that are free for non-commerical use. Once you find a good picture, select and copy the attribution information, then click on the image name to go to Flickr. Click All Sizes and dowload the size you want. Once the file is saved, right click and edit the properties (details tab) to keep the attribution information with the picture (so you can give credit when you use it).

What if I want to use my own digital photos?

You should resize your picture before you bring it in to Blackboard if it is a full size high resolution photo from your digital camera. You can (1) use an image editing program such as Photoshop (Use the Save for Web and Devices option) or (2) use a website such as http://www.picresize.com/. Depending on the picture and where you want to put it, you will want it to be anywhere from 150 to 500 pixels wide (and don’t enter the height to keep it proportional).

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s