Lesson 04

171 views
152 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
171
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×