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
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