HTML5 Foundations for Teachers foundation

HTML5 Foundations for Teachers

Notes for Teachers:

This HTML5 Foundations course, is nearly identical to the course used to teach students. 

HTML5 is a great choice (as a first coding language,) because it introduces students to universal coding principles, it is visual, works on any type of computer, and is easy to understand.

Like all StudioWeb courses, this course is vocational - your students will be learning practical real-world coding skills. 

Teaching style:

All StudioWeb courses make heavy use of the spiral teaching menthod. Each video lesson is reinforced by both code challenges, and multi-choice quizzing. All student activity is tracked, and graded in real-time, exclusively available to the teacher. 

To encourage students, you will find a bit of humour to lighten the mood ... especially in the first few chapters. 

Since students get instant feedback and help from StudioWeb, many teachers like to use a self-paced teaching style, because the learning experience is much better for students. Besides the fact it makes the classroom run so much smoother! 

About the course:

In this course, you will learn the basics of HTML5, which is the foundation language of web design and web development. This is the first step in learning how to code web apps. By the end of the course, you will be able to build simple websites.

But more important, you will understand many key nerd concepts, that will propel you towards becoming an app developer.

Prereqs: None!

Course Outline:

  • Chapter 1: The Basics
    • Introduction to the course
    • First look at HTML
    • HTML and the web pages it creates
    • How to view the source of a web page
  • Chapter 2: Behind the Pages
    • Breaking down HTML
    • HTML tag basics - part 1
    • HTML tag basics - part 2
    • Web design apps
    • How HTML handles video, audio and images
  • Chapter 3: Build your 1st Web Page
    • Setting up the basic HTML page - part 1
    • Setting up the basic HTML page - part 2
    • HTML tag rules - part 1
    • HTML tag rules - part 2
    • Versions of HTML and doctypes
    • Peculiar text behaviour and tag spacing
  • Chapter 4: Build your 1st Website
    • What exactly are websites - part 1
    • What exactly are websites - part 2
    • Hyperlinks - part 1
    • Horizontal rule tags
    • Header tags
    • Hyperlinks - part 2
    • Hyperlinks - part 3
    • Paths
    • Clients vs servers
    • Root directory
    • Closing the chapter
  • Chapter 5: The 9 Essential Tags
    • Introduction
    • The break tag
    • Images - part 1
    • Images - part 2
    • Images - part 3
    • Images - part 4
    • Images - part 5
    • Images - part 6
    • HTML list - part 1
    • HTML list - part 2
    • Text formatting
    • Inline vs block tags
    • HTML comments
    • Domain names
  • Chapter 6: HTML Forms
    • HTML forms - part 1
    • HTML forms - part 2
    • HTML forms - part 3
    • HTML forms - part 4
    • HTML forms - part 5
    • HTML forms - part 6
    • HTML forms - part 7
    • HTML forms - part 8
  • Chapter 7: HTML Tables
    • HTML tables - part 1
    • HTML tables - part 2
    • HTML tables - part 3
    • HTML tables - part 4
    • HTML tables - part 5
    • HTML tables - part 6
  • Chapter 8: The Head Section and Meta
    • The ‘lang’ attribute
    • Meta Tags
    • More about the Head