<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <!-- #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 © 2011, Pat Geary http://www.expression-web-tutorials.com/. All Rights Reserved" name="copyright" /> <link rel="stylesheet" type="text/css" href="styles/site.css" /> <link rel="stylesheet" href="styles/ajximagerotator.css" type="text/css" /> <script src="styles/ajximagerotator.js" type="text/javascript"></script> <!-- ====================================== Website Template Name: Summer Flowers Template Author: Patricia Geary Author URI: http://www.expression-web-tutorials.com/ Author Email: patgeary@comcast.net Date: July 2011 ======================================== --> </head> <body> <!-- Page Container begins here --> <div id="sitename"> My Site Name</div> <div id="outerWrapper"> <!-- Masthead begins here --> <div id="header"> <!--webbot bot="Include" u-include="_includes/banner.html" tag="BODY" startspan --> <div class="AJXIRMPUUeaD"><!-- AJXFILE:../styles/ajximagerotator.css --> <div class="AJXIRMPUUeaDpics"> <ul class="AJXIRMPUUeaDul"> <li class="AJXIRMPUUeaDli"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/10-27-flower-02.jpg" alt="10-27-flower-02.jpg" /></a></li> <li class="AJXIRMPUUeaDlihide"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/DSCN0398-crop.JPG" alt="DSCN0398-crop.JPG" /></a></li> <li class="AJXIRMPUUeaDlihide"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/james234.jpg" alt="james234.jpg" /></a></li> <li class="AJXIRMPUUeaDlihide"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/james500.jpg" alt="james500.jpg" /></a></li> <li class="AJXIRMPUUeaDlihide"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/nature01.jpg" alt="nature01.jpg" /></a></li> <li class="AJXIRMPUUeaDlihide"><a href="index.html"><img class="AJXIRMPUUeaDimg" src="images/yellow_flowers3.jpg" alt="yellow_flowers3.jpg" /></a></li> </ul> </div> <br /> </div> <!--webbot bot="Include" endspan i-checksum="41566" --></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"> <!-- Main Content begins here --> <div id="content"> <!-- #BeginEditable "content" --> <h1>Summer Flowers Template</h1> <p>The Summer Flowers site template uses one of the Site Templates offered on our sister site <a title="Site Templates." href="http://www.frontpage-to-expression.com/site-templates/">Migrating from FrontPage to Expression Web</a> - the <a title="Site Template - one column fixed width to 800px." href="http://www.frontpage-to-expression.com/site-templates/1col-fixed/">one column fixed width to 800px</a> - as a starting point. </p> <p>A top div was added for the SIte Name and colors changed via the external style sheet.</p> <h2>Masthead</h2> <p>The masthead for this template makes use of <a title="Ajatix's Banner / Image Rotator Expression Web Add-in." href="http://www.expression-web-tutorials.com/ajatix-image-rotator.html">Ajatix's Banner / Image Rotator</a> Add-in for Expression Web. You can view a tutorial on using this add-in by clicking on the link shown above. The images MUST be the same size and same orientation. Each of the images can link to an individual page. In the above sample all images link to the Home page of the site. Hovering the cursor over any of the images STOPS the slide show.</p> <p>The layout used is a one column fixed width that will fit an 800x600 screen resolution with no horizontal scroll. At that resolution, you will see very little of the dark green background. </p> <h2>Images</h2> <p>The images used in the masthead slideshow all came from <a title="FreeWebPageHeaders." href="http://www.freewebpageheaders.com/gallery/showgallery.php/cat/534">FreeWebPageHeaders</a>. These are only meant to show you how the add-in works. The images are all 800 x 200 pixels. You can add captions and navigation to the image but you might not want that if you are using the banner/ Image Rotator as your Masthead. You could add text directly to the image using your graphics editor. </p> <p>Classes have been included to float images both right and left as well as centered on the page. The image within the content of this page has a drop shadow added using an graphics editor. 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> <p><img alt="Sample Image from Fotolio." src="images/fotolia_14392281.jpg" width="315" height="315" class="imgctr" /></p> <h2>Top Navigation </h2> <p>The top navigation for this templates is a simple list styled to display horizontally. If you need a menu with a one level dropdown, I can highly recommend the free <a href="http://www.projectseven.com/tutorials/navigation/auto_hide/">Project Seven CSS Express Menu</a>.</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> <!-- #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 © 2011 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> <p>Template Design: <a href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates</a></p> </div> <!-- Footer ends here --></div> <!-- Page Container ends here --> </body> <!-- #EndTemplate --> </html>