Создание успешного шаблона для Joomla. Видеокурс [Александр Куртеев, Дмитрий Маршалец] (2013, Веб-дизайн, Joomla, PCRec) от R.G. Мастер-Класс

 

Создавать темы 06-Июл-2014 18:33

Создание успешного шаблона для Joomla-
  • Год выпуска: 2013
  • Страна: Россия
  • Тематика: Веб-дизайн, Joomla
  • Сайт: Перейти
  • Тип материала: Обучающее видео
  • Продолжительность: 9 ч. 45мин.
  • Автор: Александр Куртеев, Дмитрий Маршалец
  • Язык: Русский
-Описание:
Подробный курс по современной технологии верстки шаблонов для Joomla, используя фреймворк Twitter Bootstrap. С помощью курса вы сможете превратить картинку с макетом в одежду для вашего сайта, которая будет правильно отображаться под всеми устройствами (телефоны, планшеты, нетбуки, ноутбуки, мониторы с различными разрешениями).
В курсе раскрыта технология верстки успешных шаблонов. Сейчас вы можете перестать безжалостно "сливать" посетителей конкурентам, чьи сайты уже имеют отзывчивый дизайн.
Что такое отзывчивый дизайн?
Отзывчивый дизайн - дизайн, который подстраивается под все разрешения экрана. Т.е. сайт отлично отображается и удобно пользоватеься на всех мобильных устройствах. За последние несколько лет мобильные технологии плотно вошли в нашу жизнь. Сейчас, по статистике, 30% пользователей заходят на сайты с мобильных браузеров. И если ваш сайт плохо отображается на мобильных телефонах и планшетах, то вы теряете 30% посетителей.
Twitter Bootstrap - лучшее решение для отзывчивого дизайна Что такое Twitter Bootstrap?
Это простой и легко-настраиваемый инструментарий для верстки дизайна сайта. Twitter Bootstrap облегчает верстку шаблонов, позволяя создать красивый и отзывчивый шаблон за несколько дней. В Twitter Bootstrap прописаны все необходимые стили и java-скрипты для оформления современного сайта. Нам остается только наслаждаться версткой шаблона.
Характеристики Twitter Bootstrap:
• 12-ти колоночный динамический дизайн и сетка, позволяющая сделать отзывчивый дизайн.
• более 100 вариантов современного оформления текста, форм, кнопок, картинок, таблиц и прочих элементов контента.
• более 100 компонентов для оформления навигации, списков, групп иконок, лейблов и системных сообщений.
• встроенные java скрипты: модальные окна, табы, подсказки, алерты, меню, аккордионы, карусели и прочие.
• чистый и быстрый код, корректно работающий во всех браузерах (вплоть до IE7).
Для получения богатого арсенала Твиттер Бутстрап нам нужно его подключить и начать использовать его возможности. Отныне профессиональная верстка шаблона с отзывчивым дизайном доступна для новичков! Благодаря Twitter Bootstrap мы экономим колоссальное количество времени на верстке, при этом получаем красивый отзывчивый шаблон.
Перед Вами подробный курс Александра Куртеева и Маршалец Дмитрия по новейшей технологии верстки шаблонов.
С помощью данного курса вы сможете профессионально сверстать свой шаблон для Joomla по современным стандартам. Т.е. сможете превратить картинку с макетом в одежду для вашего сайта, которая будет правильно отображаться под всеми устройствами (телефоны, планшеты, нетбуки, ноутбуки, мониторы с различными разрешениями экрана).
-
  • Качество: PCRec
  • Формат: unpacked (autorun.exe)
  • Видео кодек: AVC
  • Аудио кодек: AAC-LC
  • Видео: avc1, 976x674, 15 fps, 321 Kbps
  • Аудио: AAC LC, 44.1 KHz, 157 Kbps, 2 channels
-

Курс «Создание успешного шаблона для Joomla» состоит из 4 модулей.:

1 модуль. Html и CSS для новичков
По окончанию данного модуля вы сможете:
· Легко читать html код и при необходимости править его.
· Задавать оформление через css.
· Использовать возможности html и css в повседневной работе с сайтами.
В комплект входит:
· Рабочая тетрадь по HTML.
· Рабочая тетрадь по CSS.
· Необходимые программы.
2 модуль. Верстка шаблона из картинки
В модуле шаг за шагом превращаем нашу картинку в шаблон для Joomla. Верстаем шаблон, используя TwitterBootstrap. В результате получаем отзывчивый шаблон, который отлично отображается на всех мобильных устройствах (ipad, iphone, ноутбуки, нетбуки, мониторы с большой диагональю).
Вы пройдете все шаги верстки шаблона под руководством профессионалов.
· Знакомимся с макетом дизайна и определяем, какие элементы нам нужно нарезать, а какие можем сверстать, используя css.
· Нарезаем шаблон определенным образом.
· Создаем каркас шаблона с минимально необходимыми файлами.
· Подключаем Bootstrap и ставим "нулевой шаблон" на Joomla.
· Верстаем шаблон по шагам: шапка, основная часть, модули, футер.
· Параллельно с версткой адаптируем сайт под различные устройства: изменяем меню, удаляем или перемещаем блоки в зависимости от разрешения.
· Сверстанный шаблон проверяем на кроссбраузерность. Исправляем ошибки.
Для вашего удобства к модулю "Верстка шаблона из макета" прилагаются:
· Нулевой шаблон. Это шаблон с минимальной структурой и подключенным бутстрапом, который можно установить на Джумла и верстать свой проект. Благодаря нулевому шаблону вы экономите время при создании шаблона с нуля.
· Готовый шаблон. Вы можете использовать готовый шаблон, который создаем в курсе, для обучения, для просмотра кода. А также данный шаблон можно использовать как основу для верстки своих шаблонов.
· Исходник макета шаблона в формате psd со слоями.
· Комплект нарезанной графики (для проверки).
· Переписанные стандартные шаблоны, которые сможете использовать на своих сайтах.
· Рабочая тетрадь со справочными материалами и домашними заданиями.
3 модуль. Создание шаблона Joomla из html-шаблона
Бывают ситуации, когда приходит пора переводить старый сайт из статичного html формата на систему управления контентом. Иногда при переносе хочется сохранить дизайн старого сайта. В этом модуле показано, как из шаблона сайта на HTML сделать шаблон, который можно установить на Joomla.
4 модуль. Обновление шаблона с Joomla 1.5 до Joomla 2.5/3.x
Если у вас сайт на Joomla 1.5 и вы хотите сохранить его дизайн при переходе на новую версию Joomla, то посмотрев эти уроки вы легко обновите шаблон с Joomla 1.5 до 2.5/3.х.
Что вы получаете?
1. Курс "HTML и CSS для начинающих" (26 уроков)
• 13 видеуроков по HTML для начинающих
• Рабочая тетрадь со справочными материалами и домашними заданиями по HTML
• 13 видеоуроков по CSS для начинающих
• Рабочая тетрадь со справочными материалами и домашними заданиями по CSS
2. Курс "Верстка шаблона для Joomla 2.5 / 3.х (26 уроков)
• 26 видеоуроков по верстке отзывчивого шаблона с нуля до готового шаблона.
• Полный комплект инструментов для верстки шаблона
• Нулевой шаблон - чистый шаблон полностью подготовленный для начала верстки
• Шаблоны для вывода стандартных компонентов и модулей, сверстанные на bootstrap (скопировал и готово).
• Макет шаблона (psd со слоями) + готовый шаблон для проверки
• Рабочая тетрадь со справочными материалами и домашними заданиями.
3. Курс "Создание шаблона Joomla из HTML-шаблона" (2 урока)
• Комплект из 2-х видеоуроков.
• Рабочая тетрадь со справочными материалами и домашними заданиями.
4. Курс "Обновление шаблона с Joomla 1.5 до 2.5 / 3.х (2 урока)
• Комплект из 2-х видеоуроков.
• Рабочая тетрадь со справочными материалами и домашними заданиями.
5. Бонусы (в описании не анонсированы)
• Бонус 1: Главный элемент дизайна вашего сайта (1 урок)
• Бонус 2: Отзывчивый контент (4 урока)
• Бонус 3: Два профессиональных psd - макета для практики верстки
БОНУСЫ:
• Курс: "Мастер веб-дизайна"
• Контакты хорошего дизайнера
• Верстка шаблона из макета
Пройдя курс вы станете мастером и перейдете на следующий уровень в работе с сайтами. Отныне вы легко сможете верстать потрясающие шаблоны. Создайте свой шаблон для Joomla качественнее и дешевле в 3,5 раза, чем фрилансеры и веб-студии!
-

Скриншоты:

Яндекс.Метрика