Özgün Aydın – 20800333

Unit: I am building my personal web page
Topic: HTML
This topic is designed as an introduction to this fundamental piece of Internet technology. At the end
of this lesson, students will understand what HTML is, why it matters and some of its practical
applications. The lesson can be used as a stand-alone or integrated into teaching a course on the
Internet, media or technology.
More,
This topic is the first part of “I am building my personal web page” Unit.
HTML Topic contains 6 sessions of work. Each session contains 2 x 40 minutes lessons, total 80
minutes of lessons.
Learning Objectives & Materials Needed
The suggested learning objectives for this HTML unit are:
 Students will be able to describe what HTML is and its role in the Internet.
 Students will learn basic HTML tags
 Students will learn how to identify tags used in an actual website's source code
 Students will create HTML part of their personal web page using these tags above.
To teach this unit successfully, teachers should have access to the following materials:
 HTML reference website
 Computers for students to use
 Computer and computer projector to show websites and related materials to students
 Moodle or same level LMS to upload assignments or course content
Background info and Notes
What is HTML?
This HTML introduction and the presentation on HTML tags section are best presented by the teacher
using a computer and projector.
Definition: HTML (HyperText Markup Language) is a computer language that is used to format
websites so that they can be read and displayed in web browsers such as Internet Explorer, Firefox,
Safari, Chrome and Opera.
History: HTML was invented in 1990 by British physicist Tim Berners-Lee in Switzerland to help
scientists organize their research and communicate with each other. Along with a few other key
technologies such as FTP and TCP/IP, HTML is essential to the modern Internet.
Use: As a "mark up language," it is considerably easier to learn than more technical computer
languages such as C, Perl and Java. Without HTML, there would be no easy way to link websites
together and the Internet would likely have remained a tool mainly used by scientists, researchers and
engineers.
HTML Tags
To prepare students to use HTML effectively, provide information on HTML tags and examples of the
source code behind a few websites.
HTML tags can be used to format text, add links to other websites, create lists and other parts of
websites. There are many different HTML tags available
Student Activities & Assessment
Based on the material covered in this lesson, several types of assessment can be used to determine how
well students have learned the material. Alternately, these assessment activities can be assigned as
homework or in class activity.
Create a Basic Web Page Class Activity: In this class activity, students create a basic web page using
the HTML tags covered in the lesson. In order for students to properly complete this web page, ensure
students have a full list of required tags needed to create a website. This activity will likely take
several class periods to complete and may be submitted at the end of the unit. This activity could also
be competed for a culminating project grade.
Resources
The Basics of HTML, http://www.tjhsst.edu/~dhyatt/superap/basic.html

HTML Coding, http://www.uwec.edu/help/html.htm

HTML Tutorial, http://www.w3schools.com/htmL/

Rubric,
https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CCsQFjAA&url=htt
p%3A%2F%2Fwww.watertownps.org%2Ffile%2F43765%2Fdownload&ei=WftvU6D6NdTQ7Aaiy4
DwBw&usg=AFQjCNHEU3EXE24vvkRA7oDD0SHcKgDyGA&sig2=XhTrmDhb4SeMT-
bsPxuXQQ&bvm=bv.66330100,d.ZGU&cad=rja
Unit Background Info, http://www.brighthubeducation.com/science-lessons-grades-9-12/112037-
introduction-to-html-computer-lesson-plan/


Topic – HTML
1. Introduction and basic concepts
a. İntroduction
b. Demonstration
c. Application
2. Page Title
a. İntroduction
b. Demonstration
c. Application
3. Paragraphs
a. İntroduction
b. Demonstration
c. Application
4. Headings
a. İntroduction
b. Demonstration
c. Application
5. Lists
a. İntroduction
b. Demonstration
c. Application
6. Links
a. İntroduction
b. Demonstration
c. Application
7. Images
a. İntroduction
b. Demonstration
c. Application
8. Tables
a. İntroduction
b. Demonstration
c. Application
9. Forms
a. İntroduction
b. Demonstration
c. Application