Курс «Разработка сайтов под заказ» – концентрат многолетнего опыта

Заинтересовавшись темой разработки сайтов, причем, с нулевыми знаниями в этой сфере, стал искать информацию, советоваться с профи. Профи и навели меня на Joomla! Но эйфория от первого знакомства с этим движком быстро прошла. Встал вопрос самостоятельной разработки шаблонов. И тут действительно начался трудный период.
Книги по Joomla! – не проблема. Есть хорошие учебники по CSS, малополезные по JavaScript. Но толковых инструкций по созданию шаблонов для Joomla!, кроме пары переведенных статей, в рунете – нет.
Было скачано множество бесплатных курсов на ту или иную тему. Однако в результат, устраивающий меня, весь этот объем информации преобразовать было невозможно! Поэтому сомнений покупать или нет, курс от Дмитрия Семенова и EcomSite Разработка сайтов под заказ, у меня просто не возникало. Заказал диск на второй день после старта его продаж.

Сначала просмотрел его от и до, не пропуская ни одного урока, оценил объем информации так сказать, с высоты птичьего полета. Впечатлило. Отличительная черта курса в том, что он показывает, как сделать сайт от и до, давая только нужные знания, и не перегружая теорией. Достаточно просто и доходчиво разъясняя все этапы и нюансы в работе.
Смотреть, как работает мастер всегда увлекательно. Кроме того, это самый быстрый способ перенять знания. Курс «Разработка сайтов под заказ», и это чувствуется сразу, концентрат многолетнего опыта.

Очень порадовал раздел посвященный JavaScript и фреймворку Mootools. Весьма обрадовало, что дизайн сайта, который создает автор в ходе курса, - динамический. Лично для меня это направление очень привлекательно. В рунете найти толковых курсов по Mootools мне не удалось, скажу больше, мне их вообще никаких найти не удалось. Поэтому эта область на диске – эксклюзив. Однако хочется больше, очень хочется. Дмитрий в ходе уроков обронил, что если нам это будет нужно и интересно он может записать отдельный курс посвященный этому фреймворку. Нужно. Буду первый в очереди.
Справедливости ради скажу, что хотя автор и касается Mootools больше в плане создания динамических эффектов на странице сайта, все же освещены и темы работы с Cookies и Ajax. Это радует.

Курс получился очень насыщенным, а сайт, который делается по ходу уроков достаточно сложным. Меня это обстоятельство очень обрадовало. Сначала я хотел сразу приступить к разработке собственного динамического дизайна, базируясь на знаниях получаемых по ходу курса. Потом я отказался от этой идеи. Решил повторить то, что делает Дмитрий, только какие-то места, несколько усложнив, а какие-то упростив.
Хочется, чтобы результат процесса обучения сразу было можно применить в жизни. Сэкономить время.

В остатке. Если вы ищите учебные пособия по верстке дизайна сайта и разработке динамического дизайна, то вам сюда.
Если вы ищите знания по работе с Joomla!, причем как по администрированию этой системы управления контентом (CMS), так и по разработке под нее качественных и работающих шаблонов – вам сюда.
Курс настолько насыщенный и освещающий практически все необходимые моменты так, что вам больше ничего и не понадобиться для обучения (кроме собственного усердия).

Аркадий Захаров. г. Пермь

Из своей практике могу сказать, что редко появляться действительно стоящие видеокурсы

Здравствуйте Дмитрий.

Курс "Разработка сайтов под заказ" я приобрел сразу, как только увидел и ознакомился с его описанием.
У меня просто загорелись глаза и я не раздумывая приобрел его и он не обманул моих ожиданий - настолько интересным и захватывающим он оказался!
Я постепенно учусь по Вашим видео урокам и мне они очень нравятся.
Из своей практике могу сказать, что редко появляться действительно стоящие видеокурсы, но Ваш курс в плане доходчивости, простоты в объяснений и простоты в понимании пройдённого материала просто супер. И я уверен что благодаря знаниям, полученным в ходе прохождения курса я смогу реализовать любую задачу связанную с созданием шаблона для joomla.

Так что огромное Вам спасибо!
Кстати, пока я обучался, я почувствовал Вас своим другом!

С нетерпением жду Ваших новых курсов!

Дмитрий Васильевич Антонов, г. Красноярск

Такой информации в Интернете точно нет!!!

Данный курс дал мне много знаний, которые просто не знал и вряд ли бы узнал в ближайшее время.

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

Автор познакомил меня с JavaScript и Фреймворком MooTools, рассказал о их классах, о которых я просто не знал и не понимал зачем всё это, но благодаря его простым примерам с MooTools классами я понял как можно создавать красивые эффекты прикладывая минимум усилий, а если еще включить немного голову, то можно создать потрясающие динамические красивые модули, которых не у кого нет, а это по моему круто.
Также узнал, что из себя представляет Cookies и Ajax, зачем они нужны и как с ними работать. Как оказалось и здесь все очень просто!

Что касается шаблонов, то здесь Дмитрий решительно ломает стереотипы и учит нас создавать очень оригинальные динамичные шаблоны, за что ему отдельное спасибо!

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

Да, чуть не забыл о бонусах))
В бонусах меня интересовало в первую очередь создание модулей и компонентов.
И автор не обманул моих ожиданий, так как очень подробно разжевал основу основ, а именно из чего строится структура компонента и модуля, какие файлы за что отвечают, какие переменные нужно писать, куда подставлять и многое другое.
Но самое главное, что вся информация в уроках подтверждалась документально, т.е. по сути объяснялась работа самого Фреймворка Joomla, т.е. то как разработчики Joomla там все придумали, чтобы компоненты и модули смогли работать.
Такой информации в Интернете точно нет!!!

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

Еще в бонусах порадовала оптимизация созданного в видео курсе шаблона под новую версию этой CMS - Joomla 1.6. Я думал это будет очень сложно, но оказалось всё просто.
Этим бонусом автор закрыл пробел, который мог в целом испортить впечатление о видео курсе, так как Joomla 1.5 свое отжила и уже сегодня многие начинают создавать сайты на Joomla 1.6.

P.S. И ещё не забывайте деньги приходят и уходят, а знания остаются навсегда!!!
Спасибо Дмитрию за отличный курс!!!

Петриков Дмитрий Сергеевич, Ставропольский край г. Будённовск
http://cmsjoom.ru/

Данный видео курс не имеет ничего общего в изучении CMS Joomla с другими видео курсами по данной тематике

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

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

Огромное Спасибо за Ваши труды, а именно автору курсу Дмитрию за большую проделанную работу и то, что смог в этот курс вместить по настоящему стоящие знания в этой области. Спасибо!

Я полностью доволен приобретенным курсом.

Федосейкин Николай Анатольевич, г. Москва

Видео курс разбит на следующие 5 частей:
1. Основы кроссбраузерной блочной верстки – 18 уроков, 3 часа 53 минуты
2. Блочная верстка каркаса под шаблон для любой CMS – 7 уроков, 1 час 38 минут
3. Основы JavaScript. Изучаем фреймворк MooTools – 32 урока, 10 часов 9 минут
4. Верстка каркаса динамического дизайна под шаблон для CMS – 7 уроков, 1 час 39 минут
5. Разработка шаблона динамического дизайна для CMS Joomla 1.5 – 25 уроков, 8 часов

Также к видео курсу прикладываются следующие бонусы:
1. Администрирование CMS Joomla 1.5 - 6 уроков, 1 час 41 минута
2. Создание модулей для CMS Joomla 1.5 - 3 урока, 40 минут
3. Создание компонентов для CMS Joomla 1.5 - 5 уроков, 2 часа 20 минут
4. Знакомство с CMS Joomla 1.6 - 6 уроков, 1 час 34 минуты

Обучающий курс записан в расчете на неподготовленного пользователя.
Вы можете ничего не понимать в сайтостроении, главное, это желание научиться создавать сайты!

Обучение строится на изучении трех базовых тем:
1. Блочная верстка – это когда из готового дизайна, который Вы нарисовали или который, был получен от дизайнера, создается макет (каркас) сайта из отдельных блоков. Блоки содержат элементы дизайна, а в совокупности, они формируют задуманный дизайн и предоставляют его браузеру в html коде.

2. JavaScript и фреймворк MooTools – язык программирования JavaScript работает непосредственно на стороне пользователя, т.е. в самом браузере, поэтому для исполнения кода не требуется взаимодействие с сервером, как к примеру с языком программирования php. Поэтому, JavaScript очень удобно использовать для повышения usability сайта. Т.е. настроить сайт таким образом, чтобы оперативно реагировать на действия пользователя и оказывать ему помощь в получении нужной информации на Вашем сайте, что повышает конкурентоспособность сайта.
Фреймворк MooTools, сокращает трудозатраты при написании кода на JavaScript, т.к. содержит наработки многих гуру программистов в реализации конкретных задач, что, в свою очередь, существенно экономит время на их реализацию.

3. Разработка шаблона для CMS Joomla 1.5 – шаблон в Joomla 1.5, несет в себе дизайн сайта (блочная верстка), а также увязанный с ним функционал сайта, заключенный в компонентах и модулях.
Таким образом, шаблон, это не просто сверстанный дизайн сайта, а еще и функционал сайта, который обеспечивает вывод информации в нужном для Заказчика эффективном виде.
Для этой цели в шаблоне допускается программирование, как на php так и на JavaScript, что существенно увеличивает значение шаблона в CMS.

---

Итак, самое первое, с чего начинается создание любого сайта, это верстка дизайна.
Мы не разбираем вопрос создания дизайна, т.е. рисование в графическом редакторе, мы изначально предполагаем, что у Вас уже есть готовый дизайн, который нужно разместить на сайте.
Напоминаем: в этом курсе мы обучаем профессии разработчика сайтов, той базовой профессии, которая объединяет дизайн и функционал сайта в единое целое.

Следующий шаг после дизайна – блочная верстка.

Блочная верстка реализуется путем создания условных блоков на сайте, в которые затем будет выводиться нужная информация в нужном оформлении. Помимо проблем связанных с правильным позиционированием блоков, присутствуют проблемы совместимости в различных браузерах. Т.е. не все браузеры, одинаково исполняют созданную верстку (зачастую, дизайн идеально сверстанный в одном браузере, в другом, отображается совсем не так как хотелось бы). Поэтому, термин "Кроссбраузерность" означает поиск решений для правильной верстки сразу во всех популярных браузерах.

В 1 части видео курса речь пойдет именно о кроссбраузерной блочной верстке:

• Мы на конкретных примерах изучим основные свойства блоков
• Проработаем взаимодействие блоков при различных условиях
• Любой сайт это нечто растягивающееся «резиновое». Как минимум по высоте сайт всегда меняет свои размеры, поэтому мы научимся создавать «резиновое» блоки, которые будут растягиваться и приобретать нужный для нас вид.
• Иногда, из-за многообразия используемых разрешений экрана пользователя (монитора), приходится продумывать верстку, которая находится в процентной зависимости от других блоков. Такая верстка обладает повышенной эластичностью и не приветствуется дизайнерами, но все же имеет место быть, поэтому мы проработаем и такой режим позиционирования.
• Зачастую, некоторые страницы сайта, содержат незначительную информацию, которая на большом экране (мониторе) не занимает и половины отведенного в дизайне под нее пространства. Поэтому бывают случаи, когда на таких страницах нижняя часть сайта оказывается пустой, т.е. без дизайнерского оформления, весь дизайн сверстан правильно, но при этом он как бы обрывается и на экране браузера появляется ничем не заполненное пространство. Это очень плохо смотрится. Поэтому, мы проработаем такие ситуации и найдем решения для правильного отображения дизайна.
• Существуют проблемы, которые или очень сложно или вообще невозможно решить одним способом сразу для всех браузеров. Поэтому мы проработаем условия определения, каким именно браузером просматривается страница сайта, и соответственно сможем создать разные способы решения проблемы для разных браузеров.
• Учитывая, что браузер Internet Explorer 6-ой версии чаще всего требует индивидуального подхода, а статистика говорит о том, что его использует больше половины пользователей ru-нета, мы приняли решение уделить этому браузеру больше внимания и разобрать самые критичные проблемы, связанные с кроссбраузерной блочной версткой.
• Наряду с блочной версткой, существует верстка таблицами, которая уже не актуальна в современных сайтах, но все же имеет ряд преимуществ, которые Вы должны знать, т.к. иногда бывают задачи, с которыми лучше справиться именно табличной версткой. Мы приводим сравнение табличной верстки с блочной версткой и определяем достоинства и недостатки каждой из них.
• Блочная верстка подразумевает не только создание макета (каркаса) дизайна сайта, но и оформление самой информации внутри созданных блоков. Мы покажем как оформить текстовую информацию, какие виды текстовой информации бывают и чем они отличаются.

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

• Для начала сверстаем основные блоки, которые будут нести скорее смысловую нагрузку, нежели дизайнерскую. Это сделано умышленно, т.к. присвоить блоку нужное графическое оформление, это просто, а вот расположить блок в нужном месте и в нужных пропорциях, эта задачка посложнее. Поэтому верстаем следующий каркас нашего дизайна, в котором будут отображаться только границы блоков:
• Вот теперь, когда все блоки в нужном месте, можно заняться дизайном. Для этого нам потребуется графический редактор, в котором можно выделять (вырезать) нужные куски из дизайна. Лучше всего подойдет программа Adobe Photoshop, т.к. в ней все нужные элементы дизайна находятся в отдельных слоях, что существенно облегчает выделение из дизайна нужного элемента. В данном видео курсе мы не обучаем работе в Photoshop, хотя и используем результат его работы:
• Теперь, когда верстка готова и элементы дизайна (картинки) подготовлены, можно приступать к созданию каркаса для шаблона, т.е. зададим блокам графическое оформление.
• На этапе создания каркаса шаблона, можно позаботиться и о будущем меню сайта, задав нужные свойства для элементов (блоков), которые будут выполнять функцию меню на сайте.
• Разумеется, идеально созданный каркас в одном браузере, может совсем не идеально смотреться в другом браузере. Поэтому, проверяем созданный каркас в других браузерах. А для Internet Explorer 6 версии, создаем дополнительные условия для правильного отображения верстки.

Итак, изучив 1 и 2 часть видео курса, в общей сложности 25 уроков (5 часов 40 минут), мы завершаем первую базовую тему "Блочная верстка".
На данном этапе изучения видео курса, при успешном усвоении предоставленной информации, мы можем говорить о том, что Вы получаете профессию Верстальщика и, что Вы теперь способны самостоятельно верстать дизайн сайта.

В принципе, эта специальность не связана с какой-то конкретной CMS и уже позволяет Вам претендовать на место молодого специалиста в какой-либо веб-студии.

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

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

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

Это как бы переход из позиции "молодого специалиста" в профессионалы.

Изучение JavaScript мы начнем с самого нуля, т.е. даже самый не подготовленный, сможет усвоить этот язык и научиться создавать вполне приемлемые скрипты.
Разумеется, углубленного (полного) изучения JavaScript не будет, но это и не требуется. Для того, чтобы начать создавать скрипты, достаточно овладеть основами самого языка, а также изучить один из фреймворков JavaScript. В данном случае это MooTools. Почему он? Потому что он встроен в один из самых популярных среди профессионалов и лучших движков - Joomla.

Таким образом, после прохождения 3 части видео курса Основы JavaScript. Изучаем фреймворк MooTools Вы сможете самостоятельно писать скрипты для реализации самых разнообразных задач в дизайне сайта. Эту часть видео курса будем изучать в два этапа, сначала разберем основы JavaScript, а именно:

• Поговорим о переменных, какие типы, виды и значения они могут иметь.
• Изучим функции, как они создаются, какими могут быть, какие значения могут возвращать, как создать функцию с параметрами, как создать функцию в функции и как оперировать в этом случае данными.
• Разберем все виды условий, как ими пользоваться, каково их назначение и в каком случае применяется каждая из них.
• Следующее важное понятие, это циклы. Поговорим об их назначении, какие виды бывают и как каждый из видов использовать.
• Разберем понятие «прослушка html станицы», т.е. поговорим об элементах DOM и как определять события в этих элементах.
• Еще одно очень важное понятие, которое нужно знать, но как выясняется, мало кто знает, это массивы. С одной стороны массив, это просто, а с другой очень сложно, все завит от реализуемой задачи. Мы постарались объяснить суть массива на "пальцах", т.е. как он устроен, что и где может хранить, как вызывать нужную запись. Т.е. мы постарались объяснить: как создавать, редактировать и удалять данные из массива самым доступным и понятным способом.
• На данном этапе изучения языка JavaScript, мы поработаем с Cookies, для того, чтобы затем проделать ту же операцию, но с использованием MooTools и сравнить трудоемкость двух способов реализации одной и той же задачи.

На этом изучение основ программирования на JavaScript мы заканчиваем и переходим к изучению MooTools. Разумеется, мы изучим в нем, только самое главное и нужное, т.е. все то, что может пригодиться при реализации дизайна сайта.

• Первым делом, как было обещано, поработаем с Cookies и сравним трудоемкость. На этом примере станет ясно, что без использования MooTools, программировать на JavaScript, крайне сложно.
• В JavaScript, есть очень полезный инструмент, Ajax, который обеспечивает оперативную работу с сервером, т.е. позволяет получить данные без перезагрузки страницы. Многие платные шаблоны реализуют данную технологию, поэтому мы решили включить данную тему в наш видео курс и разобрать как при помощи MooTools общаться с сервером, передавать определенные данные на сервер, а так же как получить от сервера результат и каким способом вывести его на экран.
• Следующий, очень важный инструмент MooTools, это Fx класс, который отвечает за реализацию динамических эффектов в дизайне. В данном видео курсе, мы разберем 11 подклассов, которые реализованы в MooTools 1.2.х версии: Fx.Tween, Fx.Morph, Fx.Transition, Fx.Elements, Fx.Accordion, Fx.Move, Fx.Reveal, Fx.Scroll, Fx.Slide, Fx.SmoothScroll и Fx.Sort. Из содержания можно видеть, что каждому подклассу, отведен отдельный урок, в котором изучаются абсолютно все свойства, методы и особенности данного класса, а также создаются примеры реализации.
• Заканчиваем изучение JavaScript и MooTools, практическими занятиями, в которых мы реализуем: горизонтальное выпадающее меню, вертикальное раздвижное меню, создаем ленту прокрутки информации (т.е. ленту в которой будут прокручиваться блоки, в этих блоках можно будет разместить абсолютно любую информацию). А также создаем выпадающий (всплывающий или выезжающий), блок, который может применяться в рекламных целях, т.е. появляется без запроса со стороны посетителя сайта или который может вызваться по нажатию на другой блок. В самом блоке, можно разместить подписку, авторизацию и др. функционал.

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

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

• Для начала, в шапке сайта, мы создадим горизонтальные раздвижные блоки (гармошку), в которые можно будет выводить различную информацию (текст, фото, видео, флеши, скрипты и др.).
• Как и в блочной верстке, все блоки изначально создаются без графического оформления, поэтому после проверки на работоспособность созданного скрипта, мы должны будем все красиво оформить.
• Следующий, основной динамический эффект, это реализация "нескольких рабочих столов", в нашем случае в дизайне их предусмотрено 5 штук.

• Создав скрипт, для реализации пяти "рабочих столов", мы займемся его оформлением, чтобы все отображалось как в дизайне.
• Еще одна функция, которая будет реализована в этой части, это привязка каждого "стола" к конкретному посетителю через Cookies. Согласитесь, приятно начинать просмотр сайта с того места (рабочего стола), на котором закончил. Т.е. повторный заход посетителя на сайт будет выявлен и соответственно откроется последнее просматриваемое окно (рабочий стол).

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

Здесь, собственно, заканчивается профессия верстальщика и дальше Вы должны взять на себя функции разработчика всего проекта.

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

• Для начала мы скачаем последнюю версию CMS Joomla 1.5 и подробно распишем все шаги установки (какие особенности, на что нужно обратить внимание и т.д.)
• Для того, чтобы понимать принцип работы Joomla 1.5, а именно принцип вывода информации на экран, мы удалим все стандартные шаблоны и создадим свой «простенький» шаблон, который будет без дизайна, без функционала, просто белый лист, а в исходном коде созданного шаблона, будем прописывать только простые инструкции для вывода модулей и компонентов, чтобы было проще отследить, какая инструкция, что означает.
• Самое основное что нужно знать в используемой CMS - как в ней генерируются страницы. Дело в том, что для браузера, физически, есть только одна страница, это "index.php". Далее все переходы по страницам, являются условными, т.к. всегда используется один физический файл "index.php". В Joomla 1.5 существуют оговоренные правила, т.е. применяемые всегда, которые управляют виртуальными страницами. Таким образом, при работе и настройке CMS, мы первым делом сталкиваемся с проблемой создания нужных страниц. А в шаблоне мы запланировали функционал, который будет "распихивать" страницы в определенные "рабочие столы". Поэтому, без понимания вопроса формирования страниц (а в Joomla 1.5 страницы формируются из созданного меню) нам создать запланированный функционал в шаблоне не удастся!
• Теперь, когда мы понимаем по какому принципу формируется меню, т.е. создаются страницы, можно приступать к изучению более сложных инструкций, которые способны управлять внешним видом модулей и компонентов. Программы (модули и компоненты) Joomla 1.5 работают в системе MVC (Модель, Вид, Контроллер). Данная система предоставляет шаблону, возможность изменять Вид модулей и компонентов, т.е. изменять внешний вид (дизайн). Но это еще не все. Для модулей существует база стилей отображения модулей. Эта база в каждом шаблоне может расширяться, т.е. иметь собственные стили. Стиль способен задать способ вывода модуля, т.е. определить, где и в каком оформлении (дизайне) будет отображаться заголовок модуля и его контент.
• В нашем шаблоне будет функционал, который потребует знаний самого фреймворка CMS Joomla 1.5. Разумеется, CMS такого уровня просто обязана иметь Фреймворк. Это значит, что на основе языка программирования php разработчики Joomla, создали базу определенных инструкций, которые существенно упрощают жизнь программисту, т.к. изучив эти инструкции, а именно объекты, классы, методы и т.д., можно не изучать сам язык php. Достаточно понимать основы программирования и знать как записывать php код, для того, чтобы начать программировать под Joomla 1.5, а именно создавать шаблон для этой CMS. Для создания простого шаблона, знаний в области фреймворка Joomla 1.5 не требуется, но у нас будет сложный шаблон, поэтому нам придется познакомиться с этим фреймворком и изучить четыре метода в двух классах и одном объекте.
• Сложный шаблон предполагает многочисленные опции, которые, как правило, нуждаются в индивидуальной настройке. Для этого в шаблоне Joomla 1.5 предусмотрены параметры, т.е. мы в шаблоне можем создать не определенную переменную, значение которой будет устанавливаться из администраторской части Joomla 1.5 в свойствах шаблона. Другими словами, шаблон разделен на пользовательскую и административную часть. К примеру, в пользовательскую часть, мы выводим сверстанный дизайн и информацию (контент) сайта, а в административной части мы прописываем способы вывода дизайна и информации (контента). Например: можно создать условие для отображения определенного блока на сайте; можно создать поле, в котором администратор сайта сможет указывать путь к картинке логотипа и таким образом в Вашем шаблоне будет возможность устанавливать альтернативный логотип; можно сделать в шаблоне нескольких цветовых схем, т.е. сверстать несколько варрантов дизайна и предоставить администратору возможность выбора; можно создать поле для вставки кода различных банеров, устанавливать многочисленные счетчики посещаемости. Возможности не ограничены. Чем больше Вы сделаете настраиваемых опций (параметров), тем более универсальным будет Ваш шаблон.

Вот, собственно и все, что нужно знать для создания шаблона.

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

• Пропишем в каркасе основной код Joomla 1.5, создадим управляющий файл и получим работающий шаблон в Joomla 1.5. Но такой шаблон пока не показывает информацию (контент) сайта, т.к. мы не прописали инструкции для отображения модулей и компонентов. Однако на этом этапе они нам будут только мешать, т.к. мы должны протестировать блочную верстку и проверить работу всех созданных скриптов. Проблемы могут возникнуть, т.к. теперь мы используем встроенный в Joomla 1.5 MooTools. Кроме того, пути к созданным в каркасе файлам тоже изменились.
• После проверки работоспособности каркаса под управлением Joomla 1.5, можно приступить к настройке вывода модулей в горизонтальные выдвижные блоки. Т.к. количество отображаемых модулей может меняться, мы должны учитывать и количество выдвигаемых блоков.
• В нашем шаблоне мы создадим меню, которое в дальнейшем будет взаимодействовать с "рабочими столами", но меню должно работать под управлением Joomla 1.5, поэтому нам нужно будет программно увязать шаблон с меню Joomla 1.5, т.е. увязать шаблон с ее виртуальными страницами.
• Теперь, когда наше меню берет данные непосредственно из Joomla, у нас появляется проблема реализации "рабочих столов". А именно, вывод нужного контента в нужных "рабочих столах". Дело в том, что теперь количество пунктов меню (т.е. страниц) задается пользователем из админки Joomla. Поэтому мы должны все просчитать и сгенерировать для каждого пункта меню (страницы), свой "рабочий стол". Чтобы осуществить задуманное нам потребуются все ранее полученные знания. Скрипт, который раньше просто открывал блоки для "рабочих столов" теперь будет взаимодействовать с Joomla, практически напрямую. Объяснить словами, работу такого функционала, просто не возможно, но мы гарантируем, что все будет работает без проблем: все рабочие столы будут подключаться к нужным пунктам в меню и выводить нужный контент.
• В Joomla 1.5 не все так гладко с ее страницами. Иногда она генерирует страницы, которые никак не определены в созданном меню. Проще говоря, мы эту страницу не создавали, а она отображается. Разумеется, в нашем случае, когда страница должна отображаться в одном из "рабочих столов", которые генерируются в зависимости от выбранного пункта меню, произойдет ситуация при которой все рабочие столы будут закрыты и контент из этой "неопределенной" страницы мы не увидим. Вот пример такой ситуации: страница регистрации пользователя. Т.е. в меню мы этот компонент, разумеется, не выбираем, но модуль авторизации, который расположен на сайте, ссылается на этот компонент и, получается, что если нажать в этом модуле "Зарегистрироваться", то мы попадем на страницу компонента, которая ни в одном из меню "не определена". В простом (обычном) шаблоне, в котором используется один "рабочий стол", мы этого даже и не заметим, но в нашем шаблоне, компоненты должны отображаться в сгенерированном "рабочем столе". А "рабочий стол" может сгенерироваться только по команде из меню и никак иначе (другого способа просто нет), поэтому нам остается создать программный код, который будет отлавливать ситуацию, когда загружена "неопределенная" в меню страница и создавать дополнительный "рабочий стол" для вывода этих "заблудших станиц". Таким образом мы преодолеваем нестандартный подход в реализации меню и виртуальных страниц на сайте, т.е. нестандартный подход к увязке модулей и компонентов в cms Joomla 1.5.
• Вот теперь, когда весь функционал увязан с дизайном шаблона, все возможные проблемы и нюансы учтены, можно приступить к проверке шаблона на кроссбраузерность. Оптимизировать отображение верстки дизайна, которая обременена динамическими эффектами, очень не простое занятие, но современная реализация вывода контента, стоит того. Уверяем, что созданный шаблон, будет отлично смотреться и функционировать во всех популярных браузерах. Мы протестировали шаблон в следующих браузерах: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Opera, FireFox, Goggle Chrome, Apple Safari.
• Разумеется в ходе тестирования "по всплывали" мелкие шероховатости. Это нормальное явление при создании сложных систем. Поэтому был записан дополнительный урок в котором мы рассказали обо всех проблемах, которые "вылезли" и показали как эти проблемы нужно устранять.
• Шаблон в Joomla 1.5 очень мощная программа, и если его создавать правильно, то в шаблоне можно влиять на отображение всего что только можно. К примеру, страница печати. Т.е. Joomla поддерживает печать статей отдельно от остального контента на странице. Так вот вид этих статей для печати можно отдельно редактировать. Можно установить логотип, контактную и др. информацию, которая на сайте не будет отображаться, а на принтер отправится. Таким образом пользователь печатает материал с Вашего сайта и автоматически, к примеру, получает на распечатанном листе Ваш логотип и контакты. Другими словами, человек будет помнить откуда он распечатал и кто владелец этой информации. В общем, дополняем шаблон всеми необходимыми функциями (файлами), подробно разбирая, что и зачем нужно.
• Вот и настал момент истины. Создаем установочный архив шаблона, чтобы можно было установить наш шаблон через установщик Joomla 1.5. Joomla умеет работать с zip архивами, а все программы (модули, компоненты, плагины и шаблоны) может установить из администраторской части при наличии такого zip архива. Но чтобы процесс установки состоялся и после установки все заработало, нужно правильно оформить установочный файл. 100%-но рабочий установочный архив созданного шаблона Вы найдете на диске с видео курсом. Разумеется, проверяем процесс установки и тестируем работу шаблона после установки.

На этом, основная часть видео курса закончена.

Вы научились создавать крутые шаблоны и устанавливать в них готовый функционал сайта.

Бонусы видео курса расскрывают следующие темы:

1. Администрирование CMS Joomla 1.5, состоит из двух частей:
- первая, для тех, кто Joomla первый раз в глаза видит, т.е. изучаем администрирование Joomla 1.5;
- вторая, рассказывает о том как администрировать созданный в видео курсе шаблон, так как шаблон был создан, мягко говоря "нестандартный", то и администрировать его тоже нужно "нестандартным" способом.

2. Создание модулей для CMS Joomla 1.5 - в этом бонусе рассказывается о структуре модуля, т.е. как он устроен, какой файл за что отвечает, но главная особенность этого курса в том, что вся информация берется не от "фонаря", а из фреймворк Joomla (т.е. работаем с исходным кодом Joomla).

3. Создание компонентов для CMS Joomla 1.5 - еще больше углубляемся в фреймворк Joomla, изучаем как, а главное почему именно так и никак иначе должен быть устроен компонент. Разумеется изучаем как создавать Контроллер, Модель, Вид в компоненте и как фреймворк Joomla обеспечивает между ними связь и еще многое другое.
Другими словами, изучаем компонент на уровне исходного кода Joomla, т.е. на самом низком уровне программирования!

4. Знакомство с CMS Joomla 1.6 - устанавливаем и русифицируем Joomla 1.6.3, разбираем отличительные особенности в сравнении с Joomla 1.5 (разбираем отличия как в админке, так и в базе данных MySQL), работаем с категориями, статьями, создаем меню и др. операции по администрированию, ну и самое главное, адаптируем созданный шаблон в видео курсе под CMS Joomla 1.6, а также производим его "нестандартное" администрирование.

Бонусная часть получилась мощной и, безусловно, ее основной плюс в том, что Вы научитесь разрабатывать шаблоны и под Joomla 1.6 и под Joomla 1.7!

Вы научитесь создавать современные сайты!