HTML5 Layout Structure

Objective
In this class exercise students will demonstrate

  • Create the structure of  from pre-designed websites using HTML5 semantic elements

yoko-html5

Semantic elements for Structuring a page
<article>, <aside>, <figure>, <figcaption>,
<footer>, <header>, <nav>, <section>, <main>

HTML5 Markup
html5-markup


Class Exercise – HTML5

dailysportsfitness   beeristakingnews

  • Choose TWO of the designs and create the structural layout (no images are needed) for each using HTML5 layout elements.
  • Use Photoshop to obtain the measurements needed for width and height

Place files in a folder and name: lastname_firstname-html5.
Share folder link at the end of class to the Google Classroom > HTML5.

Upload at the end of the day (11:59 PM).
DUE: Friday March 3, 2017

Advertisements