Use advanced navigation for a better experience.
You can quickly scroll through posts by pressing the above keyboard keys. Now press the button in right corner to close this window.

SharePoint 2010 Branding – Part One

This entry is part 1 of 9 in the series SharePoint 2010 Branding Series

In this series we will be looking at how we can make our external SharePoint site look beautiful and certainly very different from the out of the box look and feel that you can see below.

The design we will be going for is the Orange Website below and it contains the following features

 

  • jQuery Banner Image
  • Custom Breadcrumb
  • Corporate Header / Footer
  • Security Trimmed Ribbon

However, before we jump straight into the practical lets take a quick look at the designs that have been created around the world which make SharePoint look beautiful.

   

   
These are some of the designs that have been injected into SharePoint to bring it to life and I hope you agree that they are wonderful.

Now before we start designing and building the site we need to think about the resources and tools we need.

SharePoint Designer

Download SharePoint Designer 32-bit – If you are still using MOSS 2007, WSS 3.0 or the 32-bit version of Microsoft Office you will need to download the 32-bit version of SharePoint Designer as it will not install with different architectural versions of Office and there is only a 32-bit version of SharePoint Designer 2007
Download SharePoint Designer 64-bit – The only requirement is that you don’t have the 32-bit version of Office as above.

Free SharePoint MasterPages

This year I finally manage to put together the codeplex project I had been threatening to put together for 18 months and this includes three different MasterPages you can download absolutely free. This includes the accompanying CSS.

FreeSPMP Codeplex

Kanwal Khipple MVP has created a similar project and we are hoping to have a discussion at SharePoint Saturday The Conference about hopefully merging the two projects.

SPMasterPage Codeplex

Randy Drisgill MVP created the following project on codeplex which was the basis for my project above. This includes a very well commented set of MasterPages providing you with a good starting point when creating your own design
This will be the basis of the series

Starter MasterPages Codeplex

Once we have SPD and the Starter MasterPage we can begin to think about planning, mockups and then creating the design.

Tomorrow we look at planning and mockups.

Matthew Hughes

Series NavigationSharePoint 2010 Branding – Part Two >>

4 Comments

  1. Pingback : Master course on Master Pages « vsimonis

  2. Pingback : Not at SPC11 – SUGUK Unconference | 21apps

  3. Pingback : Sharepoint Saturday UK | GrumbleDook Thinks

  4. December 7, 2012  18:33 by Robert Reply

    Hello Matthew;
    I'm downloading the master pages you cite in SharePoint 2010 Branding – Part One. You mention that the starter master pages from Randy Drisgill are the basis for your project. However, when we get to Randy's Codeplex download page his master pages are labled:

    Starter Master Pages for SharePoint 2013
    by Randy Drisgill - MVP SharePoint Server

    Can the contents of his download be used in SharePoint 2010 or are they exclusively for SharePoint 2013?

    Thanks,
    Robert

Leave a reply

Your email address will not be published.

All People in SharePoint 2010

SharePoint 2007 had this great little link when you were viewing permissions and groups called All People. This would give you a full list of all people who have logged into your s[...]

Hide Sections Of InfoPath Forms

If you have been over to my main blog then you will know that where I work makes a lot of use of InfoPath 2010 forms as part of our drive to go paperless. Some of these forms have [...]

small_keyboard