03-css-styling-the-web.md

Home > Web Application Development > CSS: Styling the Web

Topic: CSS - Styling the Web

1. Lesson: CSS Basics
2. Lesson: CSS Box model
3. Lesson: CSS Layout & Techniques
4. Assessment: Style static web pages for an online store

---

---

Lesson 1

CSS Basics

Self Learning Duration

90 mins

Lecture Duration

120 mins lectures

Lab Tutorial Duration

N/A

Self learning content

• Follow HTML, CSS, and Javascript for Web Developers Coursera course week 2: Introduction to CSS3 and week3: Coding the Static Restaurant Site
• [Optional] Follow Introduction to Basic CSS coding challenges by @freeCodeCamp.
• [Optional] HTML Styles - CSS
• [Optional] Learn how to style and visually organize HTML with CSS

Lecture content

Demonstrate how to use following CSS concepts

• Inline, Internal and External styling
• Colors, Fonts and Sizes
• CSS Selectors

Lab and tutorials

N/A

---

---

Lesson 2

CSS Box model

Self Learning Duration

90 mins

Lecture Duration

120 mins

Lab Tutorial Duration

N/A

Self learning content

N/A

Lecture content

Demonstrate how to use following CSS concepts

• The box model
• Backgrounds and borders

Lab and tutorials

N/A

---

---

Lesson 3

CSS Layout & Techniques

Self Learning Duration

90 mins

Lecture Duration

120 mins

Lab Tutorial Duration

240 mins

Self learning content

N/A

Lecture content

• CSS layout
• Introduction to Bootstrap
• What is Sass

Lab and tutorials

Follow Style a CV using CSS from @mozilla

---

---

Assessment 1

Style static web pages for an online store

Use CSS and Bootstrap Front-end framework to improve static web pages created on HTML: Structuring the Web assessment