Website Design with HTML & CSS

1 hour a day | Grades 8-9 | 12 sessions

OVERVIEW

Hypertext Markup Language (HTML) is the underlying markup language of the World Wide Web. A markup language annotates or “marks up” plain text, letting a browser know how to format that text so it looks good on a Web page. It’s the common thread that ties together virtually every Web site, from large scale corporate sites such as Microsoft’s to single-page classroom projects at schools.

In this course, students learn some basics about HTML. They will turn plain text into attractive formatting by  incorporating graphics and hyperlinks. This course also explains what cascading style sheets (CSS) are, and how they make formatting consistent across large Web sites.

TOPICS & PROJECTS

Basics of HTML

Learn how to insert elements like headings, paragraphs, images, background colors, font styles and more.

Making a Wiki Page

Create your first informative page about a person, place or thing (similar to a Wikipedia).

Survey Form

Code a survey form with elements like types, labels, placeholders, check-boxes, buttons, drop-downs & buttons.

Basics of HTML

Learn how to insert elements like headings, paragraphs, images, background colors, font styles and more.

Making a Wiki Page

Create your first informative page about a person, place or thing (similar to a Wikipedia).

Tables & Hyperlinks

Create a table of contents and add hyperlinks along with other table elements like borders, headers etc

Tables & Hyperlinks

Create a table of contents and add hyperlinks along with other table elements like borders, headers etc

Using CSS with HTML

Create a single page website with a navigation bar. Use CSS to add styles and effects to text, images and more.

Dynamic Websites

Create a multi-page responsive website, that changes dynamically, depending on the screen size and device orientation.

Tables & Hyperlinks

Create a table of contents and add hyperlinks along with other table elements like borders, headers etc
Early adopters of NEP2020

Using CSS with HTML

Create a single page website with a navigation bar. Use CSS to add styles and effects to text, images and more.

Dynamic Websites

Create a multi-page responsive website, that changes dynamically, depending on the screen size and device orientation.

PRE-REQUISITES

  • Broadband Internet Connection
  • Zoom Application downloaded on computer based on OS (click here to download)
  • Headphones with mic (optional)

SCHEDULE

  • 12 sessions 
  • 1 hour sessions every week
  • Min quorum needed – 5 students
BACK TO COURSES