Skip to main content

Chandima.Net Blog for SharePoint solutions

Go Search
Home
Blog
Demo
  
Chandima.NET > Chandima.Net Blog for SharePoint solutions > Articles > Presentation  

Web Part Page Title Bar image
UX01 A Guided Tour Through SharePoint HTML, CSS, and Master Page Resources

All about SharePoint best practice... ask me how

Here are the resources from my presentation “UX01 A Guided Tour Through SharePoint HTML, CSS, and Master Page Resources”

Presentation Slides

Presentation Files

Site Resource Files

Download Site Backup

This package contains a full site backup of all the demo sites and sub sites as well as the CSS and Master Page templates. Please see below for how to setup this site in a development environment.

CSS and Master Pages

Download Master pages and CSS file

Contains CSS styles from CORE.CSS with comments on where the styles are used

For a reference please refer to Heather Solomon's CSS reference chart.

How to setup the site collection

Assumptions:

  • You are logged onto a server running MOSS with administration privileges and you have access to Central Administration.
  • You know how to provision a SharePoint site using Central Administration
  • You know how to use the STSADM command line utility

Steps to setup the APACDEMO site

  1. Open up Central Administration and provision a site from the “Application Management” tab by choosing “Create or Extend Web Application”. You need to create a new “Web Application”.
  2. Once you have set up the “Web application” create a “Site Collection” by going to “SharePoint Site Management” in “Application Management”.
  3. Choose “Create Site Collection” and select “Publishing Site” template.
  4. Create a site collection and give it a name and a URL. You’ll need to note down the URL for restoring the backup using the STSADM command.
  5. Check that you can access the site collection you created. Open up a CMD prompt and change the Directory location to: “C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\BIN”
  6. Restore the site backup from the location you saved the.bak file.
    stsadm -o restore -url http://apacdemosite -overwrite -filename C:\WSSBackups\APACDEMO.bak

    Replace http://apacdemosite with your site’s URL. Replace C:\WSSBackups\APACDEMO.bak with the location of where you saved the downloaded backup file.
  7. Go back to Central Administration when the restore is completed as you will need to add yourself as a site collection administrator to the new site collection after the restore.
  8. Go to “Application Management ” and select “Site collection administrators” from “SharePoint Site Management”.
  9. You will need to select the web application and click OK if the site collection is not pre selected.
  10. Then add the Primary and Secondary site collection administrators.

You should now be able to navigate to the restored site(s). To start editing pages and CSS open up SharePoint Designer and open the web site.

Other Resources

Zac Smith

Guide to making SharePoint XHTML compliant a developers perspective

Ari Bakker

Minimal SharePoint Master Page

Heather Solomon

Customisation options for WSS and MOSS 2007

http://www.heathersolomon.com/blog/articles/sp2007.aspx

Andrew Connell

MOSS Web Content Management Resources

http://www.andrewconnell.com/blog/articles/MossWcmResources.aspx