Ostraining - Joomla 1 Template Design

This class will take you step-by-step from your initial design to a finished Joomla template.

Creating a fantastic look and feel for your Joomla site is pretty important. You can buy templates or even download and use free ones. However, if you really want a unique look, you need to create your own template.

In the first part of the class, we'll introduce you the world of Joomla templates and show the tools you'll need for template design.
- Introduction to the Joomla 1.5 Template Course
- Introduction to Joomla Templates
- Resources You'll Need on Your Mac
- Resources You'll Need on Your PC
- Artisteer
- Template Clubs

In the second part of the class, you'll learn how about the key files that a Joomla template needs:
- Building Block 1 - Table of Contents - templateDetails.xml
- Building Block 2 - Template Framework - index.php
- Building Block 3 - Template Styles - CSS
- Building Block 4 - Template Images - /images/
- Building Block 5 - Template Security - index.html

In the third part of the class, you'll create and use all of the key files:
- Brief CSS Tutorial
- Step 1 - Setting Up the Template Files
- Step 2 - index.php
- Step 3 - Finishing the CSS and index.php
- Step 4a - Some Styling Tips and Tricks
- Step 4b - Conditional Statements
- Step 5 - templateDetails.xml

In the fourth part of the class, you'll learn how prepare a Photoshop file for Joomla:
- Slicing - Exporting the Background
- Slicing - Exporting Elements
- Final Site and CSS

In the fifth part of the class, youi'll learn how to add advanced features to your template:
- Module Styles
- Advanced Joomla CSS
- Template Parameters
- Template Overrides

In the final part of the class, we'll show you how to covert an HTML design to Joomla.
- Introduction
- Setting Up The Files
- Header and Logo
- More About the Header
- The Menus
- Main Content
- Footer and Cleanup