ВНИМАНИЕ! Теперь видеокурс абсолютно БЕСПЛАТНО!
Хотите ли Вы узнать все секреты создания шаблонов Joomla 2.5 и научиться профессионально их создавать в кратчайшие строки?
Задержитесь всего на несколько минут, чтобы прочитать страницу до конца, и уверяю Вас, что это стоит потраченного времени!
Здравствуйте, дорогой друг!
Меня зовут Богдан, я автор сайта joomla-school.com.
Представляю вам свой видеокурс: Шаблон Joomla 2.5 от А до Я. Изучив его, вы узнаете все этапы создания шаблона для лучшей системы управления сайтом Joomla 2.5, а также научитесь создавать свои уникальные шаблоны.
Видеокурс построен так, что Вы практически сразу приступите к созданию шаблона, а весь необходимый теоретический материал будет частями подан в том месте, где нужно более подробно объяснить какие либо новые термины, функции или свойства.
Раз Вы читаете данную страницу, значит тема создания шаблона Joomla Вам близка, наверняка Вы уже пробовали создавать его. В интернете есть достаточно много статей, в которых описаны некоторые этапы создания шаблона Joomla, но все они содержат только общие принципы, информация у них поверхностная, рассчитана только для ознакомления, примеры примитивные и на выходе получаются достаточно скромные и непрофессиональные шаблоны, которые не впечатляют посетителей сайта.
А всем известно, что качественно сделанный шаблон - это лицо сайта - его репутация. Ведь встречают по внешнему виду, и если первое впечатление от сайта не очень, то какую бы полезную информацию он не содержал, все равно есть большой риск потерять доверие посетителей сайта.
Итак, в своем видеокурсе я детально и поэтапно раскрываю все этапы создания шаблона Joomla 2.5.
А сейчас я Вам расскажу, как построено обучение.
Структура видеокурса
Вот главная страница диска:
Здесь есть два основных раздела: Видеоуроки и Справочник. Перейдя в раздел Видеоуроки, Вы начинаете просмотр основных уроков, в которых сразу приступаете к созданию шаблона на практике. Если же Вам понадобится теоретический материал, или же необходимо что-то изучить, что прямо не связано с ходом процесса создание шаблона Joomla 2.5, то в ходе видеоуроков приводятся ссылки на необходимые разделы Справочника, или других источников.
В разделе основных видеоуроков размещены такие уроки:
Как и положено, во ведении я рассказываю о чем данный видеокурс, как им пользоваться, где и какие видеоуроки размещены, а также дополнительные материалы к ним.
В данном видеоуроке речь идет об основных понятиях о шаблонах Joomla 2.5: что такое шаблон Joomla, его составляющие, как управлять шаблонами с помощью менеджера шаблонов Joomla 2.5, устанавливать и удалять их, как включа ть и отключать просмотр позиций модулей, какие есть типы шаблонов, что такое стили шаблонов, а также как ими управлять и редактировать.
Здесь Вы узнаете, как анализировать техническое задание, на что нужно обращать внимание при его составлении для разработки шаблона Joomla. Также Вы ознакомитесь с полным объемом работ по созданию шаблона Joomla 2.5 , который мы проделаем в данном видеокурсе. А именно мы будем создавать шаблон для сайта проката ВИП-Автомобилей. Нам необходимо будет, имея только графический дизайн сайта в Фотошопе, раскроить его и создать шаблон Joomla 2.5, сделать сайт как с фиксированной шириной (два варианта фиксированной ширины) так и с резиновой и внедрим изменение ширины шаблона в его параметры. Также, расставим необходимые позиции модулей, пропишем для них собственные стили вывода, добавим для них условия публикации в зависимости от размещенного в них контента, переопределим макеты вывода модулей, компонентов, настроим меню, добавим дополнительные эффекты с помощью внедрения javascript, да и много других опций, которые используются в процессе создания шаблонов Joomla.
- 4. Выбор макета шаблона
В данном уроке Вы узнаете, как, исходя из технического задания, а именно из параметров изменения ширины колонок, определить тип CSS макета шаблона и откуда скачать необходимый макет, который оптимизирован с точки зрения поисковой оптимизации.
- 5. Структура файлов шаблона
Из данного видеоурока Вы узнаете о структуре шаблона Joomla 2.5, какой файл за что отвечает, где хранить CSS-стили, рисунки, java-скрипты, какие правила создания данных файлов, а также начнем описывать все необходимые опции и свойства шаблона в служебном файле templateDetails.xml. После всего этого, мы уже создадим установочный архив шаблона, который будет состоять всего из трех файлов, установим его в систему, и узнаем где хранятся все файлы шаблонов Joomla 2.5.
- 6. Стили шаблона, cброс стилей
Здесь мы приступим к настройке нашего примитивного шаблона, а именно создадим файл CSS и разместим в нем необходимые стили, правильно подключим их в главном файле шаблона. Также Вы узнаете, как форматировать CSS-код в Dreamweaver-е и как подключать CSS-файл сброса стилей для обеспечения одинакового отображения нашего шаблона в различных браузерах (кроссбраузерность)
- 7. doctype, head
Видеоурок описывает какой код необходимо вставлять для предотвращения прямого доступа к файлам шаблона, как подключать библиотеку яваскрипта MooTools, как правильно прописывать директиву DOCTYPE и тег html, как вставить содержимое тега head, используя специальную конструкцию, как подключать общие CSS-файлы стилей system.css и general.css, а также как подключать разные стили, для различных версий браузера Internet Explorer с помощью условных комментариев.
- 8. Установка демо данных
В данном уроке для облегчения работы, мы с помощью специального установочного архива, установим демо-данные нашего сайта, где уже размещен весь необходимый контент нашего сайта проката ВИП-автомобилей.
- 9. Вставка контента в шаблон, позиции модулей
Из данного видеоурока Вы узнаете, как с помощью специальных вставок включать в шаблон основной контент сайта, модули, системные сообщения. Также Вы изучите, какие существуют стандартные стили вывода модулей, и Вы научитесь назначать их для разных позиций модулей, которые Вы также научитесь добавлять в наш шаблон.
- 10. Настройка ширины шаблона, базовая настройка css
В данном видео мы добавим шаблону способность изменять свойства ширины. Сначала установим резиновую ширину шаблона, которая равна 90% от ширины окна браузера, и ограничим ее минимальным и максимальным значением. Также мы используем несколько полезных трюков, которые улучшат нашу верстку с точки зрения кроссбраузерности при настройке ширины шаблона и отображении шрифтов.
- 11. Верстка шапки сайта
Здесь мы приступим к верстки шапки нашего шаблона. Вы научитьесь как правильно в Фотошопе раскраивать дизайн, настраивать параметры сохранения рисунков шаблона, вырежем логотип сайта, прикрепим к нему активную ссылку на главную страницу, настроим правую часть логотипа так, чтобы она всегда центрировалась при изменении ширины шаблона, узнаем, как с помощью PHP-вставок прописывать ссылку на сайт, а также его название.
- 12. Верстка верхнего и нижнего меню, модуль «Копирайт»
В данном видео мы рассмотрим, как верстать и настраивать верхнее и нижнее меню сайта. Сначала мы добавим необходимые пункты меню и настроим их. А потом вырежем необходимые рисунки для верстки меню, пропишем их свойства, настроим контейнеры пунктов меню, используем специальный метод для центрирования пунктов горизонтального меню, научимся переопределять стили оформления модулей с помощью суффиксов классов модулей. Также мы настроим визуальное отображение модуля «Копирайт».
- 13. Левая и правая колонка, модуль «Акции!»
Из данного урока Вы узнаете, как оформлять внешний вид левой и правой колонки шаблона, а также настроите внешний вид левого модуля «Акции!», узнаете о эффекте полупрозрачности в разных форматах рисунков и использовании данного свойства при верстке.
- 14. Создаем собственный стиль вывода модулей
В видео рассматривается процесс настройки модуля правой колонки, а именно модуля с информацией о телефонах для заказа автомобиля. На примере настройке данного модуля Вы научитесь определить свой собственный вариант вывода модулей с помощью функции сhrome, ознакомитесь с ее синтаксисом, узнаете как и какие распространенные параметры и атрибуты используются и передаются в модулях, а также создадите свой вариант данной функции.
- 15. Переопределение макетов вывода модулей
Из видеоурока Вы узнаете о возможности переопределять стандартные макеты вывода содержимого Joomla 2.5, изучите возможные категории макетов, а также на примере макетов вывода модулей меню, переопределим макеты их вывода с целью добавления возможности стилизации отдельно первого и последнего пунктов меню.
- 16. Настройка и переопределение макетов вывода компонента «Контент»
Здесь мы сначала настроим параметры данного компонента исходя из технического задания, а потом научимся настраивать, переопределять и создавать альтернативные макеты вывода одиночной статьи, макеты вывода статей в виде блога, макеты вывода блога категорий, макеты вывода категорий в виде списка, макеты вывода пункта меню. Также Вы узнаете, как на примере добавления к названию категорий количества входящих в нее статей, использовать различные параметры в шаблонах компонентов. Мы научимся выводить статьи в две колонки, и настроим визуальное отображение надписей «Автор», «Количества просмотров, а также кнопок «Печати» и «Емейл».
- 17. Настройка навигации
В данном видео Вы научитесь настраивать визуальное отображение постраничной навигации, а именно настроим кнопки «Вперед» и «Назад» при просмотре статьи, а также информацию о количестве страниц в определенной категории, а также кнопки «В начало», «Назад», «Вперед», «В конец» и номера страниц. Вы узнаете с помощью какого файла и где переопределить вывод данной информации, не изменяя системные файлы Joomla 2.5.
- 18. Условия в шаблоне
Видеоурок научит Вас как с помощью специальных условий в шаблоне Joomla 2.5 скрывать неиспользуемое пространство, тем самым добиваясь эффективного использования шаблона сайта. Вы узнаете, как скрывать код левой и правой колонки шаблона, если в них на определенных страницах не опубликовано ни одного модуля, и заставить центральную колонку с основным контентом занять свободное пространство.
- 19. Параметры шаблона
Из данного видео Вы узнаете, как расширять функционал шаблона Joomla 2.5, добавляя возможность изменять его параметры, то есть прямиком из админпанели изменять ширину шаблона, цветовую схему, размеры колонок и так далее. Мы сначала добавим возможность изменять ширину шаблона, а именно задавать три разных значения (два фиксированных, а также «резиновую» ширину со значением 90% от ширины окна браузера), а потом добавим еще один параметр, с помощью которого можно изменять значение мета-тега generator.
- 20. Модуль «Автомобили» и «Полезное»
В видеоуроке рассмотрен процесс добавления и настройки двух модулей сайта, а именно модуль «Автомобили», который показывает информацию о трех выбранных автомобилях из Каталога, а также модуль «Полезное», который отображает информацию о 4 статьях из категории Полезная информация. Для модуля «Автомобили» будет использован сторонний модуль Deluxe News Module, а для модуля «Полезное» исполуется стандартный модуль «Материалы - Список материалов категории». Из видео Вы узнаете, как настраивать каждый модуль, исходя из технического задания, а также рассмотрен процесс размещения данных модулей в двух колонках.
- 21. Настройка компонента «Контакты»
Здесь мы научимся настраивать еще один стандартный компонент «Контакты», который используются для обратной связи. Мы не только настроим внешний вид данного компонента с помощью стилевых правил, но и переопределим макет его вывода для перемещения формы обратной связи в самый верх, а также для корректировки вывода надписей, используемых по-умолчанию.
- 22. Настройка отображения баннера
В данном видеоуроке мы добавим новый баннер в компоненте «Баннеры», опубликуем модуль для вывода данного баннера в соответствующей позиции, а также с помощью стилевых правил настроим его внешний вид согласно техническому заданию.
- 23. Мультиязычность шаблона
Данный видеоурок научит Вас, как добавить нашему шаблону возможность отображение его текстового содержимого на нескольких языках. То есть, Вы сможете, во-первых, добавить мультиязычность для служебной информации в админпанели управления шаблоном, а также сможем переопределить перевод любых языковых констант, которые уже определены по-умолчанию в Джумла. Вы узнаете, как правильно называть и размещать языковые файлы, как правильно прописывать константы, которые нужно переводить, как отлаживать локализацию, а также как прописывать служебную информацию для правильного размещения языковых файлов в процессе установки.
- 24. Окно емейл, печати, страница ошибок и оффлайна
Здесь Вы научитесь настраивать визуальный вид окна Печати, Отправки ссылки материала на Емейл, а также страницу ошибок и оффлайна. Вы узнаете, как и какие файлы необходимо настроить, а также какие php-вставки необходимо использовать при этом.
- 25. Файл favicon
Из видео Вы узнаете как с помощью специальных сервисов создать маленькую иконку для отображения в заголовке окна браузера, а также научитесь размещать ее в шаблоне Joomla 2.5.
- 26. Подключаем яваскрипты
В данном видеоуроке Вы научитесь подключить в шаблон java-скрипт, который поможет организовать на сайте меню с плавно выпадающими пунктами. Вы узнаете, где размещать файлы java-скриптов, как их правильно подключать в index.php файл шаблона, а также узнаете как, на примере скрипта Superfish, внедрять их для добавления красивых эффектов на сайте.
- 27. Добавляем превью
Из видеоурока Вы узнаете, как создавать и добавлять в панель управления шаблонами Joomla 2.5 два рисунка предварительного просмотра нашего шаблона.
- 28. Подготовка архива инсталляции шаблона
Данный видеоурок научит Вас правильно создавать архив инсталляции нашего шаблона для установки в Joomla 2.5. Вы узнаете, как правильно записать всю необходимую информацию о файлах в служебный файл templateDetails.xml, как создать установочный архив и как протестировать процесс установки шаблона в систему.
К каждому видеоуроку прикреплены вложенные файлы, и если даже у Вас что-то не получается, Вы всегда сможете обратится к ним за помощью.
Кроме того, в видеокурсе размещен раздел Справочник, где собрана необходимая информация, которую нужно всегда держать под рукой в процессе создание шаблона Joomla 2.5.
Вот, что вошло в Справочник данного видеокурса:
- 1. Программы для разработки шаблонов
Из данных видео Вы узнаете, как установить и настроить локальный сервер, браузер FireFox, расширения к нему, которые помогают быстро и эффективно разрабатывать шаблоны Joomla 2.5 (FireBug, FireFile, WebDeveloper, Colorzilla), как устанавливать саму Joomla 2.5 на сервер, как установить и настроить программу IETester для тестирования отображения шаблона Joomla в разных версиях Internet Explorer.
- 2. Структура файлов шаблона
Это справочник описания и размещения всех типовых файлов и папок шаблона Joomla 2.5
- 3. Что такое BOM?
Это статья, которая поможет Вам понять суть термина BOM, а также избежать проблем, связанных с ним при создании шаблонов Joomla 2.5.
- 4. Условные комментарии
Это справочник, в котором размещены возможные комбинации подключения с помощью условных комментариев файлов стилей для различных версий Internet Explorer.
- 5. Стили вывода модулей
Справочник, в котором размещено полное описание и синтаксис вывода стандартных стилей вывода модулей Joomla 2.5.
- 6. PHP-вставки
В данном справочнике размещены наиболее часто используемые php-вставки при создании шаблона Joomla 2.5.
- 7. Метод центрирования горизонтального меню
В статье описан метод центрирования пунктов горизонтального меню с помощью правил каскадных таблиц стилей.
- 8. Варианты назначения альтернативных макетов Joomla 2.5
Из данной статьи Вы можете узнать полную информацию о правилах создания и назначения альтернативных макетов для компонентов, модулей, категорий и пунктов меню Joomla 2.5.
Кроме того, все покупатели данного видеокурса смогут получить быстрый ответ на интересующий их вопрос на специальном форуме поддержки клиентов
Итак, в итоге Вы получаете:
полную пошаговую видео инструкцию
о создании шаблонов Joomla 2.5 от А до Я
+
комплект Справочных материалов,
которые необходимы для эффективной
разработки шаблонов Joomla 2.5
+
поддержку по интересующим вопросам
о создании шаблонов
на форуме поддержки клиентов
полную пошаговую видео инструкцию
о создании шаблонов Joomla 2.5 от А до Я
+
комплект Справочных материалов,
которые необходимы для эффективной
разработки шаблонов Joomla 2.5
+
поддержку по интересующим вопросам
о создании шаблонов
на форуме поддержки клиентов
