Course info
Dec 14, 2012
2h 26m

The Web can be a daunting place, with literally hundreds of technology options. You could spend years trying to understand all of the ways to design, develop, and publish a web site. This course cuts through the mountain of options, and shows you how to develop and publish a web site in less than half a day. If you have never built a web site, and want to learn the basics of web development without going overboard with theory, this course may be what you are looking for. We'll use the Microsoft technology stack to build a web site from scratch, describing each step from a developer's perspective with just enough context to understand what you are developing.

About the author
About the author

Doug has spent the last 20+ years in the software industry - gradually evolving from a pure bits and bytes guy to a technical strategist, content/messaging guy, and technology evangelist, with a few years of marketing thrown in for balance. He's currently a program manager for Visual Studio at Microsoft.

More from the author
How to Have a Better Career in Software
1h 1m
Jun 24, 2014
Section Introduction Transcripts
Section Introduction Transcripts

How the Web Works
Hi, my name is Doug Turnure and this course is titled, How to Build Your First Website. As the title indicates, I'm going to show you how to create a basic website using the Microsoft platform. At the end of the course, you will have seen every step needed to create a complete website, ready to publish as is or you can tailor to your specific needs. I'll walk you through each step of the way, give you just enough background to understand what's going on without bearing you in theory or skipping over some of the essential steps. The goal is just how to teach you how to develop a website and understand the basic components that comprise it. We'll start by showing you the finished site, and then take you on a guided journey to create it. We encourage to build alongside the course to drive home these principles, and the course includes a lab that will take you step-by-step through the entire process. You'll see me write every line of code along the way. We're not assuming any prior knowledge of web development, although it does help to understand basic developer skills in general. Pluralsight has a great set of deeper dives into web development and you should look there if you want to get more advanced instruction on building websites.

Building the Site
Good news, it's time to start building our web site. Now, the site we're going to build will have three kinds of files in it. And I do want to take a moment and cover them before we just start slinging files all over the place. For this basic web site, we'll work with these three main sets of files. First, the HTML pages themselves. These will hold the HTML that we've been looking at. And they will follow a standard header and body format. They will be text files, and their extension will be. htm. The second kind of files that you're going to see will be CSS files. HTML files reference the CSS files by name, which makes the styles for that CSS file available to the HTML file. As we've mentioned, CSS is an ideal way to reuse your styles across pages without having to copy-paste the whole thing each time. Just like the HTML files, the CSS files are text files, but you'll see they have a. css file extension. Finally, we'll have few images that we're going to use in the site. Now they're just basic pictures, but it helps to group them in a directory for easy access and updating. I've included some pictures that you can use for the site, but if you are so inclined you are welcome to use your own. You'll just need to use your file names in the places in the site that reference them rather than my file names. There are so many more types of files you can use in a web site, including JavaScript files, video files, resource files and DLLs. You should explore each of these, and how they can make your web sites even better. But for now, we're going to focus on the three types of files mentioned above as a foundation for your future web endeavors. So let's get started.

Adding Script
Okay, we've built our website and it's ready for use as is. But really, there's a whole lot more you can do on a site like this, and I thought it would be helpful to offer one additional topic to round out some of the core capabilities. Up until now, everything we've put on the site is oriented towards requesting a page and drawing it. I want to show you how you can execute code on a page in response to a user request. You can actually execute code both at the web server prior to sending the page back, and on the client side in the browser when the user takes some action, such as clicking on one part of the page. In this topic, I'm going to add a little piece of code on both the client and server side of the website, so that you can see how to add your own code to the website. We'll also use a form to send input data to the server. Let's start by taking a look at how code fits into a typical web request and response.