User:Ankitpanta/ Real Teaching Lesson Plan 13: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 13: Line 13:
|5th
|5th
|}
|}
== Specific Objectives ==
* Understand the basic principles of web design.
* Identify key elements and tools used in web design.
* Create a simple web page using HTML and CSS.
== Teaching Materials ==
* Computers with text editors or web development software
* Projector or computer for multimedia presentation
* Internet access for research and inspiration
* Handouts with key terms and concepts
== Introduction (5mins) ==
* Begin with a discussion on the importance of web design in creating visually appealing and user-friendly websites.
* Introduce key terms: web design, user interface, user experience, HTML, CSS, and responsive design.
== Overview (15mins) ==
Explain the basic principles of web design:
* Layout and structure
* Color theory
* Typography
* Imagery and graphics
* NavigationDiscuss the difference between HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) in web development.
== Classroom Activities (10 mins) ==
Provide a brief overview of a fictional project or ask students to choose a topic for their web page.
* In small groups, have students sketch a wireframe of their web page layout on paper.
* Discuss the importance of planning and organizing content before starting the design process.
== Hands-On Exercise (10 minutes): ==
Provide a simple HTML template for a webpage and guide students through adding basic content (headings, paragraphs) and styling using CSS.
* Encourage creativity in the design process, allowing students to experiment with colors and fonts.

Revision as of 11:11, 4 February 2024

Subject Grade Topic Time Period
Computer Sciencce IX Introduction to Web Design 45 mins 5th

Specific Objectives

  • Understand the basic principles of web design.
  • Identify key elements and tools used in web design.
  • Create a simple web page using HTML and CSS.

Teaching Materials

  • Computers with text editors or web development software
  • Projector or computer for multimedia presentation
  • Internet access for research and inspiration
  • Handouts with key terms and concepts

Introduction (5mins)

  • Begin with a discussion on the importance of web design in creating visually appealing and user-friendly websites.
  • Introduce key terms: web design, user interface, user experience, HTML, CSS, and responsive design.

Overview (15mins)

Explain the basic principles of web design:

  • Layout and structure
  • Color theory
  • Typography
  • Imagery and graphics
  • NavigationDiscuss the difference between HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) in web development.

Classroom Activities (10 mins)

Provide a brief overview of a fictional project or ask students to choose a topic for their web page.

  • In small groups, have students sketch a wireframe of their web page layout on paper.
  • Discuss the importance of planning and organizing content before starting the design process.

Hands-On Exercise (10 minutes):

Provide a simple HTML template for a webpage and guide students through adding basic content (headings, paragraphs) and styling using CSS.

  • Encourage creativity in the design process, allowing students to experiment with colors and fonts.