Верстка шаблонов на JoomlaПрактически всем, кто сталкивается с созданием сайтов на уже готовых CMS, приходится решать вопрос с версткой шаблонов. Так как те шаблоны, что уже существуют и распространяются бесплатно, имеют ряд значительных недостатков.
Во первых это конечно, не достаточная проработка дизайна сайта.

В каждом шаблоне можно найти нестыковки, которые бросаются в глаза. Это прежде всего связанно с большими трудозатратами и бесплатно, конечно этого никто делать не станет.
Второе, ограниченный функционал шаблона, как правило они создаются без особого предназначения. Поэтому подобрать готовый, бесплатный шаблон под все нужды бывает просто невозможно.

Создаем верстку шаблонов в Joomla с нуля.

В Joomla, как и во всех остальных движках для прежде всего следует определиться сос труктурой сайта, как и где будут меню и так далее. Нам нужно создать так называемый макет страницы, как можно более детально, это поможет двигаться в правильном управлении, как бы одевая его.
Для более полного понимания, из чего состоит шаблон Joomla, необходимо понять его структуру, так же не зависимо от версии, будь то 1.5 или новая 2.5 эти файлы те же.

Верстка шаблонов на Joomla
CSS – папка, где храняться файлы таблиц стилей, это делается для увеличения производительности сайта. Старайтесь выносить весь код css в отдельные файлы сохраняя их в эту папку. Пока они в ней вы можете их редактировать непосредственно из админки, если нет то их просто не будет видно.
Images – здесь находятся все изображения, которые относятся именно к этому шаблону. Изображения недолжны быть раскиданы по разным папкам, все только в одной, это позволит более оперативно вносить изменения.
Js – папка со скриптами, так же как и css, страйтесь весь код выносить в эти файлы, проставляя соответствующие ссылки на них.
Файл favicon.ico – это значек, который отображается в уголке браузера. Так же его можно расположить в корне сайта, тогда для всех шаблонов он будет один. Если хотите для каждого шаблона свой favicon то файл дожен быть в этой папке.
Index.php – этот файл отвечет за структуру шаблона в нем находятся вся разметка с ылками на подключаемые файлы.
template_thumbnail.png – это как бы, скрин щот вашего сайта, представляет дизайн в виде изображения.
templateDetails.xml – файл структуры, где находится информация о папках с файлами и текстовых значениях некоторых переменных шаблона.
Таким образом, для создания полноценного шаблона, требуется знание html и css, и применя эти знания в нужном месте согласно структуре сайта.