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 2
  • Session Outline
  • Detailed Agenda

Was this helpful?

  1. Curriculum
  2. Web Dev

Web Dev 2

PreviousWeb Dev 1NextElectrical Engineering

Last updated 1 year ago

Was this helpful?

Web Development Part 2

Session Outline

  1. HTML Review and Introduction to CSS Tags

  2. Linking CSS Files with HTML Files

  3. Visual Demonstration of CSS Style Features

  4. Resource for Additional CSS Tags

  5. Hands-On Activity: Enhancing the 'About Me' Website with CSS

Detailed Agenda

  1. HTML Review and Introduction to CSS Tags:

    • Begin with a brief review of HTML concepts covered in Part 1 to ensure everyone is up to speed.

    • Introduce CSS (Cascading Style Sheets) as a powerful tool for enhancing the visual appearance of web pages.

    • Discuss the role of CSS tags in controlling various aspects of the website's style, such as colors, fonts, layouts, and more.

  2. Linking CSS Files with HTML Files:

    • Explain how to link external CSS files with HTML files to separate style definitions from the HTML structure.

    • Demonstrate the process of linking CSS files to HTML files, emphasizing the importance of proper file organization and syntax.

  3. Visual Demonstration of CSS Style Features:

    • Present a list of basic CSS tags that will be covered in the seminar, focusing on commonly used style features.

    • Utilize visual aids to showcase the impact of each CSS style feature on the 'About Me' website created in Part 1.

    • Engage students by demonstrating real-time changes to the website's appearance using CSS tags.

  4. Resource for Additional CSS Tags:

    • Share a helpful resource, such as , that provides a comprehensive list of CSS tags for

https://cdn.hostinger.com/tutorials/pdf/CSS-3-Cheatsheet.pdf