Topic 04:
HTML Pt. 1

It’s time to really begin working with HTML. Project 1, You’re First Web Page! was made using HTML, although you may not have really understood what each character meant.

We’ll begin by going over the elements you were exposed to last Topic, and conclude with a more involved index.html poised to head Project 2.

This includes:

  • !DOCTYPE Declaration and Other Main Elements
  • Semantic Markup
  • Lists

Introduction to Project 2

Project 2: The Instructable

Your second project is all about the web's major language, and creating functional, clean code.

Duration: 3 Topics/Weeks

Timeline/Project Breakdown:

  • Part 1: An Instructable Index (summary, list of materials)
  • Part 2: Figures and Forms (step-by-step directions with images, self-created quiz/order form/submission form over your directions)
  • Part 3: Managing Media (videos, about page)

Project Part

Topic Goals

By the end of this Topic, you should have begun Project 2 and started your “Instructable,” or illustrated step-by-step guide. This first part (or page) will be your index.html, which will contain your overview and project summary.

Explore the Instructables website to get some ideas!