I have finally finished reading through tutorials on HTML, CSS, and Javascript (W3 tutorials). I think I have a fairly good understanding of each of these components. Unfortunately, I feel totally lost when it comes to sitting down to put all this knowledge to the test. 
Does anyone know of any full website tutorials that would allow me to dig through their code, see real life examples of how something was done, and see the possibilities of all the snipits of codes that I have learned? I know you can āview sourceā on any website, but I am afraid to try an learn code from random sources. I donāt want to learn how to do something the wrong way!!
Thanks so much for having such patience with the less experienced!
donwload and install webdeveloper toolbar to get a look at any page source code.
But realistically just get started and build your own site. Maybe start off with a template and start off customizing elements and work up from there
Basically, what heās talking about is server-side scripting, itās code that does stuff before itās downloaded and displayed (with the results) to the end user. For example there could be a script fetching information from a database and adding it in the code - then it gets downloaded and thatās what you see when you view a website or the source code. This forum for example will use that kind of scripting to get the content of of posts (and display it as required). However if youāre a beginner, I advise giving it a miss until you know more about the general languages like HTML, CSS and JavaScript (what you can see in the source code) as server-side scripting is MUCH more complex and to start with you probably wonāt end up using much (apart from pre-written solutions). 
Hi BizzyB and welcome to SitePoint.
If you are looking to see how things all go together on any site, just view the source (Right Click > View Source). That gives you all the html and links to the CSS and Javascript files.
Save them and learn from them but dont pinch them!!
Welcome to Sitepoint. I too am very new to web-design, but Iāve found that exploring websites using Firefox 3.6+ with the Firebug add-on is fantastic way to see how other Web developers tailor their approach.
I currently have copies of IE8, Firefox 3.6, Safari for Windows, Chrome, and Opera for checking my markup when I code pages.
Best of luck!
Thanks! I appreciate both suggestions!
I do have one more question (and boy will this show my level of experience). When I āview sourceā on a web page, am I looking at the code for that page only? Since I havenāt put a web site together yet, I am not sure if each page is saved in a different file. Or is all the html code for the whole site in one place with only the css and js files in other documents?
Its the code for that page only.
The HTML may be the result of a dynamic template system but basically what you see on the page is what that HTML represents.
Save a few different pages from different sites and see how others constuct things.
What is a dynamic template system and how do I learn more about that?
Use your favourite search engine to search for CMS and you should get a list of thousands of different server side scripts that provide such a templating system.