طراحی قالب جوملا

Chapter 1: Getting Started as a Joomla! Template Designer 5Let's Get Going! 5Designing Templates vs. Designing Web Pages 6Things You'll Need to Know 7Joomla! 7XHTML 8CSS 9Not Necessary, But Helpful 9Summary 10

Chapter 2: Identifying Key Elements for Design 11Creating and Reviewing the Mock-Up 11The Joomla! Template 12Considerations to be Made 16Refining the Wheel 16Getting the Design Rolling 20Two Minute Color Schemes 20Defining the Graphic Style 23Slice 'n' Dice 25Putting It All Together 27Summary 28

Chapter 3: Coding It Up 29Got Joomla!? 30Joomla! Servers 30WYSIWYG Editors: What-You-See-Isn't-Really-What-You-Get 31Setting Up Your Workflow 35Firefox: Use It 36Let's Make a Template 37Table of Contents[ ii ]Making Changes to Your New Template 41The Difference between CSS Classes and IDs 46Changing Our Template Colors 50Changing and Adding New Images to Our Template 55Top Navigation Images 56The Header Image 57The Truth about XHTML 59Tabula Rasa 61The DOCTYPE 63The Main Body 65Getting the Layout Started 65Adding Joomla! Modules and Content 71Module Options 76Styling the New Template 78Summary 80

Chapter 4: Debugging and Validation 81Introduction to Debugging 81Troubleshooting Basics 83Advanced Troubleshooting 86Fixing CSS across Browsers 87Out-of-the-Box-Model Thinking 89The Road to Validation 92Advanced Validation 96Firefox's JavaScript/Error Console 96Firebug 97Extra Credit 98Summary 98

Chapter 5: Your Template in Action 99A Picture's Worth 99Easy XML 100Getting to Know Your XML 102Zip it Up! 109Uploading to Joomla! 110Summary 114

Chapter 6: Templating Markup Reference 115Your Markup and Joomla!'s 115What You Can and Can't Control 115mosLoadModule $style Control Options 117Menu Options 119Your CSS File 120IDs 120Table of Contents[ iii ]Classes 122Summary 125

Chapter 7: Dynamic Menus and Interactive Elements 127Dynamic Menus 128Drop Downs 128SuckeroomlaFish 129What If Nothing Drops? 130Installing the Extended Menu Module 131Applying the CSS to Joomla! 132Applying the DOM Script to Joomla! 135Using Flash 136The Template 137Pass Flash a Joomla! Variable 138Getting Around IE's ActiveX Restrictions 140In a Joomla! Page 143Summary 145

Chapter 8: AJAX / Dynamic and Interactive Forms 147Preparing for Dynamic and Interactive Forms 148You Still Want AJAX on Your Site? 149Joomla! Extensions 149Installing Joomla! Extensions 150Wrapping It Up 153Using the Wrapper Menu Item 154The AJAX Factor 157JavaScript Components and Libraries 158More Joomla! Extensions! 160Summary 161

Chapter 9: Design Tips for Working with Joomla! 163The Cool Factor 163Rounded Corners 164The Classic: All Four Corners 164Using Two Images Instead of Four 165The Two-Image "Cheat" 167I Don't Want Rounded Corners on all My Modules! 169Sizeable Text 170Graphic Header Text 173Using PHP to Make Graphic Headers Easy 175Advanced Tips 178Common WYSIWYG Editor Issue 178What About SEO? 180URLs 180Keywords and Descriptions 181Table of Contents[ iv ]Ways to Remove More Tables from Joomla! 182More Ways to Edit Joomla's XHTML Markup 184Final Note On Customizing the mainBody(); 184Summary 185