<!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"> <!-- #BeginTemplate "dwt/site.dwt" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- #BeginEditable "doctitle" --> <title>Home</title> <!-- #EndEditable --> <!-- #BeginEditable "headsection" --> <meta name="description" content="Insert DESCRIPTION here" /> <meta name="keywords" content="Insert KEYWORDS here" /> <!-- #EndEditable --> <meta http-equiv="Content-Language" content="en-us" /> <meta content="General" name="rating" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Copyright � 2010, Pat Geary http://expression-web-tutorials.com/ All Rights Reserved" name="copyright" /> <link rel="stylesheet" type="text/css" href="styles/site.css" /> </head> <body> <!-- Page Container begins here --> <div id="outerWrapper"> <!-- Masthead begins here --> <div id="header"> </div> <!-- Masthead ends here --> <!-- Navigation begins here --> <div id="topNavigation"> <ul> <li><a title="Home" href="index.html">Home</a></li> <li><a title="About" href="about.html">About</a></li> <li><a title="Contact" href="contact.html">Contact</a></li> <li><a title="Links" href="links.html">Links</a></li> <li><a title="Search My Site." href="search.html">Search</a></li> <li><a title="Site Map" href="site-map.html">Site Map</a></li> </ul> </div> <!-- Navigation ends here --> <!-- Content Container begins here --> <div id="contentWrapper"> <!-- Left Column begins here --> <div id="leftColumn1"> <h2>H2 left</h2> <h2>Column1 Title </h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. <a href="#">More...</a></p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. <a href="#">More...</a></p> </div> <!-- Left Column ends here --> <!-- Right Column begins here --> <div id="rightColumn1"> <p class="sideboxheading">Navigation</p> <ul> <li><a title="Home" href="index.html">Home</a></li> <li><a title="About" href="about.html">About</a></li> <li><a title="Contact" href="contact.html">Contact</a></li> <li><a title="Links" href="links.html">Links</a></li> <li><a title="Search My Site." href="search.html">Search</a></li> <li><a title="Site Map" href="site-map.html">Site Map</a></li> </ul> <p> </p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. <a href="#">More...</a></p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. <a href="#">More...</a></p> </div> <!-- Right Column ends here --> <!-- Main Content begins here --> <div id="content"> <!-- #BeginEditable "content" --> <h1>Desert Site Template</h1> <h2>3 Equal Columns Site Template</h2> <p>The Desert Site Template uses one of the basic site templates offered on our sister site <a href="http://www.frontpage-to-expression.com/site-templates/"> Migrating from FrontPage to Expression Web</a> as a starting point. The resolution of this template is 1024 x 768 or wider, designed to be a fixed width and centered in the viewers window.</p> <p>Changes made to the template include: style rules added for the #contentWrapper which include a <a href="images/content-bg.jpg" title="Background image for contentWrapper."> background image</a>. This allows for three equal height columns. If you need/want to change the colors for the background image, the image is 964px wide by 100px high. Both ends are the width of the side columns plus the left and right padding. </p> <p> <img alt="Description of Picture." src="images/red-rock-country.jpg" width="290" height="218" class="imgctr" /></p> <h2>Masthead </h2> <p>The masthead image is 100px wide by 252px high. I was added to the style rules for #header as the background image. The image is my own photo so there is no problem with licensing. </p> <p>If you wanted to use a fancy font with the site name, you can create a transparent gif or edit the image in your favorite graphics editor. <a href="images/masthead-bg2-1000px.jpg" title="Example Background image with site name added."> Example</a> The psd file has been included so that you can edit it with your site name.</p> <h2>Site Navigation</h2> <p>Both a top and right side navigation has been included with this template. You may use one or the other or both. If you wish to include a changing menu according to sections of your site on the right, then you will need to make the menu an editable region.</p> <p>If you require a dropdown menu, I can highly recommend <a href="http://www.projectseven.com/tutorials/navigation/auto_hide/"> CSS Express Drop-Down Menus</a> from Project Seven. </p> <h2>Images</h2> <p>Classes have been included to float images both right and left as well as centered on the page. All images you insert should be resized to the size you want displayed NOT resized by changing the width and height within the html code.</p> <h2>License Information: </h2> <p>This contribution is licensed to you under <a href="http://creativecommons.org/licenses/by/3.0/us">Creative Commons</a> by the owner, Pat Geary. You must attribute the template design to <a href="http://www.expression-web-tutorials.com/"> Expression Web Tutorials & Templates</a> by the link in the footer or the copyright statement meta tag.</p> <p> </p> <p> </p> <!-- #EndEditable --> </div> <!-- Main Content ends here --> <!-- Do NOT Delete or your footer will not fall below your content area --> <br class="clearFloat" /> <br /> </div> <!-- Content Container ends here --> <!-- Footer begins here --> <div id="footer"> <p>Copyright � 2010 Company Name. All Rights Reserved.</p> <p><a title="Copy and Paste the email address to your email editor to send me mail.">your-name<code>@</code>your-domain.com</a> | <a title="Privacy Policy." href="privacy-policy.html">Privacy Policy</a></p> </div> <!-- Footer ends here --> </div> <!-- Page Container ends here --> </body> <!-- #EndTemplate --> </html>