Web Design & Development 1 in HTML & CSS -- Unit 2 Introduction to HTML
This is the second in an eight-unit course which aims for students to master HTML & CSS basics to write complete static web pages. This unit allows students to begin mastering HTML by exploring and applying appropriate HTML tags for web content.
The materials are classroom-ready and created in easily editable formats (such as HTML and Word documents) for quick customization. A variety of activities are provided, including hands-on work with professional tools, worksheets and assessments with answer keys, and web pages and web apps made specifically for use in this course.
This package includes the complete resources for Unit 2 (Intro to HTML), including lesson plans, answer keys, and project files. The zip file contains 6 primary folders organizing the unit:
Lesson 1 - What is HTML: In this lesson students will learn the purpose and basic structure of HTML documents, including the parts of HTML tags and a list of basic HTML tags to use in their pages.
Lesson 2 - Using a Template and Tags: In this lesson students will begin professional web development practices by using an HTML template for getting started with HTML documents, at the same time practicing building the nested structure of HTML code and choosing appropriate elements for basic text content. The lesson files include an annotated template file and an interactive web page to facilitate independent practice.
Lesson 3 - Choosing Appropriate Tags: In this lesson students will expand their list of useful tags to include new HTML5 semantic markup, and they will practice choosing appropriate tags to match design elements and specific kinds of content. The lesson files include a worksheet with answer key as well as several sample designs annotated with good choices for HTML tags.
Lesson 4 - Testing and Debugging HTML: In this lesson students will overcome typical issues when writing HTML code, including syntax errors, malformed tags, and lack of whitespace conventions. They will find errors in a provided project and then return to previous work to verify the quality of their own code.
Unit Activity - My Web Elements: In this activity, students will build, from scratch, a web site that catalogs useful HTML tags. They will get hands-on practice choosing, using, and testing their HTML code in a multi-page site, the contents of which will serve as a formal review of useful HTML tags. Complete instructions for students are provided, as well as additional notes for instructors.
Review and Assessment: Use the providedintro-to-html.html reading as a summary review document with suggested activities that students should be able to complete on their own by the end of the unit. The provided assessment may be used directly as an exam or modified as needed.