Try   HackMD

Hosting html files on Blackboard

If you make your notes into accessible html files, or if you make html files with embedded videos, sections of notes and questions, you can easily upload and host them on Blackboard.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Table of Contents

Instructions with screen shots

Upload your notes

  • Zip the folder containing all html files, images, css files and java script files up together.
  • In Blackboard, go to "Content Collection", and click on the name of your module.
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • Click on "Upload" and then "Upload Zip Package".
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • The folder will automatically unpack.
  • Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
    If you change your notes, "Upload Zip Package" again and tick the box in front of "If seleted, the system automatically overwrites the existing file with the same name." This way, all your links to the files will still work.
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • On "Learning Materials" (or where you want them), click on "Build Content" and select "Item" or "File".
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • For "File":
    • Enter the name you want students to see, e.g. "HTML notes".
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • "Browse Content Collection" and select the radio button next to the main html file (e.g.index.html). Click "Submit".
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • Click "Submit".
    • Students can now access the notes. Experiment with “open in new window”, to get it how you want it.
  • For "Item":
    • Create text in your item as you want it.
    • Highlight the text to use as your link (e.g. "HTML notes"), and click the "Insert/Edit Link" icon in the editor. (Keep in mind the accessibility guidance about text for links.)
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • For the Link Path, "Browse Content Collection" and select the radio button next to the main html file (e.g. index.html), as above.
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • Click "submit".
    • Students can now access the notes. Experiment with “open in new window”, to get it how you want it.

Instructions without screen shots

Upload your notes

  • Zip the folder containing all html files, images, css files and java script files up together.
  • In Blackboard, go to "Content Collection", and click on the name of your module.
  • Click on "Upload" and then "Upload Zip Package".
  • The folder will automatically unpack.
  • Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
    If you change your notes, "Upload Zip Package" again and tick the box in front of "If seleted, the system automatically overwrites the existing file with the same name." This way, all your links to the files will still work.
  • On "Learning Materials" (or where you want them), click on "Build Content" and select "Item" or "File".
  • For "File":
    • Enter the name you want students to see, e.g. "HTML notes".
    • "Browse Content Collection" and select the radio button next to the main html file (e.g.index.html). Click "Submit".
    • Click "Submit".
    • Students can now access the notes. Experiment with “open in new window”, to get it how you want it.
  • For "Item":
    • Create text in your item as you want it.
    • Highlight the text to use as your link (e.g. "HTML notes"), and click the "Insert/Edit Link" icon in the editor. (Keep in mind the accessibility guidance about text for links.)
    • For the Link Path, "Browse Content Collection" and select the radio button next to the main html file (e.g. index.html), as above.
    • Click "submit".
    • Students can now access the notes. Experiment with “open in new window”, to get it how you want it.