tue may 1

Selectors / Colors / Webfont / Box Model

9 – 12h Teaching

Teacher:

  • Hélène

Goals

  • I use selectors
  • I can use ID's, CSS classes and pseudoclasses
  • I know how to use color
  • I know how to add a custom font
  • I understand how the box model works to define margins and paddings

Content

  • CSS Selectors
  • Colors
  • Webfont
  • Box Model

RECAP – 30.04

  1. Q&A about how to include a style.css file
  2. Feedback on your webdesigns

Colors

colorname (HTML color names / w3schools)

background-color: red;

Hexadecimal

background-color: #ff0000;

RGB (red, green, blue) 

background-color: rgb(255,255,255);

RGBA (red, green, blue, alpha) 

background-color: rgba(255,255,255, 0.5);

Color Tools

12 – 13.30h Lunch (Sandwiches)

13.30 – 17h Coaching

Coaches:

  • Lionel
  • Jonathan

Goals

  • I've sent the webdesign of my Personal Project to Hélène
  • I work on the exercise 7: Version 1 or 2
  • I've downloaded Open Office (For the CV workshop of tomorrow)

Exercise 7

Version 1 / Version 2

  • I create a new folder named Exercise 7
  • I start to build the same layout in HTML & CSS

Reminder: Do not forget to help your classmates & Google is your friend !


Download OpenOffice