This document discusses designing websites using Joomla templates. It provides information on finding and customizing templates for Joomla 1.5, including what's new in 1.5 templates like new parameters and content calls. It also discusses standards and accessibility considerations for templates. Examples are given of well designed Joomla websites and the slides are available online.

1. CREATIVE JOOMLA! Dinah Randall / Melbourne Joomla!Day 2008

2. Inside Joomla Templates and Design How can I design a site in Joomla! 1.5?

3. Inside Joomla Templates and Design How can I design a site in Joomla! 1.5? Words from a template designer and coder

4. Creative Joomla! Design constraints

5. Creative Joomla! Design constraints Find and customise a template

6. Creative Joomla! Design constraints Find and customise a template What’s new in Joomla! 1.5 templates

7. Creative Joomla! Design constraints Find and customise a template What’s new in Joomla! 1.5 templates That’s a good look!

8. Design Constraints What your designer needs to know

9. Site Design

10. Anatomy of a template

11. Module Positions

12. Module Positions Detail

13. Design Constraints Standards and accessibility W3C standards Usability Tableless HTML Accessibility Source Ordering SEO tagging

14. Find a template Free templates http://www.bestofjoomla.com/component/option,com_bestoftemplate/Itemid,46 http://www.joomla.org/content/blogcategory/19/51 http://joomlashack.com http://www.siteground.com/joomla-hosting/joomla-templates.htm http://www.joomla24.com/ http://forum.joomla.org/index.php/board,479.0.html Blank (unstyled) 1.5 template http://s.imp.ly/joomla/index.php?option=com_content&view=article&id=45&Itemid=54&6414148bfaaea5bf75a0d701b35febbb=0322fd5f0fdf9596191344b8f91a1464

15. Customise a template Using your own logo, styles & menus Template Tutorials http://www.compassdesigns.net/tutorials/joomla-tutorials/joomla-1.5-template-tutorial.html http://forum.joomla.org/index.php?topic=248595.msg1144729#msg1144729 Customising a Joomla! 1.5 template is not an entry-level job!

16. What’s new in 1.5 Parameters Used in 1.5 to select colour, font-size, width, layout and menu options. Defined in the XML and params.ini files Chrome Over-rides Content calls Migration from 1.0 to 1.5

17. What’s new in 1.5 Parameters Chrome No more -1, -2, -3 Use raw, xhmtl, table, horz, rounded, none, outline Module positions defined in XML Over-rides Content calls Migration from 1.0 to 1.5

18. What’s new in 1.5 Parameters Chrome Over-rides Over-ride HTML output for any component or module – model/view/controller. See ‘Beez’ Content calls Migration from 1.0 to 1.5

19. What’s new in 1.5 Parameters Chrome Over-rides Content calls New calls to Joomla methods and parameters from index.php - jdoc Migration from 1.0 to 1.5

20. Content Calls 1.0 old style $mainframe->getTemplate() $mosConfig_live_site <?php mosLoadModules ( 'right',-2 ); ?> <?php mosMainBody(); ?> 1.5 new style $this->template $this->url <jdoc:include type=&quot;modules&quot; name=&quot;right&quot; style=&quot;xhtml&quot; /> <jdoc:include type=&quot;component&quot; />

21. What’s new in 1.5 Parameters Chrome Over-rides Content calls Migration from 1.0 to 1.5 http://www.developer.joomla.org/wiki/Tutorial:Upgrading_a_Joomla%21_1.0.x_template http://forum.joomla.org/index.php/topic,248595.0.html

22. That’s a good look! Joomla! designs…

23. Joomla! Design http://www.habitsbaranddining.com.au Melbourne Joomla!Day 2008

24. Joomla! Design http://www.malarmarden.se Melbourne Joomla!Day 2008

25. Joomla! Design http://www.palgor-publicidade.com Melbourne Joomla!Day 2008

26. Joomla! Design http://www.spacemakerwardrobes.com.au Melbourne Joomla!Day 2008

27. Joomla! Design http://www.lonestar.com.au Melbourne Joomla!Day 2008

28. Joomla! Design http://www.childrenoftherevolution.com.au Melbourne Joomla!Day 2008

29. Joomla! Design http://www.cinemalecep.com Melbourne Joomla!Day 2008

30. Joomla! Design http://www.vallartaencountours.com Melbourne Joomla!Day 2008

31. Joomla! Design http://www.cultureelcafe.nl Melbourne Joomla!Day 2008

32. Joomla! Design http://www.detainee002.com Melbourne Joomla!Day 2008

33. Joomla! Design http://btl.bialystok.pl Melbourne Joomla!Day 2008

34. Joomla! Design http://www.firststepsforkids.com Melbourne Joomla!Day 2008

35. Joomla! Design http://www.waterandstone.com Melbourne Joomla!Day 2008

36. Joomla! Design http://www.55thinking.com Melbourne Joomla!Day 2008

37. CREATIVE JOOMLA! Dinah Randall / Melbourne Joomla!Day 2008 Slides online at www.slideshare.net - search for ‘MJD08’