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.

Table of Contents

• Hosting html files on Blackboard
  • Instructions with screen shots
    • Upload your notes
    • Link to the notes
  • Instructions without screen shots
    • Upload your notes
    • Link to the notes

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.
  
• Click on "Upload" and then "Upload Zip Package".
  
• The folder will automatically unpack.
• 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.
  

Link to the notes

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

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

Link to the notes

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