YoVDO

HTML + CSS - HOW TO BUILD A WEBSITE

Offered By: Skillshare

Tags

HTML & CSS Courses Web Development Courses Animation Courses HTML5 Courses CSS3 Courses CSS Selectors Courses

Course Description

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

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX