Principles of Web Design (Front-End) with HTML/CSS

Course Description

Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) are cornerstone of every website.

Whenever you open a web browsers like Mozilla-Firefox, Google-Chrome, Apple-Safari etc; they are primarily interpreting the HTML and CSS codes to display information from the website.
Learning HTML and CSS provides a platform for kids to express and exchange their ideas with the world.
Although, there are several other technologies/frameworks that add functionalities to a website, a perfect understanding of HTML and CSS is a prerequisite in good web design.

Learning Outcome

Students will be able to

  1. Understand the basic web framework
  2. Design static web pages with appropriate elements
  3. Contrast use of HTML (semantics) vs CSS  (presentation)
  4. Apply appropriate layout and nesting in web pages
  5. Understand attributes and value components of HTML elements
  6. Adhere to HTML5 and CSS3 standards
  7. Improve Soft STEM Skills: Critical, Computational & Creative Thinking
STEM concepts are integrated and core components of this course. Introducing kids to these principles of integrated Science, Technology, Engineering and Maths at their early ages and in the basic forms would enhance school performance and sustained interests in their real world application.

Software & Tools

Reference: https://www.w3schools.com/

Take Home / Projects

Our approach helps kids understand and design their own website.
They will apply the knowledge and creatively use appropriate HTML/CSS to design website for different uses.

Class Details

3

Max number of students per Instructor.

10

Lessons (Regular Class)

5

Lessons (Holiday Camp)

1.5

Hours /Lesson (Regular Class)

2.0

Hours /Lesson (Holiday Camp)