Mr. Manning's Web Design Class

Welcome to Mr. Manning's Web Design Class

I hope you enjoy this class. If you would like my help with a project please fill out this form. If you find this class useful please consider donating to help fund it.

- Mr. Manning

Under 13 years old?
Students: To participate in this class you will need to have a parent or guardian create an account with Github, and provide you access to their account.
Parents/Guardians: Github is a website where professional coders store and share the programs they write. Glitch is a website where you can code your own website and share it with the world. Both of these companies would happily welcome children under 13 who want to learn to code, but do not want to deal with the regulations involved. What you can do is create an account with Github, it only takes a minute, and then allow your child/student to use your Github account under your supervision.


Getting Started

First Website

HTML

  1. HTML Text
  2. Links and Images

CSS

  1. Colors and Space
  2. Divs and Classes

Fake News Website

Flexbox

  1. What is Flexbox
  2. Flexbox Design 1
  3. Flexbox Design 2

Advanced HTML and CSS

  1. Customizing Text and Shadows
  2. Multi-Page Websites
  3. Hover and Transistions

Finishing Touches

  1. One Time Animations
  2. Infinite Animations
  3. Responsive Menu with @media

Simple Website Designs

Website Templates

  1. Simple Website Template 1
  2. Simple Website Template 2
  3. Simple Website Template 3

Try it Out

In-person students create a website for one of your teachers and turn it in. If you previously completed the build-your-own project you can skip this.

You are ready to move on to Javascript