Build Your First HTML & CSS Website

 231 Reviews Add a review

Published February 2015

Build your first website from scratch

Think you can build a website from scratch? We think you can too.

Russ Weakley has put together this compact getting started course — one in a series in which you’ll develop a beautiful, responsive website that you can use for your portfolio, product page or personal site.

In this course you’ll take a design and turn it into a working website without wasting time Googling for help. Russ’s simple templating process is one you’ll use again and again.

Take a look at what you’ll be building: Nice, huh?

The course was reviewed by Aurelio De Rosa, another seasoned front-end genius.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

This course will show you how to convert a final website design into a fully functional HTML and CSS template

Gain a detailed understanding of how to:

  • convert designs into HTML/CSS layouts
  • create simple CSS pattern libraries
  • use a systematic methodology for class naming (and why it matters)
  • set up your HTML files
  • use inline, background and sprite images

  • Closed captions available
Meet your instructor
Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.

Lesson 1: Introduction
Introduction 1:32
Exploring New Methodologies 8:18
Lesson 2: Reviewing the Project
Folder, Files and Images 2:21
Reviewing the Initial Markup 7:56
Review the Images 2:26
Step 1: Set up the base.css 4:26
Lesson 3: Setting Up the Layout
Setting Up the Rows and Containers 8:32
Containers 5:24
Lesson 4: Cleaning Up the Layout
Creating Columns and Cleaning Up 9:09
Clean Up 1:15
Lesson 5: Styling the Header
Styling the Banner Module 4:35
Styling the Header 7:23
Styling the Banner Content 3:45
Lesson 6: Styling the Features
Styling the Features and Photos Modules 8:49
Styling the Photos Area 2:08
Lesson 7: Styling the Content
Styling the Testimonials and Fact Modules 5:55
Styling the Facts Area 8:05
Lesson 8: Styling the Footer
Styling the Press Area 5:22
Styling the Footer Area 4:32
Lesson 9: Validating and Testing
Validating the HTML/CSS 5:01
Browser and Device Testing 6:22

Leave a Review