Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

HTML + CSS - HOW TO BUILD A WEBSITE

via Skillshare

Overview

**Take this class for free with Skillshare's 2 months free offer! http://skl.sh/2FUOh3K **

In this class, we will be building a portfolio website from scratch, no previous coding knowledge required! We will start from the very beginning, and walk you step by step through the tools and technologies you need to get started.

What you'll learn: 

  • HTML5 
  • CSS3
  • How to animate elements of your site
  • Mobile responsive development

Students will walk away from this course with a single page portfolio site that they can customise to suit their own personal style and professional needs. 

In building this website, you will gain a foundational knowledge in HTML, CSS and website development, upon which you can continue to build well into the future. 

What we are building: 

A demo site for our class project can be viewed here. Designs can be accessed by downloading the class files in the 'your project' section. 

Useful Links: 

  • Mozilla Developer Network
  • Normalize.css
  • CSS Selectors
  • Media Queries
  • Stack overflow - best place for finding solutions to web development problems
  • Position
  • Display
  • Unsplash.com - high quality, royalty free images 
  • https://icomoon.io/app/ - SVG icons (free and paid)
  • CSS Colors
  • Coolrs.co - great for picking colour schemes! 
  • HTML Validator - paste your broken code here to find out the problem
  • CSS Validator 

Find me online: 

  • Instagram
  • Twitter
  • Linkedin
  • Github

Syllabus

  • Introduction
  • Lesson 1: Getting Started
  • Lesson 2 - Part 1: Navigation
  • Lesson 2 - Part 2: Navigation
  • Lesson 3: Header
  • Lesson 4: Portfolio
  • Lesson 5: About
  • Lesson 6: Contact
  • Lesson 7 - Part 1: Making our site responsive
  • Lesson 7 - Part 2: Making our site responsive
  • We did it!

Taught by

Verity Stothard

Reviews

Start your review of HTML + CSS - HOW TO BUILD A WEBSITE

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.