Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Structure the Image Gallery

Download files

I am a beginner in HTML course -- I need to download and upload img Files. I can down load the files but when I go to upload ( drag and drop ) into the selected area on the workspace -- I drag them over and they do not drop in

1 Answer

Jay Padzensky
Jay Padzensky
4,731 Points

Hi William,

Have you unzipped the files before drag/drop? If you attempt to upload the zipped images, Workspaces won't accept them. I've attached a guide to unzip them below.

I hope this helps!

Step 1: Download the files as instructed by the teacher in whatever course you’re currently on. Usually, these files are located in the Project File.zip download found on the video page you’re currently on beneath the Downloads text.

Step 2: Now that you’ve downloaded the Project File.zip, you’ll need to be able to properly open it. Simply double clicking on it will not work. Well, actually… you can open the folder and see the files and move them about, but the files are still compressed which means they will not function properly until you’ve decompressed them. We do that by using an extraction tool to ‘unzip’ them. If you are unsure if you have an extraction tool or not, download the tool called 7-Zip from http://www.7-zip.org/download.html

Now that you have your extraction tool downloaded and installed, navigate to where your Project File.zip is located, right click on it and select 7-zip from the menu that appears (or whatever extraction tool you use) and then select the option that says something along the lines of Extract to “whatever-the-file-name-is-called”

Step 3: You should now have two folders, one still being compressed (zipped) and the other now decompressed (unzipped). Go ahead and click on the unzipped folder to safely access the contents within it.

Step 4: You can now begin moving your files within the unzipped folder to your Workspace. Do this by selecting the files you desire (in my example below, I’m just moving over the image files found in the ‘img’ folder of the Project File I downloaded) and then dragging and dropping them into the bottom left hand corner of your Workspace