Weekly Core Program

Program C:

Fundamental Web Design

(HTML & CSS)

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

Upcoming 6th November 2021

(Tentative)

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

Elements Positioning

(GIF_Img)ProgC-Backup_Proj-Elements Posi