How to Lead CS Kickstart
  • Contributors
  • About
    • How CS Kickstart Began
    • Where We Are Now
    • Evaluations
  • Program Schedule
    • Past Program Schedules
  • Timeline
  • Finance
    • Departmental Funding
    • Grants
    • Company Sponsorships
    • Organizing Financial Spending
  • Applications
    • Application Questions
    • Application Review Process
  • Marketing
    • Marketing Strategy
    • Merchandise
  • Curriculum
    • Python
      • Python 1
      • Python 2
      • Python 3
    • Web Dev
      • Web Dev 1
      • Web Dev 2
    • Electrical Engineering
      • EE 1
      • EE 2
    • Data Science
    • Final Project
      • Python
      • Data Science
      • Web Development
    • Hiring Staff
  • Program Events
    • Club Panel
    • Field Trips
    • Industry Panel
  • Post Programming
    • Club Leadership
    • Alumni Relations
Powered by GitBook
On this page
  • Web Development Part 1
  • Session Outline
  • Detailed Agenda

Was this helpful?

  1. Curriculum
  2. Web Dev

Web Dev 1

PreviousWeb DevNextWeb Dev 2

Last updated 1 year ago

Was this helpful?

Web Development Part 1

Session Outline

  1. Introduction to Web Development and HTML Tags

  2. Examples of Websites Built with HTML

  3. Visual Demonstration of HTML Tags

  4. Resource for Additional HTML Tags

  5. Hands-On Activity: Creating an 'About Me' Website

Detailed Agenda

  1. Introduction to Web Development and HTML Tags:

    • Provide an overview of web development and its significance in creating websites.

    • Explain the role of HTML (Hypertext Markup Language) in structuring web content.

    • Emphasize the importance of understanding HTML tags for building web pages.

  2. Examples of Websites Built with HTML:

    • Showcase a selection of websites to demonstrate the power and versatility of HTML.

    • Discuss the specific HTML tags used in each example, highlighting their effects on the website's structure and appearance.

    • Inspire participants by showcasing real-world examples of websites created with HTML.

  3. Visual Demonstration of HTML Tags:

    • Present a list of basic HTML tags that will be covered in the seminar, including head, body, bolding, italics, lists, dividers, images, links, and tables.

    • Utilize visual aids to demonstrate the impact of each tag on a website's layout and content.

    • Encourage active participation by inviting students to ask questions and provide examples.

  4. Resource for Additional HTML Tags:

    • Share a helpful resource, such as , that provides a comprehensive list of HTML tags for further exploration.

    • Explain how students can leverage this resource to expand their knowledge and discover new HTML tags beyond the ones covered in the seminar.

  5. Hands-On Activity: Creating an 'About Me' Website:

    • Allocate the remaining seminar time for a practical session where students follow along with the TA to build their own personalized 'About Me' website using HTML tags.

    • Provide guidance and support as students implement the HTML tags discussed earlier.

    • Encourage creativity and personalization while ensuring students understand the purpose and usage of each HTML tag.

https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf