Lynda.COM Joomla! 1.6: Creating and Editing Custom Templates

Author:
Jen Kramer

Duration:
04h 29m

Released on:
3/22/2011

Exercise files:
Yes


In Joomla! 1.6: Creating and Editing Custom Templates, Jen Kramer shows web designers how to create eye-popping web sites with Joomla! templates and CSS. The course starts with the basics: how to add the Joomla! template codes to a static HTML layout, install the template package, and clean up styling after installation. The course also covers advanced styling techniques, such as creating multiple layouts within the same Joomla! template, configuring menus and submenus, and implementing template overrides and template styles. Exercise files accompany the course.
Topics include:

    Preparing an HTML comp for conversion to Joomla!
    Converting from the index.html file to index.php
    Installing the template package file
    Downloading and installing tools
    Styling active links, navigation, sidebars, and more
    Assigning optional regions in the template
    Displaying modules within an article
    Performing overrides
    Setting exceptions for the home page





Introduction
Welcome           00m 54s
Using the exercise files           02m 30s

1. Understanding Joomla! Templates
Restoring the "chapter starting state" exercises           07m 55s
Joomla! templates           01m 46s
Understanding Joomla! template files           05m 18s
Understanding the index.php file           07m 01s
Understanding the XML file           08m 09s

2. Converting the HTML Comp to Joomla! Templates
Getting the HTML comp ready for conversion           04m 21s
Creating template thumbnails and previews           05m 51s
Converting from index.html to index.php           06m 53s
Using the Module and Component insertion code           08m 03s
Creating a new XML file           05m 56s
Changing the favicon           03m 13s
Creating the ZIP package install           02m 31s

3. Installing the Joomla! Template Package File
Installing the package file           03m 14s
Assigning modules and fixing the logo           07m 21s
Fixing typical installation problems           03m 09s

4. Working with CSS, Index.php, and Joomla!
Using the Firefox Web Developer toolbar           04m 31s
Using Firefox's Firebug           02m 37s
Using ColorZilla           01m 48s
Dreamweaver CS5 and Joomla!: Setup           06m 40s
Dreamweaver CS5 and Joomla!: Using the Filter tool           07m 24s

5. Styling Your Joomla! Template
Styling the top navigation           12m 14s
Styling the active link           05m 07s
Styling the left navigation           07m 03s
Styling the footer           05m 11s
Styling the news on the home page           05m 16s
Styling the right sidebar using a rounded module style           11m 09s
Using module suffixes           07m 26s
Styling a multipage article           07m 34s
Styling a category list           05m 13s
Styling a category blog           06m 20s
Styling a photo blog           05m 24s
Styling webs links           05m 22s
Styling a contact list           06m 05s
Styling a contact form           08m 00s
Styling a breadcrumb, login, and random image           10m 47s
Styling Simple Image Gallery           07m 45s

6. Advanced Template Features
Assigning "optional regions" in a Joomla! template           09m 23s
Displaying modules within an article           06m 55s
Template overrides           08m 54s
Layout overrides: Modules           06m 02s

7. Joomla! Template Styles: Setting Exceptions for the Home Page
What is a template style?           02m 24s
Editing the XML file           03m 37s
Making changes to index.php and assigning style           05m 49s
Creating a new CSS file to override default.css           03m 02s

Conclusion
Goodbye           00m 27s