Overview

Status: Available | Released: Jun 19th, 2012

We all spend a lot of time visiting websites. It's where we get information, learn new skills (like at MPV!) and do our shopping. A well-designed web site is much like a beautiful house, with its well-planned layout and attractive look & feel that makes it appealing and comfortable. Great web design is what Eric Freeman and Elisabeth Robson are all about! And in this course-the second course of their multi-part series covering HTML and CSS-you'll start creating your "home on the web", step by step, using nothing but a text editor!

Think of a website's wireframe as an architect's blueprint: this is where you decide where everything will go and what space it will occupy. Like building a house, it's important to get your website mapped out and diagrammed before you start putting in the all-important contents! Elisabeth and Eric show you the ins and outs of this process and explain all the important things you need to keep in mind during a site's design phase.

Next it's time to start adding the details that give your site its unique look: CSS to the rescue! Our web design experts walk you through the writing of your first line of CSS, to give you a taste of what's to come...on your way to creating an awesome-looking and fully functional website!

Stay tuned for the next part of this multi-course series on HTML and CSS and be sure to check out our ever-expanding library of web design courses below:

Outline

Section 1: Section 1: Introduction

1

Introduction

2m 35s

Section 2: Section 2: Wireframes and Structure

Section 3: Section 3: The Basics

Section 4: Section 4: Mapping structure to HTML

Section 5: Section 5: URLs and Anchors

Section 6: Section 6: Taking HTML Further

Section 7: Section 7: The ID Attribute and CSS

Section 8: Section 8: Special Characters

Section 9: Section 9: Industrial-strength Pages

Section 10: Section 10: Summary and Next Steps

27

Wrap up and what's next?

2m 25s

Other courses in this series

What to do next

Embed Video
Recommend It
Take A Quiz

Embed Video

Embed this video in a blog, forum post, or webpage.

Copy

Become an affiliate and earn 50% of every sale you send our way - Sign Up!

Reviews

Highness wrote on October 11, 2018

I love the tutorials
(1)
cosmkcomik wrote on November 15, 2017

For someone just getting started in coding for making my own web pages and browsers, this is a great course outline for most of the common core tags and descriptions for building a simple page. Easy to access and understand, it presents the information very well with the use of descriptions and visual examples.
(74)
Chris C. wrote on May 15, 2016

Awesome first course. It covers a lot of information. What I most value was the "good practice" advise which clearly sets a solid foundation on which to build more knowledge of HTML5. Thank you!
(3)
A Spooner wrote on September 11, 2015

Great tutorial. I learnt more here than I did taking Web Design classes in college. The examples are detailed, in an ordered and clear manner. I love that the trainers provide information about the background for certain aspects of HTML usage. I find this helps in understanding why things are done the way they are. Looking forward to the next course in the series.
(54)
john wrote on May 29, 2015

Very well done. Clear explanations, great examples. I highly recommend this course for people interested in learning HTML and little CSS.
(12)
Felix Flemons wrote on March 7, 2015

Very informative and easy to follow. I learned a lot about HTML tags and elements and how to develope style using CSS. I highly recommend this course.
(1)
BA wrote on January 26, 2014

Awesome Course... Eric Freeman and Elisabeth Robson have done a great job. I am eagerly waiting to be part of their future courses(especially: java script programming, Design patterns,Html5 programming and other courses)
(1)
Mr Taylor wrote on December 6, 2013

HTML 101 was a good intro course and once again I learned a lot and I am looking forward to the next course.
(67)
Eric wrote on October 20, 2013

There simply is no better place to learn this. PLEASE tell me that you will keep building your library of development tutorials!
(10)
ALuckyAngelxxx wrote on October 14, 2013

I like that it begins with basic information and each change made to html gets pasted in the browser to show how it changed the page. I believe everyone will understand html who watches this program.
(1)