Full-Stack Development

Software Development ‐ Webpage to Website

Lesson 01.05.10

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:

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