Full lesson	Create for a teacher a set of content for giving a lesson, beginning with the lesson plan. Each new block of materials must begin with an H1 heading (other subheaders must be H2, H3, etc). When you describe required pictures, write those descriptions in curly brackets, for example: {A picture of a triangle}
Which subject	Computer science
What topic	html and css
What length (min)	30
What age group	Year or Grade 11
Class size	20
What curriculum
Include full script
Check previous homework
Ask some students to presents their homework
Add a physical break
Add group activities
Include homework
Show correct answers
Prepare slide templates
Number of slides	5
Create fill-in cards for students
Create creative backup tasks for unexpected moments

Lesson plan

Topic

HTML and CSS Basics

Objectives

• Understand the fundamental concepts of HTML and CSS.
• Create a simple webpage using HTML for structure and CSS for styling.
• Learn how to apply basic styles to elements using CSS.

Materials

• Computers with internet access
• Code editor (e.g., Visual Studio Code, Sublime Text)
• Projector for demonstrations
• Printed handouts with HTML and CSS syntax reference
• Access to online resources for HTML and CSS

Grade/Age Group

Year/Grade 11

Subject

Computer Science

Lesson Structure

Step Number	Step Title	Length	Details
1	Introduction	5 mins	Brief overview of HTML and CSS, their roles in web development, and the importance of structure and style.
2	HTML Basics	10 mins	Explain basic HTML structure (html, head, body tags), common elements (headings, paragraphs, links, images). Demonstrate live coding of a simple HTML document.
3	Introduction to CSS	5 mins	Explain the purpose of CSS, selectors, properties, and values. Highlight the difference between inline, internal, and external CSS.
4	CSS in Action	5 mins	Demonstrate how to link a CSS file to an HTML document and apply basic styles (colors, fonts, margins). Use a prepared example to showcase the results.
5	Hands-On Activity	5 mins	Students work on coding a simple webpage with given instructions, incorporating both HTML and CSS. Ensure they implement the learned concepts creatively.
6	Wrap-Up and Q&A	5 mins	Review key concepts, answer any questions, and discuss common challenges faced during the hands-on activity. Provide a brief overview of next lesson's topic.

Homework

• Create a personal webpage that includes an HTML structure with at least three different elements (headings, paragraphs, images) styled using CSS.
• Submit the HTML and CSS files via the school's online learning platform for assessment. Feedback will be provided in written form without class presentations.

Lesson script