Book Image

Joomla! 1.5 Template Design

By : Tessa Blakeley Silver
Book Image

Joomla! 1.5 Template Design

By: Tessa Blakeley Silver

Overview of this book

<p>Using Joomla! Templates with HTML and CSS allows you to give a unique look and feel to your site, present a "fresh face" to your pre-existing content, ensure that your site design is consistent with your brand, and build a site layout that suits your unique needs. A quality web site is easily within your grasp using these cutting-edge templates. However, even experienced web developers need help to take their designs and turn them into flexible and easily maintainable Joomla! 1.5 templates.<br /><br />The release of Joomla! 1.5 meant a radically enhanced template system that is very different from that of Joomla! 1.0. Joomla! 1.5 comes complete with the ability to create template overrides and customize "module chrome". The Joomla! development team has also revamped the template process by introducing clean, understandable jdoc tags in place of the PHP function-based Mambo-derived markup that Joomla! 1.0 templates used. This book focuses squarely on the new enhancements to the Joomla! 1.5 templating process and walks web designers through the process of turning a working XHTML and CSS "mockup" into a fully functional Joomla! 1.5 template.<br /><br />This well-crafted and easy-to-use book provides you with everything you need to create your own unique Joomla! 1.5 template. It guides you through setting up a basic work flow for Joomla! template design, debugging and validating the template code, creating drop-down menus and dynamic forms for your site, and packaging up your finished template in a ZIP file for users. At the end of this book you will be able to create a template that is effective, flexible, and presents a new look for the pre-existing content.<br /><br />This book focuses on the new jdoc template system for Joomla! 1.5. It is geared toward web designers who need to know how to turn their designs into Joomla! 1.5 templates. It covers how to enhance and speed up your design and revision process, then focuses squarely on the Joomla! 1.5 essentials of creating a template. It covers implementing template overrides, the best approaches for implementing Flash and AJAX techniques, as well as advanced enhancements such as creating design parameters so users can have some control over the template via the administration panel. The original 1.0 book covered how to amend an existing 1.0 template before creating one from scratch, the new templating features of Joomla! 1.5 are so logical to implement we move right into creating a full table-less, semantic XHTML/CSS template from scratch.</p>
Table of Contents (15 chapters)
Joomla! 1.5 Template Design
Credits
About the Author
About the Reviewers
Preface
Index

Your Joomla! 1.5 work flow


Your work flow will pretty much look like this:

You'll be editing your CSS and XHTML mockup code in your HTML editor, removing static text display items and placing in Joomla! and PHP code so that your template will start to work with Joomla's content. After each edit, you'll hit Save, then use Alt+Tab or task bar to move over to your browser window. You'll then hit "Refresh" and check the results. (I'll usually direct you via Alt+Tab, but whichever way you get to the directed window is fine.) Depending on where you are in this process, you might also have two browser windows or tabs open—one with your Joomla! 1.5 template view and the other with your Joomla! 1.5 Administration panel. It's handy to have the Administration panel open so that you can add content on-the-fly or adjust module positions to see how they work with your template's layout as you code it up.

Whether you're using Dreamweaver or a decent text editor, such as TextWrangler, TextMate or Coda...