|
Создание успешного шаблона для 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 раза, чем фрилансеры и веб-студии! -
|
|