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
- 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”.
- Once you have set up the “Web application” create a “Site Collection” by going to “SharePoint Site Management” in “Application Management”.
- Choose “Create Site Collection” and select “Publishing Site” template.
- 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.
- 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”
- 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.
- 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.
- Go to “Application Management ” and select “Site collection administrators” from “SharePoint Site Management”.
- You will need to select the web application and click OK if the site collection is not pre selected.
- 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