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
michellesyverson
3,528 PointsWhere's the multipage website training?
I guess I'm a little lost around here. I've been doing the Web Designer course for almost 2 months now and am 3/4ths the way through it, just finished the nightmare that is Javascript. Now it goes into Interactive websites and they've already taken the Smells Like Bakin site and added more pages to it. This is the big thing I've been waiting to learn since I finished CSS and HTML so I can redo my portfolio website in code and get it off of Wix. So where is that lesson? I've done the Simple website and the Responsive website sections, where am I supposed to learn how to add more pages in the code?
Also, I was just looking around here and found training on WordPress. According to the first 2 videos I watched, there's no coding with WordPress. So it's just like Wix? I was going to redo my site with WordPress but now I'm not seeing the point since that won't prove to a potential employer that I do know coding. This is leaving me confused as to how to redo my site in code. Or am I just wasting my time redoing it? It does look pretty nice as it is and I get plenty of compliments on it, I just thought I'd have to prove myself with a coded website. Thoughts?
TIA!
6 Answers
Shawn Denham
Python Development Techdegree Student 17,802 PointsHi Michelle,
Adding more web pages is an extremely basic concept. You just need to create the other page then link to it via an <a> tag.
for example <a href="myOtherPage.html">My Other Page</a>
Its been awhile since I have watched those but I can't imagine that they don't cover <a> tags in the intro videos. Again this is an extremely basic concept in coding websites.
Now for Wordpress...
Wordpress is a blogging framework that is implemented with HTML/CSS/PHP. It is designed to be extremely user friendly so you can just pick a theme and start blogging away. You can however (and a lot of people make their entire income off of) design themes and plugins that change the way a Wordpress site looks and works. The first set of Wordpress videos just take you through installing and using Wordpress features. There is also a course that shows how to get under the hood of Wordpress and code up a new theme. I would take the base course first though so you understand what Wordpress is and how it works.
Sorry for the wall of text and I hope this helps
You are on the right track to become a web developer so keep at it! :)
michellesyverson
3,528 PointsHi Shawn,
Thanks for the quick reply! Yeah I get the href tag and I figured that would be used in the code to make it all happen but I was expecting more help. They show me how to design the navigation bar but they don't spell out how to make it function. Seems to be a disconnect for me. I'll go back to that section and see if I can figure out how to link it to the words in the nav bar but since I'm paying to learn here, it would have been nice if they had a vid on it so I wouldn't have to guess. I have run into a few things they didn't dumb down enough for this beginner.
Thanks again!
Shawn Denham
Python Development Techdegree Student 17,802 PointsThe navigation is nothing more than an unordered list with link tags in it. To accomplish this we first take an unordered list.
<ul></ul>
Then we need to figure out how many links we want and wrap those in <li></li> (list item) tags. So if we know we want a Home page, Products page and Contact Us page we would add the following to our unordered list would look like this:
<ul>
<li>Home</li>
<li>Products</li>
<li>Contact Us</li>
</ul>
Now we have our unordered list and our list item that we want to turn into links. To do that we add <a> tags!
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
And that is really all there is to it minus the CSS styling.
Here is a code pen of it...it's ugly because there is no styling but it is a functioning navigation!
Kevin Korte
28,149 PointsI'll add, Wordpress can be up and running, without writing any code, or you can really get your hands dirty in code.
It is NOT anything like Wix or a WYSISWG editor. You can build on top of the core WP files, create your own theme from scratch, and to do so you'll want to be familiar in PHP, HTML, CSS, and it wouldn't hurt to know some javascript or Jquery.
I would say on average when I build a one off custom WP site, I end up with at least a dozen separate code files, and easily a couple thousand lines of code (PHP, HTML, CSS, & JS) when it is all said and done.
Sharon Walls
9,234 PointsShawn gave really great tips. I think you might be asking something even simpler; apologies in advance if I'm off-track.
To create a new page, you simply open up a blank text document (Notepad in Windows), click "Save" and name the file with a .html extension instead of the usual text extension. For example, "about.html" would be a good name for an "About" page.
That's it. You have a new, completely blank page ready for you to write code. (Hint: Your next step is to put in the DOCTYPE, etc. so it validates, just like you did when you made the first page).
Save it in the same directory as your other files and you will see it appear in a text editor like Sublime Text 2 too.
michellesyverson
3,528 PointsThank you so much Shawn, I have saved what your wrote up so I can reference it when it the time comes. That's exactly the assist I was looking for. And I will go ahead with the WordPress stuff and see if that helps me figure out whether or not I need to redo my site.
Thanks for trying to help Sharon, I appreciate it. Shawn answered my questions.