Downloaded 12 times
Uploaded byGene Babon
Lesson 05
This document provides an agenda for a front-end web development lesson. It includes a 10 minute review covering HTML5 structural elements and CSS topics like floats. The main activity is a 160 minute lab time for students to work in groups transforming a design comp into an HTML/CSS website. The project resources, tips, research needs and bonus tasks are outlined. Students are to present their work on Monday and complete additional tasks for homework.
More Related Content
Lesson 05
- 1.
- 2. Agenda ● ● Review (10 minutes) LabTime (160 minutes)
- 3. Review ● ● ● ● ● ● Classes, IDs, Divs HTML5Structural Elements Floats Complete Fashion Blog Create index page for your server workspace Sign up for GA Front Row & read articles
- 4. Lab Time Learning Objective: ●Practice web development by transforming a design comp into an HTML and CSS web page
- 5. Project Startup Matchmaker: ● studentswork in groups to determine what needs to be done ● plan -- then code -- the website
- 6. Project Resources (assets): ● image ●fonts used ○ Source Sans Pro ○ Merriweather ○ Oswald ● ● class web server FileZilla
- 7. Project Tips: ● ● ● ● sketch boxes onpaper determine file structure translate sketch into “html wireframe” add content and styling to wireframe
- 8. Project Research needed: ● backgroundimage ● opacity ● <del> and <ins> tags ● overflow?
- 9. Project Bonus: ● build outtwo additional pages ○ Find Developers ○ Find Designers
- 10. Project Deliverable: ● Each teamwill present their work at the beginning of class on Monday, December 2
- 11. Homework ● ● ● ● Watch football, eatturkey and take nap Complete Startup Matchmaker Create index page for your server workspace Sign up for GA Front Row & read articles