Foundations of Web Development - CSS Introduction

sop-webff-101-25A

Foundations of Web Development - CSS Introduction

USD 50

Introduction

 To introduce students to Cascading Style Sheets (CSS) and enable them to style, format, and enhance HTML-based web pages. Students will learn key CSS concepts, including layout techniques, selectors, and responsive design principles, and will gain hands-on experience applying CSS to create visually appealing and functional web pages. 

Course Description

 To introduce students to Cascading Style Sheets (CSS) and enable them to style, format, and enhance HTML-based web pages. Students will learn key CSS concepts, including layout techniques, selectors, and responsive design principles, and will gain hands-on experience applying CSS to create visually appealing and functional web pages. 

Syllabus

Week 1: 

  • CSS introduction 
  • Syntax 
  • How to 
  • Selectors 

Week 2: 

  • Colors 
  • Backgrounds 

- Assignment 1- 20 % of final grade 

Week 3: 


  • Border 
  • Margin 
  • Padding 
  • Height 
  • Width 
  • The box model 
  • Quiz 1- 10%: Due at the start of week 4 

Week 4: 

  • Outline 
  • Position 
  • Overflow 
  • Z-index 
  • Display


  • Assignment 2 – 20% of final grade 

Week 5: 

  • Images 
  • Links 
  • Tables 
  • Lists 
  • Assignment 3 – 20% of final grade


Week 6: 

  • Forms 
  • Combinators 
  • Pseudo-classes 
  • Pseudo-Elements 


Week 7: 

  • Responsive Web Design 

Final Exam – 30%

Course Outline

Week 1:
  • Lesson 1: Introduction to Cascading Style Sheet  - 5:22
  • Lesson 2: CSS Simple Selectors - 8:11

Assignment 1: 20% of final grade

Week 2: 
  • Lesson 1: CSS Backgrounds - 5:35
  • Lesson 2: CSS Text Properties - 12:14
  • Lesson 3: CSS Font Properties - 6:00
Week 3: 
  • Lesson 1: The height, width, and Border properties - 13:05
  • Lesson 2: Margin, padding, box-sizing, and the box-model - 8:27

Assignment 2 : 20% of final grade

Quiz 1: 10 % of final grade

Week 4:
  • Lesson 1: Layout Properties - 14:21

Week 5: 
  • Lesson 1: CSS combinators and Attribute Selectors - 14:28
  • Lesson 2: Pseudo-classes & Pseudo-Elements - 9:58

Assignment 3 : 20% of final grade

Week 6:

  • Lesson 1: Enhancing Images with CSS properties - 13:01
  • Lesson 2: CSS Float and Clear Properties on Images - 6:54
  • Lesson 3: Formatting tables and Lists in CSS - 17:57
Week 7:
  • Lesson 1: CSS Forms
  • Lesson 2: Responsive Web design
Final Examination:  30% of final grade

Level
difficult
Duration
7 weeks
Commitment
5-7 hrs per week
Prerequisite
HTML
Fee
USD 50
Learning style
<p>New on-demand video lessons are released every Monday, while live Zoom sessions take place every Saturday. Each week, students complete assignments or quizzes, due the following week, to keep learning on track.</p>

Instructor

Mildred Ojomah-Christopher

Master of Liberal Arts: Software Engineering - Harvard University

Graduate Certificate: Data Science - Harvard University

BSc(Hons) : Mathematical Sciences (Computer Science Major) - Kogi State University

Batches

  • Batch A Closed

    sop-webff-101-25A 1 Sep 2025 to 19 Oct 2025 77 places left

    Enrollment is closed for this batch.