Web Slacker™

Basic Page Layout

The basic layout of nearly all websites consist of a header, main content, and a footer. These modular elements are the starting point for everything else that we do from now onwards, so lets start by doing a copy & paste of the code for our basic page layout template.

HTML code needs to be copied into the appropriate file that dispalys your webpage.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta name="description" content="Your page description goes here" />
    <title>Your Page Title Goes Here</title>
    <link href="http://www.css-locker.com/webslacker.com/basic-style/style.css" rel="Stylesheet" media="all" type="text/css" />
  </head>
  <body>
    <div id="page-wrapper">




    </div>
  </body>
</html>