User:Nawarajbhandary/Real teaching lesson plan 32

From ICTED-WIKI
Revision as of 15:16, 16 May 2024 by 113.199.227.109 (talk) (→‎TEACHING MATERIALS)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
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 and how they target HTML elements.

TEACHING MATERIALS

  • Daily materials
  • Computer with text editor (e.g., Sublime Text, Visual Studio Code)
  • Web browser (e.g., Google Chrome, Mozilla Firefox)
  • Presentations

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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.  
  6. Follow the lecture method followed by demonstration method to attain the learning objectives of Cascading Stylesheet (CSS).
  7. clarifying doubts and summarizing topic in brief,

ASSESSMENT

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

HOMEWORK

  • Develop a simple website using basic HTML tag (heading, paragraph) and apply css on it.