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

General Discussion

Johan Rönkkö
Johan Rönkkö
28,054 Points

One page website track request

Hi teamtreehouse, I'd love to build a one page website since my ongoing project is low on content. Sadly I can't find any toturials on how to build one. I'd really love if you did a course or even a track on how to create one. I also wonder what knowledge it takes to build a one page website. I know html, css and ive just got into sass and javascript. Should I be learning something else for this project? What methods?

3 Answers

Kevin Mulhern
Kevin Mulhern
20,374 Points

What will the user have to do on the site Johan? Does it need dynamic content stored from a database? if so you will need a backend. Or is it just a static page that will have the same content and wont need to be updated regularly? if so html and css will be enough.

Johan Rönkkö
Johan Rönkkö
28,054 Points

No it wont be dynamic so i guess no backend is needed in this project. I think my problem is I don't know how to link my nav so that it moves to a certain location on my webbpage.

Kevin Mulhern
Kevin Mulhern
20,374 Points

That would be known as a anchor link. It is covered in this section of the html course.

You have to give the section or div of the page that you want to go to with the link an id attribute, for example:

<div id="section1"></div>.

Then in your link tag you would make the href attribute the same as the link, for example:

 <a href="#section1"></a>