kylesousae / layout-to-code

Given a website layout wireframe, determine the correct, semantic HTML elements.

summary	time	deliverables
Given a website layout wireframe, determine the correct, semantic HTML elements.	1 hour	A GitHub Issue

Layout to code

Overview

• Fork & clone this repository.
• Using the two PDFs, determine the most semantically appropriate HTML tag for each numbered content
• There are two PDFs: layout-to-code.pdf — Just the plain website wireframe, by itself layout-to-code-numbered.pdf — A messier version showing each numbered tag
• Submit your HTML tag choices with explanations.

---

Hand in

On GitHub’s website, on your forked repository, create an Issue labeled “Solution”—and tag your teacher.

Record yourself speaking the answers—and upload/drop it into the GitHub Issue body. (You’ll have to zip the audio file before GitHub will allow you to drop it into an Issue.)

Read out the number, the semantically appropriate HTML tag & your explanation. Here’s an example of what the recording would sound like (using different content).

Don’t forget to tag your teacher!

layout-to-code's Issues

Solutions

I put the voice recording in the week4 assignments folder.
@hellachella