Direct publish of a .zip containing a .html to your Moodle site

One way to upload multiple files at once to Moodle is by uploading a zipped folder (.zip file extension). This may come in handy if, for example, you need to upload a .html file and its associated images, such as an accessible alternative to a PDF course reading. Here's how to upload a .zip folder containing a .html file to your Moodle course.

Upload the .zip file

1. Turn on Edit mode in your Moodle course (switch in upper right corner).
2. Add an activity or resource, then choose File.
3. Fill out the required field Name.
4. In the “Select files” section, open the File picker by clicking on the + icon button or clicking inside the dashed drag-and-drop area.
5. In the “Upload a file” section, click the button Choose File. Navigate to your .zip file, select it, and click Open.
6. Click the button Upload this file.

Unzip the .zip and set the main file

Video instructions:

1. Once the file is showing in the “Select files” area, click on the file.
2. In the dialog box that pops up, click the button Unzip.
   • Once unzipped, in the “Select files” area you will likely see:
     • the original .zip file AND
     • either the .html or .xhtml file, if there are no images
     • OR a folder, if there are images
3. Delete the .zip file.
4. If there is a folder, click on the folder and then the .html or .xhtml file inside it.
5. Click the button Set main file.
6. Click on Save and return to course.

When you click on your file in the course now, it should open up the .html file in your browser.

For more information on posting displaying a website index page or .html to your Moodle site, refer to Moodle's File Resource Settings page.