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
Linking this site as a page to my website I made in the HTML classes.
I want to add the Lake Tahoe website that I created in the CSS videos to my portfolio website I created in the HTML videos. I want to make it a link from one of the image. How would it be best to go about this? I'm using Cyberduck and Brackets to try to edit this html and css in, but I'm not sure how to do that.
Greg Kaleka39,021 Points
The easiest way to do this is to add a folder to your project and then dump all your files from your Tahoe example into that folder. Then you can link to that folder (directory) from your portfolio page.
For example, let's say your site is at www.tiffanyclark.com. In the root of your project, you'd add a folder called tahoe-example, and all your Tahoe files would go in there. Then, you would simply link to www.tiffanyclark.com/tahoe-example, and clicking on that link would bring you to your Tahoe page. If you wanted to move it out of the root of your project, you could do something like /examples/tahoe-example by adding an "examples" folder in the root.
The one thing you need to be careful of is links (to stylesheets, for example), and where they're pointing to. I dont remember how the Tahoe site was set up, but for example if you have a root-relative link to /style.css, that won't link to www.tiffanyclark.com/tahoe-example/style.css, but rather www.tiffanyclark.com/style.css.
Let me know if this makes sense!
<a href="web address of where you want to link to">
<img src="path to your image">