Grade: Jobs For Youth Webinar Subject: Introduction to Back End
1. Topic-
Basic Web Design
2. Content-
Introduction to Web Design: HTML Part 1

1)HTML - Hyper Text Markup Language
2)Markup tags - tags used to describe web pages.
3)Web Pages - HTML documents
4)HTML Elements - everything from the start tag to the end tag.
5)Opening/Start tag - The opening piece to an HTML element.
6)Closing/End tag - The ending piece to an HTML element.
7)Element Content - Everything between the start and end tags.
8)Nested HTML elements - elements that contain other elements.
9)Empty HTML elements - elements with no content.
10) Attributes - provide additional information about an element
11)HTML Headings - important attention grabbing phrase used to attract traffic.
12)HTML Lines - Horizontal breaks in the page.
13)HTML Comments - help to make HTML more understandable
14) HTML tag reference - contains information about HTML elements and their attributes.
15)HTML Formatting Tags - Tags for formatting text output.

3. Goals: Aims/Outcomes-
1. Learn HTML as a markup language
2. Learn how to use markup languages to create a web page.
3. Prepare for styling with CSS.
4. Objectives-
At the end of the workshop participants will have learned the listed objectives pertaining to HTML. These objective are clearly defined so the participants can have a sound basis by which you can measure your progress.
1. Use HTML add a header and body to a home page.
2. Fill the body with content.
3. Modify Content
4. Create and close pages.
5. Materials and Aids-
6. Procedures/Methods-

A. Introduction-

Section Covered:
1. HTML?? Hyper Text Markup Language??? What's That
a. HTML tags
b. HTML Docs & Web Pages
c. HTML Elements
d. HTML Editing
e. HTML Text Formatting
f. Review and Launch

B. Development-

Each listed portion of the sections covered will be explained along with the answering of any questions on the following subject matter.
1. The introduction, the composition of a web page, and the use of HTML tags.
2. The elements of a web page, and how they're added and edited.
3. Formatting text, along with code review, and Importance of the review.

C. Practice-

1. Vocab Matchup for each section. Allowing the participants to memorize terms. Repetitive usage of the terms and constant interaction with them help for memorization.
2. Rolling Notepad Exercise
An exercise that allows the participant to edit a web page of their own, while moving throughout the workshop. It helps by giving the participants and immersion based experience, letting them learn as they go along.
3. Seek and Solve exercises
Each participant will be given an opportunity to find and fix the piece of coding that is causing a web page to crash. This will help to strengthen their review skills, and also give the participants more exposure to the other material.

D. Independent Practice-

1. Hello World Practice Page.
2. Allow participants to play around in Notepad.

Checking for understanding-

Review through harder exercise. More advanced Seek and Solve and Rolling Notepad


Participants are to design a basic Web Page based on what they learned, while in the workshop.

This Lesson Plan is available at (