Your Design Needs | All you need for creative work

All Free Design Resources

Designing your website with Office Live

Design TrainingDesigning your website with Office Live

Here is a bit of an in depth look at how to create your web site with Microsoft® Office Live, a free, browser based site Design Training tool .

Step 1.

After signing up you will be presented with this screen (this is somewhat cropped to only show the parts I want to show at the moment):

I have circled the link you need to click to get started with the design process. At this point make sure you are not blocking poups because the design tool is in a popup window.

Step 2.

Next you will be presented with a Design Tutorials :

The options you have are:

  • You can upload a logo to go above the header. You have the choice of displaying the Windows Live search box above your header also.
  • The top corner image can be replaced with another 5 choices.
  • The header can have different positioning. For example the above image I mentioned can be placed on the left, right or middle, chosen from a number of presets.
  • “Welcome” and slogan can be customized and also moved around.
  • You can change the colour theme, choosing from 30+ predefined palettes as shown below.
  • Navigation can be moved to run along the top, the left only, or both the top or left.
  • These were the options in the “Site Designer” mode.

Next we switch to the “Page Editor” mode which gives us further options.

Step 3

In “Site designer” mode, you have the option of changing your content and it’s layout, adding images, hyperlinks, etc. You have “zones” to work with, each one individually editable and movable to be either next to eachother or under eachother. You can have one, two or three zones.

There is a list of “Modules” which include Calendar, “Contact us”, Slideshow, “Map and directions” etc. These are ready made widgets which you can add to your Zones. They can be done manually also but using these modules is very user friendly.

You can add a new page to your site by clicking on the “web pages” menu which brings up a list of predefined template pages you can choose from.

Here is the end result of my creation:

Overall my impression was that Office Live is very user friendly. It does a good job for those who need to get a simple business site on the web fast without having to spend any money or time learning HTML.


March 16, 2009 - Posted by | Design News, Design Training, Design Tutorials, Fonts Download, Free Photoshop Brushes, Free Web Templates, illustrations, photoshop brushes, Stock Photography, Web Design | , , , , , , , , , , , ,


  1. You can add a new page to your site by clicking on the “web pages” menu which brings up a list of predefined template pages you can choose from.

    Comment by yourdesignneeds | March 16, 2009 | Reply

  2. great tips

    Comment by tarunkjuyal | March 16, 2009 | Reply

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: