home    services    tips   link exchange   blog   about   contact

 

example designs  

Some examples of different web designs that I have done with the Office Live site designer.  They all have been done by turning off the OL header, navigation and footer, with tables and text links for the navigation.  If you want to use the OL header and navigation, these examples can give you ideas for using tables to layout your page content.

 

These examples are all web pages.  Clicking on the images will open the page in a new window.  The first example has step by step directions on how it was done.  The others have some description related to them.

This site design and color scheme was inspired by a photo of my dog.  There are step by step directions on how to do this one, below the main part of the page.

A previous version of Office Live Design Tips.

 

I really liked how the design turned out.  I should have planned ahead for expanding and adding pages, but didn't think that I would add much at the time.  We live and learn.  : ) 

New!

An example of a very simple site for an artist, the artwork takes center stage.  The simple design would work well for a photographer or artisan too.

Another design I considered for this site.  The color scheme was based on the image of flowers. Included are brief directions on how the header and navigation was done.
I like dark sites, but other colors are good too.  This design was inspired by newspapers. 
This is a complete Office Live website of mine, not just a page. The only code used for the design was to change the link color and site width. 
  
I hope these examples of Office Live designs gives you some ideas for your own site and what can be done with tables, images, color and some creativity.

 

top

 

 

 

office live design tips © 2007 - 2008 www.oldesigntips.com, all rights reserved.     

 

 

table basics

 

images & tables

 

modules

 

customize header

 

navigation

 

create a gallery

 

example designs

 

forms

 

 css codes

 

resources

 

tell a friend

 

share a tip

 

feedback