Session Teaching Card
Understand the Digital Medium
How do webpages become real and shareable?
Objective
Learn how HTML, CSS, browsers, files, hosting, and deployment work together.
Method
HTML, CSS, browser, files, hosting, and deployment
Evidence
Working webpage
Setup Notes
- Prepare a minimal HTML/CSS example and a browser preview.
- Create a visual map of files, browser, hosting, and live URL.
- Have a starter folder or template ready for students who need it.
Key Teaching Points
- The web is made of files, structure, style, browsers, and hosting.
- Students do not need to master everything to understand how a page becomes real.
- Naming, organizing, previewing, and testing are part of digital craft.
Activity Guidance
- 1Walk through a tiny page and change one visible element live.
- 2Students build or edit a simple page tied to their product promise.
- 3Close by having students explain the path from file to browser to shareable product.
Discussion Prompts
- What does HTML describe and what does CSS change?
- What happens between a local file and a live page?
- What makes a webpage easier for people and browsers to understand?
Reflection
What do I understand now about how the web works?
Teacher Watch
Protect confidence. Treat errors as normal information, not failure.
Support
Give a working starter and ask students to safely change content and one style.
Extension
Ask students to add semantic structure, responsive behavior, or accessibility improvements.