Grade: Jobs For Youth Webinar |
Subject: Introduction to Back
End |
|
1. Topic-
|
|
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 |
|
|
Closure-
Participants are to design a basic Web Page based on what they learned,
while in the workshop. |
|
|