cоздание темы с нуля. Артём Шимко

Создание темы «с нуля»

Артём Шимко

http://donetsk.drupal.ua

Создание темыСоздание темы «с нуля»«с нуля»

Artem ShymkoEmail: itwebcross@gmail.com

Skype: artemshymko

Как хотелось бы?Как хотелось бы?1. Структура и цель сайта 2. Wireframes3. Mockups (скетчи, наброски)4. «Готовый» дизайн5. Верстка6. Пот7. Drupal тема

Структура и цель сайтаСтруктура и цель сайта

По плануПо плану

Дизайн

Базовая тема

Как обычноКак обычно

Дизайн Идеи клиента, ограничения в

разработки, баги в стилях, наложения

CSS, проблемы с кроссбраузерностью

Базовая тема

Время, Ресурсы, Затраты

NO!

Утопия?

Нервы, Больничные, Слезы

Время задуматься.Время задуматься.

Возможные пути:Возможные пути:

- Тема on fly- HTML для темы

ИнструментарийИнструментарий• Views http://drupal.org/project/views• Semantic Views http://drupal.org/project/semanticviews

• Context http://drupal.org/project/context• Panels http://drupal.org/project/panels• Display Suite http://drupal.org/project/ds

• Block theme http://drupal.org/project/blocktheme• Block class http://drupal.org/project/block_class

WireframesWireframes

Mockups -> Mockups -> Готовый дизайнГотовый дизайн

Сборка Сборка Layout`Layout`аабазовая темабазовая тема

Сборка Сборка Layout`Layout`аафункциональностьфункциональность

Сборка Сборка Layout`Layout`а а ViewsViewsфункциональностьфункциональность

Использование Semantic Views или Views 3

Тема Тема on flyon fly

Все действия происходят сразу в теме: верстка, кросс-браузерное тестирование, прочее

HTML HTML для темыдля темы

1. Создается HTML

2. Верстка тестируется

3. Тема создается на базе HTML

• Сначала делается верстка, после из нее создается тема

• Верстка налаживает “ограничения” на процесс разработки

• Верстка стабильна(но могут быть различия с темой)

• Разработка и тематизация происходят параллельно

• Тема зависит от процесса разработки(иногда наоборот)

• Нет стабильной версии готовой темы

On Fly HTML

КонтактыКонтакты

Artem cross Shymko Drupal: http://drupal.org/user/432492

Email: itwebcross@gmail.comSkype: artemshymko