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 CSS Basics (2014) Fundamental Concepts Learning Tips and Tools

simon buysse
simon buysse
9,716 Points
Posted by simon buysse
simon buysse
9,716 Points

What would be a good structure for the Lake Tahoe website?

So in the CSS Basics course we made a website about Lake Tahoe. More specific, we made the home page for this website. I think it's a really cool design, and want to work it out for further practice. You can look at a version of the website here http://port-80-p03ns7fvkr.treehouse-app.com/

I do kin of have a problem with the not-so-straightforward structure of the website. To name one thing: There is no navigation bar! Let us for example create a page about the wildlife at Lake Tahoe. When you scroll down on the homepage you can see that there's a need for a page like this. What would be a good design for the wildlife page? I come across 2 more specific questions:

  1. how to keep a consistent design with the home page? For example would you keep the big header picture, replace it with another or completely omit it?
  2. how to implement some good (user friendly) routing on a website like this. For example let's say we want to go back to the homepage? Usually people would click the top logo, or use the navigation bar, but these aren't available.

3 Answers

simon buysse
simon buysse
9,716 Points
simon buysse
simon buysse
9,716 Points

I found out that this kind of style is called a website with a hero image. Here are some good examples of hero image use:

http://line25.com/articles/30-web-designs-that-fully-embrace-the-hero-image

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

The point of that course isn't to teach you the best practices for creating a website's structure, such as headers, navigation, content, and footers, but rather to teach you the basics of CSS and how to style different elements. Other, more advanced, courses do start to teach you how navigation and content should be set up, so eventually you will have your questions answered.

Jaime Rios
Jaime Rios
Courses Plus Student 21,100 Points
Jaime Rios
Jaime Rios
Courses Plus Student 21,100 Points

It is good to know that. I'm just starting to learn and I was getting a little dessparate.

simon buysse
simon buysse
9,716 Points
simon buysse
simon buysse
9,716 Points

Hi Ryan, where would I find these courses? Would this be part of the web design track? (I'm currently on the front-end development track) I can understand that structuring and design isn't the focus of the exercise, but I find it very hard to make a webpage without thinking about how it will look. In fact, it's kind of crucial to know what the layout of your page should be if you want to exercise the code behind such that layout, right?

Nafisur Rahman
Nafisur Rahman
2,149 Points

css basics is one of the courses on the front end web development track, keep going ahead on this and you will get to it