July, 2010

  • Expression Web team blog

    Free Green Business Web Site Template

    • 8 Comments

    The Expression Web team brought me on their team for the summer to develop the markup for some fresh, new, and best of all, free site templates. I’m pleased to announce our first site template, Green Business (designed by the team’s UX designer, Lena Yeoh), is ready for download:

    http://gallery.expression.microsoft.com/en-us/GreenBusiness

    Green Business website template homepage

    The core layout of every page in the site is based on a 960 grid which provides a flexible structure I can use to quickly develop most any layout.

    Page of thumbnails from the Green Business site template Detail page from the Green Business site template

    I’ve developed the Green Business pages so you can easily remove elements from a page (images, text, etc.) and swap in your own content without breaking the page’s underlying layout. For example, in the following screenshots, I deleted all the filler text and content from the page. As you can see the structure of the page is still left intact, giving you the freedom to swap in and out whatever content you want.

    On the other hand, if you want to use the existing photographs provided in the site template, you are free to use and publish them.

    Customized page from the Green Business site template Customized page from the Green Business site template

    The Green Business site includes a master.dwt (Dynamic Web Template) file which you can use to make new pages that have the same look and feel as the rest of the website, and to make changes to the header and footer of all pages that use the DWT. (If you are new to working with DWT files, read this tutorial: http://expression.microsoft.com/en-us/dd939172.aspx. If you’d rather not use DWTs, choose Format > Dynamic Web Template > Detach from Dynamic Web Template while a page is open or selected in the file list.)

    The site template also includes e-mail spam bot protection code for your e-mail address, and, naturally, standards compliant XHTML mark-up and CSS2.1.

    The Green Business template is packaged for Expression Web 4 and includes simple and easy to follow instructions in a file named ReadMe. It also provides information on how to install the template on Windows XP, Vista and Windows 7.

    I hope you enjoy this template! Let us know if you have any questions or comments.

    Jimmy Lee, front-end web developer Jimmy Lee, front-end web developer
    Microsoft Expression Web

Page 1 of 1 (1 items)