Weekly Core Program

Program C:

Fundamental Web Design


Learning to develop website with HTML and CSS is the best journey to explore. Let's bring life to every screen with unique design!

6th November 2021 (Tentative)

Every Saturday 5PM - 7PM

About this Program

   • • • • • • 

In Program C, students will be coding using HTML and CSS to build a static personal web page. Students also have the opportunity to get familiar with Bootstrap, a leading front-end development framework to extrapolate their basic understanding of HTML and CSS to application level. With students’ creativity and ideas will bring life to every screen and make the design unique.

Course Structure

   • • • • • • 
Duration: 24 lessons
Hours per Lesson: 2 hours
Class Size: 20 to 34 students
Suggested Age: 13 to 16 years old (No age restriction for Telebort alumni)
Prerequisite: Either 
completed Telebort Core Program or having existing knowledge in programming

What you'll learn

   • • • • • • 

  • Build your own web pages.

  • Put your thoughts and express your creativity in web design.

Program Syllabus

   • • • • • • 

Program C is exclusively designed for students to learn HTML and CSS. They will use HTML to organize and write the content, as well as using CSS to design the web page. Furthermore, students will be learning about Bootstrap and how to leverage on it to make a stunning website.

Program C.png

Chapter 1: Introduction to Web Design

Chapter 2: Introduction to HTML

Chapter 3: HTML Division Element

Chapter 4: Introduction to CSS

Chapter 5: CSS Selector

Chapter 6: CSS Box Model

Chapter 7: CSS Display

Chapter 8: CSS Flexbox

Chapter 9: Font

Chapter 10: Favicon and Font Awesome

Chapter 11: Responsive Web Design


Chapter 12: Introduction to Bootstrap

Chapter 13: Bootstrap Grid System

Chapter 14: Bootstrap Navigation Bar

Chapter 15: Bootstrap Carousel

Chapter 16: Bootstrap Cards

Chapter 17: Bootstrap Progress Bar

Extra Chapter:  CSS Border

Project in Class

  • • • • • • 

My Holiday

(GIF_Img)ProgC-Proj_1-My Holiday.gif

My Profile

(GIF_Img)ProgC-Proj_2-My Profile.gif

My First HTML Exercise

(GIF_Img)ProgC-Mini_Proj-My First HTML E

Ready to join our class?

Register your interest now to

book a seat with us.