Lesson 05
Upcoming SlideShare
Loading in...5
×
 

Lesson 05

on

  • 424 views

 

Statistics

Views

Total Views
424
Views on SlideShare
424
Embed Views
0

Actions

Likes
0
Downloads
11
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Lesson 05 Lesson 05 Presentation Transcript

    • Front-End Web Development Lesson 5 Lab
    • Agenda ● ● Review (10 minutes) Lab Time (160 minutes)
    • Review ● ● ● ● ● ● Classes, IDs, Divs HTML5 Structural Elements Floats Complete Fashion Blog Create index page for your server workspace Sign up for GA Front Row & read articles
    • Lab Time Learning Objective: ● Practice web development by transforming a design comp into an HTML and CSS web page
    • Project Startup Matchmaker: ● students work in groups to determine what needs to be done ● plan -- then code -- the website
    • Project Resources (assets): ● image ● fonts used ○ Source Sans Pro ○ Merriweather ○ Oswald ● ● class web server FileZilla
    • Project Tips: ● ● ● ● sketch boxes on paper determine file structure translate sketch into “html wireframe” add content and styling to wireframe
    • Project Research needed: ● background image ● opacity ● <del> and <ins> tags ● overflow?
    • Project Bonus: ● build out two additional pages ○ Find Developers ○ Find Designers
    • Project Deliverable: ● Each team will present their work at the beginning of class on Monday, December 2
    • Homework ● ● ● ● Watch football, eat turkey and take nap Complete Startup Matchmaker Create index page for your server workspace Sign up for GA Front Row & read articles