Floral Inspiration Site Templates
If you are using Firefox and click the Download button, you will see a bunch of gibberish. Instead, right click the Download button and save the file to your computer.
The Floral Inspirations Site Template package is meant to be an example of something you can do with one of the site templates offered by our sister site Migrating from FrontPage to Expression Web. This particular one is based on the 3 equal columns layout with a fixed width of 1024px. A background image for the contentWrapper achieves this effect.
Body Background
To achieve the body background look, one image, the top border, is included in the body style rule and repeated horizontally. A second <div> tag was added to contain the main page background and is repeated horizontally and vertically. Make sure you also specify a background color for each in case the background image does not load.
The background of a box can have multiple layers in CSS3. The number of layers is determined by the number of comma-separated values in the ‘background-image’ property. Note that a value of ‘none’ still creates a layer. Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties. The lists are matched up from the first value: excess values at the end are not used. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough. Layering multiple background images
Masthead
The Site Name on this DWT uses plain text styled with CSS. You might choose to use a graphic image as on the alternative-index.html
Menu
The menu on the Floral Inspiration site template uses one of the commercial add-ins for Expression Web, CSS Drop Down Menus by Ajatix. If you do not have this program you can substitute another horizontal menu for it. There are several available from Dynamic Drive. This add-in allows for both horizontal menus with drop downs and vertical menus with flyouts.
Sidebar Content
If you want the sidebars to remain the same from page to page, leave them as they are. If you want all or a portion of them to change from page to page, you will need to make those areas an editable region.