Build Your First Website: HTML & CSS


 221 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: http://buildyourfirst.website/html. Nice, huh?

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

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

Leave a Review