User:Nawarajbhandary/Micro teaching lesson plan 3: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
summarizing topic in brief,
= EVALUATION =
·       How to change font-color in HTML ?
·       How to increase font size in paragraph ?
·       Can HTML 5 supports the HTML font tag ?
{| class="wikitable"
{| class="wikitable"
|'''Subject :''' Web Technology
|'''Subject :''' Web Technology
Line 19: Line 9:
|'''Time:''' 15 min
|'''Time:''' 15 min
|-
|-
|'''Teaching  Item:'''  Working with image
|'''Teaching  Item:'''  HTML Fonts
|'''No.  of Students:''' 18
|'''No.  of Students:''' 18
|}  
|}  
Line 25: Line 15:
= OBJECTIVES =
= OBJECTIVES =


* Student will understand the concepts of <img> tag in html and its attributes,
* Understanding the concepts of HTML font tag
* Student will be able to use the <img> tag to insert image into HTML document.
* change the font-size, font-face and color in HTML document


= TEACHING MATERIALS =
= TEACHING MATERIALS =


* Computer/laptop for each student or a projector for demonstration,
* Whiteboard,
* Text editor (such as Notepad++, Sublime text and Vs code etc)
* marker,
* Internet access for additional resource(optional)
* Computer with text editor (such as Sublime text,VS code and notepad++),
* Browser for testing (chrome & ms edge).


= TEACHING LEARNING ACTIVITIES =
= TEACHING LEARNING ACTIVITIES =


* Greeting students and introducing today's topic with them,
* Greeting students and introducing today's topic with them,
* Brifely inroduce the concepts of <img> tag in HTML:
 
* HTML <img> tag is used to display image on the web page.
* Start by asking a questions about previous knowledge of HTML font,
* HTML <img> tag is an empty tag that contains attributes only, closing    tags are not used in HTML image element.
* Font tag defines the font size, color and face or the text in an    HTML document,
* Images are not technically inserted into a web page; images are linked to web    pages.
* It is used to define the font style for the text contained within    it,
* The <img> tag creates a holding space for the referenced image.
* Font tag do not support in HTML  
 
* Encouraging students to ask questions or share their thoughts,
* Encouraging students to ask questions or share their thoughts,
* clarifying doubts and summarizing topic in brief,
* clarifying doubts and summarizing topic in brief,
Line 47: Line 39:
= EVALUATION =
= EVALUATION =


* How to use image in HTML with examples?
* How to change font-color in HTML ?
* Which tag is used to display image?
* How to increase font size in paragraph ?
* Task students with creating a simple HTML page and inserting different images with varying attributes.
* Can HTML 5 supports the HTML font tag ?

Latest revision as of 03:35, 4 April 2024

Subject : Web Technology Class: MICTE 3rd Semester
Period: Third Unit: One
Topic: Introduction to HTML Time: 15 min
Teaching Item:  HTML Fonts No. of Students: 18

OBJECTIVES[edit | edit source]

  • Understanding the concepts of HTML font tag
  • change the font-size, font-face and color in HTML document

TEACHING MATERIALS[edit | edit source]

  • Whiteboard,
  • marker,
  • Computer with text editor (such as Sublime text,VS code and notepad++),
  • Browser for testing (chrome & ms edge).

TEACHING LEARNING ACTIVITIES[edit | edit source]

  • Greeting students and introducing today's topic with them,
  • Start by asking a questions about previous knowledge of HTML font,
  • Font tag defines the font size, color and face or the text in an HTML document,
  • It is used to define the font style for the text contained within it,
  • Font tag do not support in HTML
  • Encouraging students to ask questions or share their thoughts,
  • clarifying doubts and summarizing topic in brief,

EVALUATION[edit | edit source]

  • How to change font-color in HTML ?
  • How to increase font size in paragraph ?
  • Can HTML 5 supports the HTML font tag ?