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

CSS How to Make a Website Adding Pages to a Website Add a New Page

Nazik Turdakunova
Nazik Turdakunova
190 Points

I need to know how to build a site on notepad and save all the files and folders so I can run it on a website.

Working on Workspaces is nice but how do I put this on my computer and how do I structure it in folders so I dont miss anything. I'm confused how this translates to actual windows folders and not the Treehouse program

2 Answers

Hi Nazik

I have never had to download the workspace as I only use it for practice. But you can go to file and then download workspace. if its just static html , css, and javascript just unzip the workspace in a folder and you should just be able to open the html file and it should work fine. If its server side language like php you would need to make sure you unzip the file in your local apache www folder. hope this makes sence.

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

I do this all the time and it's pretty simple. You want to follow the same file structure you see in workspaces.

First, create a folder to hold your files; the name is not important, just as long as you know what it is and where to find it. In that folder put all of your html files.

Second, within that folder, create a css folder and an images folder. Save your css files in the css folder, and the images in the other folder.

When you create your folders and files like this, everything will work the same as in workspaces. The link you use for your css files will still be css/style.css and for images img/photo1.jpg (or whatever file/folder names you created).

To view your web page, open the folder and double click your html file. That should open it in your default web browser. To open the actual html, right click the file and choose to open with notepad. (might be a little different if your using a mac)

Also, I would suggest to download a better text editor than just using notepad. I use both Sublime Text 2 and Notepad++, which you can use for free. These work similar to workspaces and will color code things, auto-indent, add closing tags, and other cool things that are super helpful in coding.

Hope that helps!