- ホーム
- > 洋書
- > 英文書
- > Internet / Web Programming
Full Description
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
Contents
Introduction xvii Acknowledgments xxiAbout the Author xxiiiChapter 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 16Chapter 2: Accessibility-What Is It? 19The Legal Basis 20Visual Impairment 21Motor Disabilities 29Deafness 31Learning Disabilities 31Seniors 33Chapter 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 56Chapter 4: Responsive Web Design 59But How Does It Work? 59CSS3 Media Queries 60Adapting Graphics and Videos 61Using HTML5 Apps 62Chapter 5: PHP and Joomla! 63Integrating PHP 63Comments 65echo 65Conditions: if Statements 66For Pros: Accessing Objects and Their Values 68Chapter 6: MooTools 71Why MooTools? 72MooTools Quick Start-Dollar Functions and Events 73The MooTools Core in Action 74The Class System 76The MooTools Principle 79Related Links 81Chapter 7: Tools 83HTML Validator and CSS Validator 83Web Developer Toolbar 84Firebug 85Helpful Tools for Accessibility 86Accessibility Extensions for Internet Explorer and Mozilla Firefox 87Chapter 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 99Chapter 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 105Chapter 10: The index.php: The Heart of the Matter 107The Document Head 107And Off We Go: The Body 114Chapter 11: The XML File and the Template Parameters 117templateDetails.xml: General Information 117Template Parameters: config 124Chapter 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 137Chapter 13: Modules-Dynamics within the Presentation 139jdoc:include 139Integrating the Module Flexibly into the Layout 149The Module Class Suffix 151The Menu Module 155Chapter 14: Designing Default Output Individually 161Inspecting the Default Output 161The Page Class Suffix 162Template Overrides 165Model-View-Controller 166Chapter 15: The System Template: Adapting and Modifying Output 173System Notices 173Replacing System Graphics 179component.php and How to Do Magic with It 179offline.php 183Chapter 16: Advanced Template Customization Tricks 185When the Reading Direction Changes: Right-to-Left Languages 185PHP Browser Switch 187PHP Tricks 189Chapter 17: The Default Templates and Their Features 193beez_20 and beez5 Templates 193Atomic Template 207Chapter 18: Practical Implementation 211Concept of the Beez Templates 212Chapter 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 253Chapter 20: Integrating Custom Features 259The Header Image-A Background Image? 259Using HTML5 Effectively 265Chapter 21: Final Tasks: Fine-Tuning and Creating an Installable Zip Archive 273Fine-Tuning 273Adapting the XML File 277Creating a Zip Archive 278Appendix 279Useful Links 279Helpful Functions 282CSS Classes Used and Their Elements 283Index 315
