If you view the index.php file in your browser now you'll see it's completely blank. This is where our relationship with OU ICE begins.
Copy and paste the core OU ICE template code into your index.php file.
Browse to index.php via your browser and you'll see that it has been brought to life!
The page now has the standard OU header and footer and space for your content.
Let's have a look at the core OU ICE code to see what's happening:
The document is identified as HTML, in English, using the UTF-8 character set.
A place-holder for the page title.
This server-side include contains links to all the core assets of OU ICE: Style-sheets (CSS) for screen, print, mobile and old versions of Internet Explorer and also the OU header javascript.
The ou-head.html include contains links to CSS and Javascript. This isn't exposed in the core PHP template so here's what you'll find:
Without the content of ou-head.html contained in the <head> of your web pages you wont be able to make use of the OU ICE styling.
Now, back to the core HTML..
The default class attribute on the <body> element is simply "ou". As you'll see later in this tutorial, there are various body class attributes you can use to toggle different layouts, colour schemes and navigation systems.
The next set of code is the core HTML needed to provide the OU ICE CSS and javascript with hooks to apply styling and behaviour. You'll notice that all class and ID names are prefixed with "ou-". This prefix is a reserved namespace for OU ICE. When writing your own custom code you should avoid using the ou- prefix to avoid clashing with OU ICE.
The code above call the standard OU header onto your web page. You'll find similar lines of code at the bottom of this code calling ou-footer.html and ou-foot.html.
ou-foot.html is an optional include that contains all the OU ICE scripts that can be run after the HTML and CSS. This include has a jQuery dependancy. If your site or web pages are not going to use jQuery then you should omit this line from your template. jQuery hasn't been bundled with OU ICE because OU's Drupal environment already calls both jQuery and OU ICE so it would be calling it twice! Therefore any site not using Drupal but wanting to use OU ICE specific scripts should call both jQuery and ou-foot.html. A future version of OU ICE will fix this quirk.