Skip to content

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

Notifications You must be signed in to change notification settings

ltw-webdesign-1/layout-to-code

Repository files navigation

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!

About

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

Resources

Stars

Watchers

Forks