User:Nawarajbhandary/Real teaching lesson plan 32: Difference between revisions

Jump to navigation Jump to search
no edit summary
(Created page with "{| class="wikitable" |'''Subject:''' Web Technology |'''Class:''' BICTE 3rd Semester |- |'''Period:''' Third |'''Unit:''' Two (2) |- |'''Topic:''' Cascading Stylesheet (CSS) |'''Time:''' 45 min |- |'''Teaching Item:''' Basics of CSS |'''No. of Students:''' 20 |} == SPECIFIC OBJECTIVES == ·      Understand the purpose and importance of CSS in web development. ·      Apply basic CSS styles to HTML elements. ·      Demonstrate knowledge of CSS selectors a...")
 
No edit summary
Line 14: Line 14:


== SPECIFIC OBJECTIVES ==
== SPECIFIC OBJECTIVES ==
·      Understand the purpose and importance of CSS in web development.


·      Apply basic CSS styles to HTML elements.
* Understand the purpose and importance of CSS in web development.
 
* Apply basic CSS styles to HTML elements.
·      Demonstrate knowledge of CSS selectors and how they target HTML elements.
* Demonstrate knowledge of CSS selectors and how they target HTML elements.


== TEACHING MATERIALS ==
== TEACHING MATERIALS ==
·      Daily materials
·      Computer with text editor (e.g., Sublime Text, Visual Studio Code)
·      Web browser (e.g., Google Chrome, Mozilla Firefox)


·      Projector or screen for presentations
* Daily materials
* Computer with text editor (e.g., Sublime Text, Visual Studio Code)
* Web browser (e.g., Google Chrome, Mozilla Firefox)
* Projector or screen for presentations


== TEACHING LEARNING ACTIVITIES ==
== TEACHING LEARNING ACTIVITIES ==
1.    Enter the classroom, and encourage students before starting the lesson for their total participation and also concentration on the lesson, and then write today’s topic on the board.


# Begin     the class by understanding their opinion and previous knowledge about the     topic and introduce the topic CSS encompassing its importance in web     development and through website.
# Enter the classroom, and encourage students before starting the lesson for their total participation and also concentration on the lesson, and then write today’s topic on the board.
# Begin     the classroom with more student-centered learning methodology with demonstration     method to provide knowledge about basic syntax and structure of CSS, Apply     styles to HTML elements, CSS Selector, and conclusion and practice.
# Begin the class by understanding their opinion and previous knowledge about the topic and introduce the topic CSS encompassing its importance in web development and through website.
# Present     the content to be covered using PowerPoint presentation followed by the demonstration     about '''Syntax and importance of CSS, Applying Style to HTML Elements''' (using     link tag)''', CSS Selectors''' (element selectors, class selectors, ID     selectors, and descendant selectors) '''and conclusion and practice CSS.'''
# Begin the classroom with more student-centered learning methodology with demonstration method to provide knowledge about basic syntax and structure of CSS, Apply styles to HTML elements, CSS Selector, and conclusion and practice.
# Encouraging     students to ask questions or share their thoughts if they encounter any     type of problem and confusions during explanation about todays' topic of     explanation.  
# Present the content to be covered using PowerPoint presentation followed by the demonstration about '''Syntax and importance of CSS, Applying Style to HTML Elements''' (using link tag)''', CSS Selectors''' (element selectors, class selectors, ID selectors, and descendant selectors) '''and conclusion and practice CSS.'''
# Follow     the lecture method followed by demonstration method to attain the learning     objectives of Cascading Stylesheet (CSS).
# Encouraging students to ask questions or share their thoughts if they encounter any type of problem and confusions during explanation about todays' topic of explanation.  
# clarifying     doubts and summarizing topic in brief,
# Follow the lecture method followed by demonstration method to attain the learning objectives of Cascading Stylesheet (CSS).
# clarifying doubts and summarizing topic in brief,


== ASSESSMENT ==
== ASSESSMENT ==
·       What are different selectors in CSS?


·       Why CSS is important in Web development?          
* What are different selectors in CSS?
* Why CSS is important in Web development?    


== HOMEWORK ==
== HOMEWORK ==
·       Develop a simple website using basic HTML tag (heading, paragraph) and apply css on it.
'''Student Teacher:                                                                               External Supervisor:'''
Nawaraj Bhandari                                                                                     
Signature:                                                                                           Signature :


Date: 2081-02-04                                                                                Date: 2081-02-04
* Develop a simple website using basic HTML tag (heading, paragraph) and apply css on it.
Anonymous user

Navigation menu