back to Tutorials

Creating a CSS Layout from scratch

3. Default HTML Template

I have created a basic HTML document that I use as a starting point for all my websites. If you do not understand what a paticular line of code means, hold your mouse over that line for an explaination.

Copy the template and paste it into your HTML editor of choice. (Mine is Macromedia Homesite).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
	<title>CompanyName - PageName</title>
	<meta http-equiv="Content-Language" content="en-us" />
	
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	
	<meta name="description" content="Description" />
	<meta name="keywords" content="Keywords" />
	
	<meta name="author" content="Enlighten Designs" />
	
	<style type="text/css" media="all">@import "css/master.css";</style>
</head>

<body>

</body>
</html>

Save this as index.html in your websites root (htdocs) directory.

The structure of your website directories should be like so: