Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Lesson 04

242 views

Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Lesson 04

  1. 1. Front-End Web Development Lesson 4 Layout
  2. 2. Agenda ● ● ● ● ● ● Review (15 minutes) Classes, IDs, Divs (30 minutes) HTML5 Structural Elements (20 minutes) Floats (50 minutes) How to Start (10 minutes) Lab Time (45 minutes)
  3. 3. Review FileZilla & Web Server Shared Class Web Server http://studio.generalassemb.ly/FEWDBOS5/ http://studio.generalassemb.ly/fewdbos5/ Box Model Fashion Blog
  4. 4. Classes, IDs, Divs With classes and ids we can target specific elements on a page, so we can manipulate it uniquely.
  5. 5. Classes, IDs, Divs
  6. 6. Classes, IDs, Divs Examples: <div id=”container”></div> <span class=”bold”></span> <li class=”current”></li>
  7. 7. Classes, IDs, Divs IDs are unique only one ID per page Classes are not unique can have multiple classes per page
  8. 8. Classes, IDs, Divs
  9. 9. Classes, IDs, Divs
  10. 10. Classes, IDs, Divs
  11. 11. HTML5 Structural Elements
  12. 12. Floats
  13. 13. How to Start
  14. 14. Lab Time
  15. 15. Homework ~ Create an index page for your server workspace ~ Read A Preview of HTML 5 ~ Complete Fashion Blog

×