Нажми для просмотра полного описания видео курса "Технология разработки шаблонов для CMS Joomla 1.5"

Часть 1 «Шаблоны, их место в CMS Joomla 1.5»

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

Урок 1 «Основной принцип работы Joomla 1.5 и шаблона» (8:58)
Основной принцип работы Joomla 1.5. Как происходит взаимодействие шаблонов с компонентами и модулями.

Урок 2 «Содержимое шаблона, какие файлы за что отвечают» (13:08)
В этом уроке, на примере одного из стандартных шаблонов, разберем файлы, которые присутствуют в нем, расскажу про их значение и какую роль они играют.

Урок 3 «Основные моменты в администрировании шаблона» (8:13)
Основные принципы работы административной части шаблона, какие команды отвечают за настройку и каким образом происходит взаимодействие административной части с шаблоном.

Часть 2 «Основы блочной верстки на div конструкциях»

Блочная верстка на div-ах представляет собой совокупность приемов и методов. Изучить абсолютно все не представляется возможным, но разобрать самые основные моменты, вполне осуществимо. Поэтому в этой части речь пойдет, только о самом нужном, но вполне достаточном объеме информации, которая может пригодиться в блочной верстке.

Урок 1 «Введение и подготовка» (11:13)
Создадим условия, при которых мы сможем продуктивно работать на протяжении всего курса. Для этого установим «Denver» (Denver - это виртуальный сервер, который устанавливается на Ваш компьютер, он поддерживает php, mysql и все необходимое для локальной работы с сайтом), а также подготовим нужные браузеры для проверки созданных конструкций на совместимость в них (каждый браузер, по-своему понимает созданную конструкцию и чтобы все они отображали одинаковую картинку, необходимо подстраиваться и настраивать значения определенным образом – для этого и нужно иметь под рукой все популярные браузеры).

Урок 2 «Создаем простой пример» (16:25)
Рассказываю про основной принцип работы в блочной верстке, каким образом блоки между собой взаимодействуют, как задать нужный размер, как расположить в нужном месте. Создадим пример, в котором на практике все в деталях покажу и объясню.

Урок 3 «Учимся разделять блоки» (8:36)
Каждому блоку можно задать определенные значения, но наступает такой момент, когда необходимо отменить это значение и не дать, определенному блоку или группе блоков распространять свое действие на другие блоки. Усложним ранее созданный пример, добавим новый блок и сделаем так, чтобы на него не воздействовали другие блоки.

Урок 4 «Работаем со слоями» (27:51)
В блочной верстке, все содержимое на сайте, состоит из отдельных блоков, которые могут быть вложенными друг в друга, находиться рядом и иметь жесткие границы, растягиваться и растягивать как вложенные, так и родительские блоки. Но, еще блоки могут быть полностью независимыми, иметь определенные размеры и при этом наползать друг на друга. Особенность такого свойства в том, что можно задав нужное значение, определить какой блок будет выше (видимым), а какой ниже (не видимым) или частично выше и одновременно ниже для разных блоков. Вот о таком свойстве в блочной верстке и пойдет речь в этом уроке.

Урок 5 «Основные отличия от таблицы» (20:31)
Разобравшись немного с блочной версткой, можно сравнить ее с версткой на таблицах. Расскажу про основные отличия и особенности, недостатки и достоинства таблицы, а также покажу, как можно совмещать ее с блочной версткой и как в этом случае ведут себя блоки. На примере объясню принцип работы таблицы, покажу структуру построения основных тегов и как этими тегами управлять.

Урок 6 «Растягиваем блоки по высоте» (33:47)
Блоки могут быть фиксированные и растягиваемые (резиновые). Мы совместим два этих понятия в одном блоке, а именно, зададим блоку изначально фиксированную высоту, чтобы, когда он будет пустой или недостаточно полный, не уменьшался меньше заданного значения, но при появлении в нем избыточного количества информации, растягивался и всегда был больше вложенных в него блоков. Не все браузеры решают такую задачу одинаково и поэтому поработаем еще над совместимостью, оптимизируем свойства блока таким образом, чтобы он работал правильно в любом браузере.

Урок 7 «Закрепляем подвал внизу экрана» (10:33)
Иногда, на сайте или на одной из страниц сайта, может быть совсем немного информации (контента) и тогда весь дизайн остается в верхней части экрана, а внизу появляется ничем не заполненное пространство. Такой эффект может наблюдаться и при достаточном количестве контента, на мониторах с большим разрешением экрана. Поэтому, если дизайн не предусматривает внизу экрана пустого пространства, то его лучше закрепить, чтобы нижняя часть сайта (подвал), был всегда внизу. Чтобы закрепить подвал внизу экрана, необходимо правильно понимать процентное соотношение блоков, т.е. вместо определенного размера, указываются проценты. Проценты в блочной верстке, это очень больная тема, поэтому мы еще к ней будем неоднократно возвращаться, а на данном этапе просто закрепим подвал и разберем основные моменты.

Урок 8 «Создаем резиновый каркас» (9:28)
Доделываем фиксирование подвала внизу экрана, настраиваем зависимые от него блоки. Начинаем создавать полностью резиновый каркас, который растягивается как по вертикальной плоскости, так и по горизонтальной, что приводит к заполнению, созданным каркасом, всего экрана браузера, вне зависимости от его размера. Как в минимальном, так и в максимальном окне браузера, каркас занимает все видимое пространство.

Урок 9 «Настраиваем вложенные блоки» (19:26)
Для правильной работы резинового каркаса, необходимо определить какой из вложенных блоков унаследует свойства всего каркаса, т.е. тоже будет растягиваться. Поговорим про особенности выбора такого блока, а также про особенности функционирования остальных блоков в резиновом каркасе. Настроим минимальную ширину каркаса, расскажу про основные отличия от минимальной высоты. На примере объясню значение такой фиксации. Минимальную ширину, также как и минимальную высоту, некоторые браузеры не понимают и поэтому будем работать над совместимостью, чтобы созданный каркас работал правильно в любом браузере.

Урок 10 «Учимся определять браузеры» (18:38)
Иногда бывает очень сложно оптимизировать одинаковое отображение созданного дизайна для всех браузеров. Но каждый браузер в отдельности очень легко настроить, так как все они понимают команды и свойства, понимают по своему, и в этом основная сложность совместимости, но понимают. Поэтому были разработаны приемы, позволяющие определить браузер, через который, в данный момент, загружается страница. Соответственно, определив какой браузер загрузил страницу, можно для него подключить определенное условие и применить нужные стили. Можно задать условия для каждого браузера отдельно, можно отсортировывать определенные браузеры и работать только с ними, а для остальных применить стандартные стили. Комбинаций очень много и поэтому поговорим про самые распространенные и эффективные. Научимся определять браузеры: Opera, FireFox и Internet Explorer с 6 по 8 версию.

Часть 3 «Верстаем каркас, готовим дизайн шаблона»

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

Урок 1 «Введение, анализ дизайна» (19:44)
Для начала возьмем готовый дизайн, который может быть нарисован где угодно, обычно для этого используется программа «Adobe Photoshop», так как в ней весь рисунок разбит на отдельные слои и поэтому нужный фрагмент из дизайна можно легко выделить и сохранить отдельным файлом для последующего использования в блочной верстке. В этом уроке, я продемонстрирую на примере учебного дизайна, как можно работать с программой «Adobe Photoshop» и начну выделять нужные фрагменты для создаваемого каркаса. Также подготовим заготовку для каркаса и вставим в него первый рисунок из дизайна.

Урок 2 «Создаем основной фон» (13:21)
Начинаем работать с каркасом для шаблона и первым делом создаем основной фон. Он будет состоять из двух половинок, первую закрепим вверху, а вторую внизу экрана браузера, что позволит нам реализовать задумку дизайнера, но при этом не фиксировать каркас определенного размера, позволяя ему растягиваться.

Урок 3 «Верстаем первые элементы» (17:57)
Вставляем в каркас основной элемент из нашего дизайна. Этот элемент состоит из достаточно большого рисунка в виде плетущейся ветки и по дизайну она наползает на все основные блоки, поэтому создает дополнительные проблемы для ее правильной настройки. Но собственно для этого видео курс и записан, чтобы показать, как можно создать сложный дизайн, а не просто сверстать отдельные элементы. Итак, создаем нужные блоки для «ветки», а также для логотипа и размещаем их в верхней части экрана браузера в нужных пропорциях.

Урок 4 «Прозрачный png в IE 6» (6:52)
Мы использовали для «шапки» нашего каркаса, прозрачные картинки в хорошем качестве и сохранили их в формате png, так как это единственный подходящий для этих целей формат. Но Internet Explorer ниже 7 версии не понимает свойство прозрачности в этом формате и вместо него рисует серый цвет, что неприемлемо для нашего дизайна. Поэтому, зададим условие для всех версий Internet Explorer до 6 включительно и применим очень качественный скрипт, который заставит Internet Explorer правильно понимать прозрачность в графическом формате png.

Урок 5 «Создаем основные блоки» (22:26)
Создаем блоки для центральной и правой колонки. Основная сложность этих блоков, это их градиент. Центральная часть, по дизайну, имеет плавный переход правого нижнего угла в белый цвет. А в правой колонке, вся нижняя часть имеет не равномерный градиент. Поэтому, создаем вложенные блоки с относительно фиксированным положением. Учимся правильно размещать вложенные блоки, чтобы получить желаемый эффект, а также покажу, как правильно их закрашивать, чтобы избежать в некоторых браузерах несоответствия цветов вложенных блоков и, как следствие, грубых стыков между ними.

Урок 6 «Работаем с прозрачностью» (13:49)
Изучаем свойство прозрачности на примере правой колонки нашего каркаса. Существуют определенные значения, которые придают блоку эффект прозрачности, т.е. можно создать блок с непрозрачной картинкой или просто фоном, а потом задать ему свойство прозрачности и, в зависимости от заданного значения, блок будет становиться более или менее прозрачным. Значения прозрачности могут быть от 100% до 0%, но вот команды, отвечающие за этот эффект для каждого браузера, разные. Покажу, как данное свойство работает в браузерах: Opera, Firefox и Internet Explorer.

Урок 7 «Создаем подвал в каркасе» (14:25)
В нашем дизайне есть еще один сложный элемент, который представлен в виде растущего ветвистого куста из нижней части экрана. Сложность его в том, что он должен перекрывать блоки, которые по коду распложены выше, но при этом не выходить за рамки общего контейнера, так как за ним просматривается основной фон. Поэтому, вторая сложность, заключается в правильном выборе нужного контейнера для его размещения. В этом уроке покажу, как можно решать подобного рода проблемы и расскажу про основные принципы и понятия, которые в дальнейшем Вам могут пригодиться. Работаем с нижней частью каркаса, создаем так называемый «подвал» и вставляем в него наш ветвистый куст с нужными параметрами.

Урок 8 «Закрепляем подвал внизу» (43:12)
В созданном «подвале» расположен элемент (куст), который по дизайну, должен, как бы расти из нижней части экрана, поэтому нельзя допустить, чтобы он повисал в воздухе. Вспоминаем основы блочной верстки и начинаем закреплять «подвал» внизу экрана. Попутно еще поговорим про блочную верстку в процентном соотношении, а также редактируем ранее созданные блоки, так как структура каркаса, из-за введения процентных соотношений, меняется. Рассказываю и подробно объясняю, про очень важную особенность вложенных блоков с процентной величиной. На примере демонстрирую, как и где можно допустить ошибки в такой верстке и как потом эти ошибки исправлять. В общем, длинный рассказ про блочную верстку в процентах, когда много вложенных блоков.

Урок 9 «Блоки для модулей» (19:03)
Создаем три блока, которые будут отвечать за вывод модулей и основного контента. Отличие этих блоков от ранее созданных в том, что растягиваться они будут в зависимости от количества информации, которую выведет модуль или компонент, поэтому на данном этапе сложно оценивать их точные размеры, а тем более сложно оценить, насколько они растянутся в шаблоне. Сейчас наша задача выставить эти блоки в соответствии с дизайном и вручную растянуть так, чтобы убедится, что они не вызывают критическое переполнение других блоков. В процессе позиционирования, покажу прием, как вложенным блокам задать точку отсчета, для внешнего отступа, чтобы они не зависели друг от друга. Еще нам нужно будет вспомнить, из прошлой части, про верстку слоями, так как у двух верхних блоков нужно будет совместить края и настроить приоритеты на отображение.

Урок 10 «Оптимизация в браузерах» (10:37)
Проверяем на совместимость созданных блоков в браузерах. Оптимизируем код и особое внимание уделяем браузеру Internet Explorer 6, так как он не умеет работать со слоями в горизонтальной плоскости по тому же принципу, что и другие, более современные, браузеры.

Урок 11 «Работаем с правой колонкой» (32:04)
Настраиваем отображение правой колонки. Позиционируем ее в соответствии с дизайном (выставляем нужный уровень, задаем ширину и высоту). Добавляем новые блоки для вывода в них модулей. Подготавливаем место для вывода модуля авторизации. Для этого создаем новый блок и закрепляем его в самом верху правой колонки. Позиционируем этот блок и выставляем размеры в соответствии с дизайном. Создаем блок для вывода модуля «поиск» и главного меню в основной части правой колонки. Настраиваем его отображение, устанавливаем отступы. Настраиваем отображение всего каркаса.

Урок 12 «Оптимизация, последние штрихи» (7:47)
Проверяем отображение каркаса в разных браузерах. Настраиваем отображение правой колонки в Internet Explorer 6. Подводим итог по проделанной работе. Последние штрихи в настройке каркаса.

Часть 4 «Устанавливаем Joomla 1.5, создаем полноценный шаблон»

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

Урок 1 «Вводный урок» (1:27)
Небольшое вступление, чем займемся в этой части курса, ну и с чего нужно начинать.

Урок 2 «Установка Joomla 1.5:»
Серия уроков на тему установка CMS Joomla 1.5. Я использовал самый свежий, на момент записи курса, 14 релиз. Устанавливать будем, как на Denver, так и на хостинг, расскажу про основные моменты.

Урок 2.1 «Подготовка Denver» (15:46)
Joomla не может работать без базы данных MySQL и без поддержки сервером языка web-программирования PHP. Поэтому, без Denver или подобных программ, которые имеют поддержку MySQL и PHP, на локальном компьютере Joomla работать не сможет. Но, для того, чтобы Joomla установилась на виртуальном сервере «Denver», его нужно настроить. Например, нужно создать базу данных MySQL, так как изначально в нем нет ни одной созданной базы, потом нужно для новой базы создать пользователя, так Joomla без такого пользователя не установится. В общем, подготавливаем Denver к работе с Joomla 1.5, а также рассказываю про некоторые важные моменты в реализации виртуального доменного имени на виртуальном сервере.

Урок 2.2 «Установка Joomla 1.5.14 на Denver» (13:59)
Создаем новый домен на локальном компьютере. Распаковываем в него файлы из установочного архива Joomla 1.5.14 и запускаем процесс установки. Подробно разбираем каждый шаг и ключевые моменты, а по завершении установки, проверяем систему на работоспособность.

Урок 2.3 «Установка Joomla 1.5.14 на Хостинг» (15:05)
Устанавливаем Joomla 1.5.14 на реальном домене, который управляется хостингом Jino.ru. Разбираем ключевые моменты в настройках, а также знакомимся с панелью управления, которую предоставляет хостинг, для управления доменами, файлами, пользователями, базой данных MySQL и др. Загружаем установочный архив Joomla 1.5.14 на сервер и производим распаковку средствами хостинга. Два слова про особенности работы распаковщика и каким требованиям должен отвечать установочный архив. Также, подробно разбираем каждый шаг и ключевые моменты в установке Joomla, а по завершении проверяем на работоспособность.

Урок 3 «Первые манипуляции с каркасом» (16:51)
Копируем каркас в Joomla, которая установлена на Denver. Работать будем с виртуальным сервером на локальном компьютере, так как нам придется очень часто обновлять и создавать новые файлы, а это лучше и быстрее делать при помощи Denver. Для того чтобы каркас заработал в Joomla, подключаем самые основные команды и редактируем ранее созданные пути к используемым файлам. Задаем нашему каркасу вид шаблона.

Урок 4 «Работаем с выводом контента» (21:56)
Подключаем в шаблоне вывод контента. Начинаем изучать стили, которые применяет Joomla 1.5 при выводе контента. Показываю механизм поиска нужного стиля. Задаем этим стилям элементарные значения для наглядной демонстрации работы с ними. В общем, работаем с выводом основного контента и пытаемся освоить механизм работы Joomla 1.5, а именно, каким образом происходит вывод информации на экран браузера.

Урок 5 «Редактируем модуль авторизации ч.1» (37:18)
Подключаем в шаблоне вывод модулей, начинаем редактировать отображение модуля авторизации на сайте. Для этого модуля сделаем отдельный файл, который будет находиться в самом шаблоне, а исходный файл останется без изменения. Такой способ редактирования модулей, очень эффективный, так как не портит исходный файл, но зато позволяет полностью изменить отображение и программный код модуля. Что в итоге, придает шаблону сделанному по такой технологии, очень хорошую совместимость с другими шаблонами. Это первый способ, который мы рассмотрим в этом курсе, позволяющий изменить отображение модуля. В уроке, проработаем структуру этого модуля, изучим принцип его работы и начнем настраивать программный код.

Урок 6 «Работаем со стилями ч.2» (39:34)
Проработав программный код модуля авторизации, начинаем настраивать его внешний вид. В соответствии с нашим дизайном, задаем модулю нужное отображение. Создаем в файле модуля новые стили, удаляем старые, полностью перерабатываем структуру отображаемой информации. Редактируем не только внешний вид, но и перенастраиваем логическую часть модуля, что дает нам возможность избавиться от ненужных полей, но при этом полностью сохранив функциональность.

Урок 7 «Доработка и оптимизация ч.3» (35:19)
Приступаем к проработке второго состояния модуля, где вместо полей для ввода логина и пароля, появляется приветствие и имя вошедшего пользователя. Также настраиваем структуру модуля таким образом, чтобы вся информация помещалась в заданных размерах. После окончания всех работ по модулю, начинаем тестировать модуль на совместимость в разных браузерах. Оптимизируем код и структуру модуля таким образом, чтобы он отображался одинаково во всех браузерах.

Урок 8 «Настраиваем модуль поиска» (21:38)
Подключаем вывод модуля «поиск». Меняем ему вид отображения таблицей стилей CSS. Задаем внешний вид исключительно стилями, без настройки файлов модуля. Это второй способ настройки отображения модулей, который мы рассмотрим в этом видео курсе. Изучаем стили, которые изначально присутствуют в модуле и используя эти стили задаем модулю нужное отображение.

Урок 9 «Создаем новый стиль» (16:06)
Начинаем настраивать отображение главного меню. Для этого мы создадим новый способ вывода модуля. И это будет третий способ настройки отображения модулей, который можно применить в Joomla 1.5. Данный способ предполагает создание, некоторой конструкции, которая в системе называется «стиль отображения модуля», но не стоить ее путать с таблицей стилей, это просто похожие по названию, но в корне разные по смыслу понятия. В системе уже есть предустановленные стили, но мы создадим новый, так как не всегда можно применить стандартный стиль.

Урок 10 «Работаем с меню» (27:32)
Продолжаем работать с главным меню. Настраиваем отображение созданного стиля, задаем нужный вид, корректируем, доводим модуль до нужного отображения. Начинаем работать с отображением пунктов в меню. Прорабатываем конструкцию из тегов "ul" и "li" - эти теги отвечают за вывод каждого отдельного значения в меню, т.е. все выводимые пункты и подпункты в меню, управляются этими тегами. Настраиваем отображение в соответствии с дизайном. Задаем нужные отступы, настраиваем внешние границы, убираем ненужные знаки.

Урок 11 «Дорабатываем блоки» (13:14)
Дорабатываем блоки с отображением модулей авторизации, поиска и главного меню. Работаем над совместимостью, оптимизируем код, настраиваем отображение списков из конструкций "ul" и "li" в Internet Explorer 6 и 7 версиях.

Урок 12 «Дорабатываем правую колонку» (13:07)
Дорабатываем всю правую колонку. Настраиваем отображение блока с авторизацией и основного блока правой колонки в Internet Explorer 6 версии.

Урок 13 «Редактируем блок 1 и блок 2» (24:17)
Приступаем к настройке отображения центральной части шаблона. Редактируем отображение вложенных блоков в соответствии с дизайном. Верстаем верхнюю часть для двух блоков. Эта часть состоит из одинаковых элементов, но с разными размерами, поэтому сделаем одну конструкцию, которая сможет принимать необходимые размеры в зависимости от блока, в котором находится и уже потом применим ее везде, где это необходимо.

Урок 14 «Верстаем честную рамку» (21:35)
Для одного из блоков (в видео курсе его название «блок 3»), необходимо нарисовать рамку из полупрозрачной картинки. Эта рамка должна быть по всему периметру блока, но при этом внутри, он должен быть пустой. Поэтому, сверстаем такую конструкцию, где будет 4 независимых угла и 4 независимые стороны. Эта конструкция способна растягиваться и с ее помощью можно нарисовать рамку любой сложности. Обычно для таких целей используют конструкции из вложенных блоков, но такая рамка «не честная», так как не обеспечивает независимость всех сторон и всех углов.

Урок 15 «Оптимизация рамки в IE 6» (26:43)
Оптимизируем сделанную на прошлом уроке рамку в браузере Internet Explorer 6. Создаем для него дополнительные стили, а также решаем проблему с лишними отступами, которые задает IE 6 при отображении блоков с включенным свойством оптикания. Вставляем в «блок 3» недостающие элементы, настраиваем его отображение в соответствии с дизайном.

Урок 16 «Редактируем CSS стили контента» (13:41)
Приступаем к редактированию CSS стилей для основного контента. Устанавливаем нужные значения для ранее определенных стилей. Прописываем основные стили, которые могут применяться при выводе информации через созданный шаблон.

Урок 17 «Задаем условия отображения блоков» (30:23)
Начинаем изучать структуру основного компонента Joomla «com_content». (Он используется при выводе информации на страницах сайта.) Создаем в шаблоне копию файла из этого компонента и проверяем его работу на примере. Настраиваем отображения шаблона на других страницах сайта и для этого задаем условие, при котором, к примеру, «блок 3» и «блок 1» будут отображаться только на главной странице, а на других останется только «блок 2», который растянется на все свободное место в центральной части шаблона и в котором будет выводиться основной контент.

Урок 18 «Настраиваем com_content» (18:38)
Продолжаем изучать компонент «com_content». Копируем в шаблон все необходимые файлы из этого компонента и настраиваем их содержимое. Меняем отображение даты, вставляем дополнительные блоки, настраиваем внешнее отображение. В общем, настраиваем шаблон таким образом, чтобы он отображал информацию в соответствии с нашим дизайном.

Урок 19 «Администрирование» (16:24)
Приступаем к созданию административной части шаблона. Создаем необходимые для управления файлы и редактируем сам шаблон, чтобы в нем появились необходимые конструкции для вывода значений, которые будут вводиться в админ панели Joomla 1.5. Для начала создадим возможность прописывать заголовки к созданным блокам, чтобы пользователь мог зайти в административной части шаблона и самостоятельно вписать нужные названия, не влезая в его исходный код.

Урок 20 «Подключаем блоки через include» (30:51)
Усложняем административную часть шаблона. Создаем условие вывода «блока 1» на других страницах сайта. Например, можно будет на главной странице отображать все три блока, а на других страницах выводить или только «блок 2», или «блок 2» и «блок 1», которые будут растягиваться на всю ширину центральной части шаблона. Для настройки такого отображения, необходимо манипулировать с созданными блоками. Но в процессе верстки, как бы мы не старались, не создавать лишних блоков, как бы мы не оптимизировали блоки для лучшей читаемости, все равно код в шаблоне достаточно сильно разросся и его очень сложно читать, можно легко ошибиться и запутаться. Поэтому, в таких случаях можно вынести код блоков в отдельные файлы, а вместо них вставлять команды (include), через которые подключить блоки в нужном месте. Эта команда очень компактная и вместо громоздкого кода, будет отображаться аккуратная строчка с названием нужного блока.

Урок 21 «Работаем с командами Joomla 1.5» (30:17)
В этом уроке речь пойдет про php команды, которые предоставляет Joomla 1.5 и с помощью которых можно настроить в шаблоне вывод нужной информации или настроить отображение блоков. Сначала проработаем конструкцию, которая определяет, какую страницу в данный момент просматривает пользователь. Далее проработаем конструкцию, которая определяет, какой компонент в данный момент отображается на странице, а также поработаем с усложненным вариантом, который определяет, какой файл в отображаемом компоненте в данный момент отвечает за вывод информации на странице. Также изучим условие, которое может работать с базой пользователей сайта. Настроим вывод информации в соответствии с тем, кто в данный момент зашел на сайт. Если гость, то выведем приветствие гостю, а если пользователь, то выведем его имя. Ну и так далее. Еще эту команду можно использовать при выводе дополнительного блока в шаблоне для определенной группы пользователей или сделать для администратора вывод отдельного блока с инструментами по настройке сайта. Для этих целей есть личное меню, но оно достаточно ограничено в настройках, а чтобы Ваш шаблон был оригинальным, можно сверстать отдельный блок для пользователей, для администратора или для отдельного пользователя.

Урок 22 «Установочный архив шаблона» (19:05)
Дополняем созданный нами шаблон дополнительными файлами для его корректной работы в Joomla 1.5. Полностью прорабатываем файл управления шаблоном, прописываем в нем нужный код, который отвечает за установку шаблона, через установщик Joomla. Рассказываю про основные моменты в подготовке всех файлов, которые задействованы в шаблоне. Создаем архив шаблона с расширением «zip» и устанавливаем его через административную часть Joomla. Проверяем работоспособность шаблона.

Урок 23 «Доработка, подводим итог» (34:18)
Заключительный урок. Корректируем отображение блоков, исправляем мелкие огрехи, которые были допущены при верстке. Выводим в «блок 3» модуль «опросы», настраиваем его отображение. Еще раз просматриваем весь шаблон и подводим итог проделанной работы. К видео курсу прилагается полностью исправленный и готовый шаблон!