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

From ICTED-WIKI
Jump to navigation Jump to search
mNo 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 9: Line 19:
|'''Time:''' 15 min
|'''Time:''' 15 min
|-
|-
|'''Teaching  Item:'''  HTML Fonts
|'''Teaching  Item:'''  Working with image
|'''No.  of Students:''' 18
|'''No.  of Students:''' 18
|}  
|}  
Line 15: Line 25:
= OBJECTIVES =
= OBJECTIVES =


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


= TEACHING MATERIALS =
= TEACHING MATERIALS =


* Whiteboard,
* Computer/laptop for each student or a projector for demonstration,
* marker,
* Text editor (such as Notepad++, Sublime text and Vs code etc)
* Computer with text editor (such as Sublime text,VS code and notepad++),
* Internet access for additional resource(optional)
* 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,
* Start by asking a questions about previous knowledge of HTML font,
* Brifely inroduce the concepts of <img> tag in HTML:
* Font tag defines the font size, color and face or the text in an HTML document,
* HTML <img> tag is used to display image on the web page.
* It is used to define the font style for the text contained within it,
* HTML <img> tag is an empty tag that contains attributes only, closing    tags are not used in HTML image element.
* Font tag do not support in HTML  
* Images are not technically inserted into a web page; images are linked to web    pages.
* The <img> tag creates a holding space for the referenced image.
* 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 37: Line 47:
= EVALUATION =
= EVALUATION =


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

Revision as of 03:32, 4 April 2024

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 ?


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

OBJECTIVES

  • Student will understand the concepts of <img> tag in html and its attributes,
  • Student will be able to use the <img> tag to insert image into HTML document.

TEACHING MATERIALS

  • Computer/laptop for each student or a projector for demonstration,
  • Text editor (such as Notepad++, Sublime text and Vs code etc)
  • Internet access for additional resource(optional)

TEACHING LEARNING ACTIVITIES

  • 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.
  • HTML <img> tag is an empty tag that contains attributes only, closing tags are not used in HTML image element.
  • Images are not technically inserted into a web page; images are linked to web pages.
  • The <img> tag creates a holding space for the referenced image.
  • Encouraging students to ask questions or share their thoughts,
  • clarifying doubts and summarizing topic in brief,

EVALUATION

  • How to use image in HTML with examples?
  • Which tag is used to display image?
  • Task students with creating a simple HTML page and inserting different images with varying attributes.