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

From ICTED-WIKI
Jump to navigation Jump to search
No edit summary
 
Line 24: Line 24:
* Computer with text editor (e.g., Sublime Text, Visual Studio Code)
* Computer with text editor (e.g., Sublime Text, Visual Studio Code)
* Web browser (e.g., Google Chrome, Mozilla Firefox)
* Web browser (e.g., Google Chrome, Mozilla Firefox)
* Projector or screen for presentations
* [https://docs.google.com/presentation/d/1SpvhahYAtYPII9AzWledRBAQ5Xu0EV39/edit?usp=drive_link&ouid=115247029905020573729&rtpof=true&sd=true Presentations]


== TEACHING LEARNING ACTIVITIES ==
== TEACHING LEARNING ACTIVITIES ==

Latest revision as of 15:16, 16 May 2024

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[edit | edit source]

  • 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[edit | edit source]

  • 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[edit | edit source]

  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[edit | edit source]

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

HOMEWORK[edit | edit source]

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