Joomla! Templates by Angie Radtke | WHSmith Books
Joomla! Templates

Joomla! Templates

By: Angie Radtke (author)Paperback

Up to 2 WeeksUsually despatched within 2 weeks

£31.34 RRP £32.99  You save £1.65 (5%) With FREE Saver Delivery


Master All Facets of Joomla! Site Customization with Templates Now, for the first time, there's a complete, authorized guide to template design, development, and customization with Joomla!. Packed with examples, this clear, concise, practical text covers everything from beginning-level skills to power techniques-even creating new HTML5-native mobile views, today's most exciting new Joomla! capability. Internationally renowned Joomla! expert Angie Radtke brings together essential knowledge about usability, CSS, information architecture, PHP, JavaScript, accessibility, HTML5, and more. Using concrete examples, Radtke guides you through applying these technologies and best practices to construct and deploy world-class site templates. You'll walk through every key technical option, fully understanding the internal interactions that control Joomla! template behavior. Radtke concludes by walking you step-by-step through a complete workshop project: transforming a template created in Photoshop into a working Joomla! template. Joomla! (R) Templates will be invaluable for every professional web designer and developer who uses Joomla!, for advanced nonprofessional users, and for less experienced users who want to customize their own sites instead of paying others to do it. This title's concise, easy-to-use coverage includesUsing Joomla! templates to customize any website to your exact requirements Learning how Joomla! templates are structured and how they behave Quickly changing a Joomla! site's look and feel Making sure your templates fully support accessibility and standards Getting your basic template structure into shape with CSS and HTML Designing responsive Joomla! templates and sites Supercharging your templates with JavaScript Analyzing HTML, CSS, and accessibility Integrating template components, including index.php, the XML file, template parameters, and language files Adapting and modifying output via the system template Mastering advanced template customization

About Author

Angie Radtke is a member of Joomla!'s design and accessibility team. An accomplished web designer, she developed the Beez 2.0 and Beez 5 templates for barrier-free design that are now included in the Joomla! package. Her consultancy, Der Auftritt, specializes in creating targeted communication solutions for web and print. Through her work, she has repeatedly proven that appealing designs, accessibility, and content management systems can work together seamlessly. Radtke's web design for the German Foundation Against Global Hunger and Poverty has been nominated for the DMMV's Multimedia Award for Barrier-Free Web Design.


Introduction xvii Acknowledgments xxiAbout the Author xxiii Chapter 1: The Basis: Designing the Content and Visual Concept 1It All Starts with the Structure 1Recognizing User Expectations 2Page Layout-Visually Structuring Content 3The Graphical Layout-Visual Appearance Matters 7Fixed and Fluid Layouts 16 Chapter 2: Accessibility-What Is It? 19The Legal Basis 20Visual Impairment 21Motor Disabilities 29Deafness 31Learning Disabilities 31Seniors 33 Chapter 3: CSS and HTML-Getting the Basic Structure into Shape 35A Few Words about the History 35Which Version of HTML Should I Use? 36The Basic HTML Structure 38A Brief Introduction to CSS 38Using Multiple Classes Together 44Positioning and Box Model 47CSS Hacks and Browser Problems 52CSS Tuning 54CSS3-A Brief Overview 55Vendor Prefixes 55Overview of the Three Most Useful CSS Statements 56 Chapter 4: Responsive Web Design 59But How Does It Work? 59CSS3 Media Queries 60Adapting Graphics and Videos 61Using HTML5 Apps 62 Chapter 5: PHP and Joomla! 63Integrating PHP 63Comments 65echo 65Conditions: if Statements 66For Pros: Accessing Objects and Their Values 68 Chapter 6: MooTools 71Why MooTools? 72MooTools Quick Start-Dollar Functions and Events 73The MooTools Core in Action 74The Class System 76The MooTools Principle 79Related Links 81 Chapter 7: Tools 83HTML Validator and CSS Validator 83Web Developer Toolbar 84Firebug 85Helpful Tools for Accessibility 86Accessibility Extensions for Internet Explorer and Mozilla Firefox 87 Chapter 8: Now for the Details: A First Look at Templates 91Atomic 91beez 20 and beez5 91The Template Manager: Styles 92The Template Manager: Templates 94Installing Templates 99 Chapter 9: The Underlying Structure 101The Heart of the Matter, the index.php 102The css Folder 102templateDetails.xml 103The images Folder 103The html Folder 103The javascript Folder 103The language Folder 103component.php 103error.php 104template thumbnail.png and template preview.png 104favicon.ico 104The fonts Folder 105The index.html 105 Chapter 10: The index.php: The Heart of the Matter 107The Document Head 107And Off We Go: The Body 114 Chapter 11: The XML File and the Template Parameters 117templateDetails.xml: General Information 117Template Parameters: config 124 Chapter 12: The Language Files 135How Joomla! Translates Constants to Multiple Languages 135Adding Your Own Languages 136Joomla! Conventions for Using Language Strings 137Language Files in index.php Using the Examples of Skip Links 137 Chapter 13: Modules-Dynamics within the Presentation 139jdoc:include 139Integrating the Module Flexibly into the Layout 149The Module Class Suffix 151The Menu Module 155 Chapter 14: Designing Default Output Individually 161Inspecting the Default Output 161The Page Class Suffix 162Template Overrides 165Model-View-Controller 166 Chapter 15: The System Template: Adapting and Modifying Output 173System Notices 173Replacing System Graphics 179component.php and How to Do Magic with It 179offline.php 183 Chapter 16: Advanced Template Customization Tricks 185When the Reading Direction Changes: Right-to-Left Languages 185PHP Browser Switch 187PHP Tricks 189 Chapter 17: The Default Templates and Their Features 193beez 20 and beez5 Templates 193Atomic Template 207 Chapter 18: Practical Implementation 211Concept of the Beez Templates 212 Chapter 19: Step by Step to a New Layout 217Step 1: Positioning the Navigation 218Step 2: Filling the Center Column with Content 218Step 3: Adjusting the Number of Articles 223Step 4: Visually Designing the Header 223Step 5: Integrating the Module Position for the Header Picture 235Step 6: Adapting the Footer 239Step 7: Adapting the Minimum Height of Content 240Step 8: The First Tests 241Step 9: Customizing Typography 245Step 10: Formatting Module Headings 246Step 11: Assigning the Background Image to the Homepage Article 249Step 12: Final Tests 253 Chapter 20: Integrating Custom Features 259The Header Image-A Background Image? 259Using HTML5 Effectively 265 Chapter 21: Final Tasks: Fine-Tuning and Creating an Installable Zip Archive 273Fine-Tuning 273Adapting the XML File 277Creating a Zip Archive 278 Appendix 279Useful Links 279Helpful Functions 282CSS Classes Used and Their Elements 283 Index 315

Product Details

  • ISBN13: 9780321827319
  • Format: Paperback
  • Number Of Pages: 368
  • ID: 9780321827319
  • weight: 580
  • ISBN10: 0321827317

Delivery Information

  • Saver Delivery: Yes
  • 1st Class Delivery: Yes
  • Courier Delivery: Yes
  • Store Delivery: Yes

Prices are for internet purchases only. Prices and availability in WHSmith Stores may vary significantly