5 Day 2

 W

V Assignment 4: Make a navigational menu

Outline

  1. Lists often used for navigation
  2. Examples of lists in action
  3. Pseudo classes
  4. Border instead of text-decoration
  5. Web Inspector

Example

  1. Example from class
  2. A list with several properties in it
  3. Submenu example

Links

4 Day 2 / Lessons    f       
 W

V Assignment 3: Make abstract box art

Outline

  1. Everything is in a box whether you know it or not
  2. Turn border to 1px
  3. Widths
  4. Some of the box model applies only to display block
  5. Display inline and block
  6. Generic tags: div (block), span (inline)
  7. Float for wrapping

Example

  1. Class example
  2. Class example2
  3. One example of the box moxel
  4. Horizontal centering
  5. Vertical centering

Links

4 Day 2 / Lessons    f