Templating with Joomla! 3 and Bootstrap

English | .MP4 | AVC, 960X540 29.970 fps | AAC, 32.0 KHz | 5h 8m | 1.26 GBeLearning

In this course, Jen Kramer shows how to build a custom Joomla! template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices. This course covers using Joomla! 3 with its built-in Bootstrap framework, and a start-to-finish development strategy that covers everything from converting the wireframe to HTML, to styling the headers and footers. Jen also shows how to incorporate Dreamweaver and the Firefox developer tools into your workflow, and accommodate multiple layouts and color variations in a single template.

Topics include:

Reviewing the graphic designs

Creating HTML based on the Bootstrap framework

Converting the HTML to a Joomla! template

Installing the custom Joomla! template

Using Firebug and the Firefox Web Developer Toolbar

Styling the navigation bars

Creating a dropdown menu

Modifying the template for tablets and phones

Working with advanced template features, like overrides