Essential Question:
- How do we utilize multiple HTML files to create a full web site?
Learning Objectives:
- Demonstrate proper HTML code structure
- Utilize the anchor tag to link multiple pages to one another
- Implement CSS to have basic styles of your website
Standards:
- NYS Next Generation Learning Standards RST.4.11-12 — Determine the meaning of symbols, key terms, and other content-specific words and phrases as they are used in scientific or technical sources.
- New York State Learning Standards CDOS 3a — Students will demonstrate mastery of the foundation skills and competencies essential for success in the workplace.
- CompTIA IT Fundamentals 4.3 — Explain the purpose and use of programming concepts
Materials:
- Lesson Slides
- CodeSandbox
- HTML Anchor Tags: Article + Video
- Adding Images: Article + Video
- Adding Videos: Article + Video
Scaffolds:
Bridging Learning Gaps:
- Resources are provided to scholars that covers previous day's content
- Previous content is reviewed during opening task
Differentiation:
- Various mediums of resources are provided to scholars to use
- Scholars will be separated into small groups, separate rooms during testing
Extensions:
- Scholars who want to add multimedia (images/video) to their website will use provided resources to add
Opening Task (30 Minutes)
- Scholars will complete opening task on Schoology covering topics learned from python foundations unit
- Randomly selected scholar will facilitate review with peers
Unit Review Exam (30 Minutes)
Scholars will take previous units final open book exam to review past units content.
- Exam will include both theoretical and practical components
- Focus on understanding core concepts from previous units
Break Time (10 Minutes)
Mini Lesson (10 Minutes)
Instructor guided mini lesson about creating multiple pages in HTML
- Proper file structure for websites
- Navigation between multiple HTML pages
Codesandbox Intro (10 Minutes)
Instructor guided demonstration of Codesandbox Platform
- Highlight key features relevant to web development
- Discuss best practices for project organization
Work Time (40 Minutes)
Scholars will have work time to create their website based on their sitemap from previous day
- Specific checkpoints to be met during work time:
- Minimum of 3 interconnected pages
- Use of CSS for styling
- Peer review and collaborative problem-solving encouraged
Cleanup / Dismissal (10 Minutes)
Scholars will submit their website on Schoology