About this lesson: Learn how to use php's include / require functions in combination with 960 CSS grid system and Jquery UI tabs to create a simple website

References

Key topics

Include Files
Include Paths
Boolean Values - true / false
Arrays
Organising your files

Key Operators

The greater than operator (>)
The less than operator (>)
The equality operator (==)
The not equal to operator (!)

Key terms

Templating
Program Logic
Presentation Logic

Create your application directory

The Include Statement

Step 1: Create a html header

Step 2: Create a html footer

Step 3: Create Index.php File

Create and run this file and examine the source generated

Step 4: Update header file with css and jquery

Download 960.gs css and place it css directory
Download jqueryUI css and place it css directory
Link to Live version of jquery
Download jquery UI

Step 5: Create custom JS file

Step 6: Create a new Body file

Create a set of divs which are converted into tabs by jquery
Further Reference: Jquery UI Tabs

Step 7: Update Index.php File

Update file to include new body file

Step 8: Build a Navigation Template

A common navigation bar
Further Reference: Listamatic

Step 9: Build a Navigation CSS file

A separate CSS file for navigation
Further Reference: Listamatic

Step 10: Update header references for CSS

Step 11: Update index.php references to new navigation