Submitting Assignment Files

Package up and Check your submission

Important to ensure you submit all files for grading

In this section...

you will zip up the work folder containing all the files you wish to submit. Next, you will copy that zip file to another directory, unzip it, and test with VS Code and Live Server.

If you encounter any problems, you will go back to the work folder, fix things, and redo these steps.

When you do submit your work, you will be confident that all the work is available in the zip file for the instructor to grade.

Zip Up Your Files

If you followed the advice in the Course and Starter Files section, you already have all of the assignment HTML and CSS files in a single work folder. If not, create a folder and copy all the files you will be submitting into that new folder.

On a Windows system, right-click on the folder > select Send To > Compressed (zipped) folder. A zip file will be created with the same name as the folder.

On a Mac system, Control-click on the folder > Select Compress. A zip file will be created with the same name as the folder.

Copy Zip File to Another Folder

You will copy the zip file to another folder and unzip it to verify all the files are in the .zip

1. Copy the newly created zip file
2. Create a separate folder. This is just for testing, so you can delete it after the test or wait until the end of the course (since you will test each assignment before submitting)
3. Paste the zip file in the test directory
4. Unzip the files:

• On a Windows system

  Right-click on the zip file > Select Extract All. Click Extract

  Microsoft Windows help page

• On a Mac system

  Double-click on the zip file. Files are unzipped into the same directory

  Apple's help page

Open Files in VS Code and Test

When grading assignments, the instructors will follow these steps to view your web pages.

By doing this yourself before submitting your work, you can verify the zip file contains the correct files and is not missing anything.

1. Start VS Code
2. File > Open Folder
3. Navigate to the folder containing the unzipped files
4. Open the main html file (should be index.html)
5. Start Live Server
6. In the web browser, view the pages and ensure everything is working as you want it to

If everything looks correct...

Submit the zip file, as described in the next section

Something does not look right...

• Ensure that all the files in your work folder are in the zip file
• Go back to your work folder and fix any issues. Redo this whole process again once you fix things

Upload Zip File to Canvas

1. Open the assignment in Canvas
2. Click on the Upload File button
3. Navigate to your work folder and select the zip file
4. Click Submit Assignment

Canvas's Student help page

Review

Zip up the work folder containing all the files you wish to submit.

Copy that zip file to another directory, unzip it, and test with VS Code and Live Server.

If there are problems, go back to the work folder, fix things, and redo these steps.