Coding Websites with HTML/CSS Workshop Curriculum Day 4

Wireframes

Whats a wireframe?

  • Content File - Drive Folder with Assets for Example Website - for use to draw Wireframe
  • Have them draw their own wireframe and come up with an idea for the website they want to build unique to them
  • What are they & why we need them

Sources

  • Show them so they can do on their own if the want
  • Wireframe.cc
  • MockFlow

Writing our first bit of code!

<!doctype html>
<html>
    <head></head>
    <body>
        <header>
            <nav></nav>
        </header>
        <footer></footer>
    </body>
</html>

What is the head?

Meta

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Link

<link rel="stylesheet" href="./css/style.css">