In this recipe we will configure a Force.com site that displays a single page. The contents of the page are static, and the page will be publicly available to unauthenticated visitors.
This recipe uses the Bootstrap framework (http://twitter.github.io/bootstrap/) to style the page. The JavaScript and CSS files are included from the BootStrapCDN (http://www.bootstrapcdn.com/index.html) content delivery network rather than being uploaded as Salesforce static resources, as this makes it straightforward to move to new versions simply by changing the URL of the included file. Bootstrap in turn relies on the jQuery (http://jquery.com/) JavaScript framework. This is included from the Google Hosted Libraries content delivery.
Note
This does introduce a dependency on the BootstrapCDN and Google Hosted Libraries sites and in the event that either site was unavailable or access blocked, the Bootstrap styling and functionality would be lost.
Before the site can be configured...