Свой шаблон

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

Этапы работы

Сбор информации

Что хорошего в "старом" дизайне? Что хочется изменить, а что добавить или оставить в новой теме без изменений? Составляется ТЗ.

Информация

  • Происходит знакомство с сайтом и контентом.
  • Заказчик рассказывает что именно он хочет изменить и почему

Обычно цели и задачи формируются заказчиком и уточняются/корректируются вместе с разработчиком.

Заказчиком предоставляется вся информация которая у него есть для сайта.

Техническое задание


ТЗ – документ в котором, определены общие сведения. Назначение и цели создания сайта. Требования к сайту: в целом – структура, персонал, разграничение доступа, сохранность информации; так и требования к функционалу сайта – его модулям (навигация, поиск и др.). Требования к дизайну сайта. Требования к видам обеспечения. Состав и содержание работ, Порядок контроля и приемки сайта. Указываются сроки разработки сайта.

Разработка темы

Непосредственная разработка темы для сайта. Верстка, программирование, интеграция с API CMS.

Вёрстка


Вёрстка - представляет собой перенос дизайна сайта из psd-исходника на язык гипертекстовой разметки HTML5 с применением CSS3 и JS. Все элементы дизайна из PSD-файла занимают свои места согласно шаблону дизайна.

  • HTML5 - отвечает за структурное расположение элементов на странице
  • При помощи каскадных таблиц стилей CSS3 происходит точная настройка вида и представления элементов каждой страницы
  • JS - обеспечивает необходимую интерактивность каждому элементу на странице

Кроме того, вёрстка как правило должна быть адаптивной, кроссбраузерной. в некоторых случаях может быть табличной.

Программирование


Происходит интеграция верстки и API выбранной системы управления контентом.

  • Работа с API выбранной CMS
  • Настраиваются необходимые функции и модули для требуемой работы шаблона/темы.
  • Установка созданной темы/шаблона в CMS и тестирование.

Тестирование шаблона

Тестирование шаблона на реальном хостинге, внесение необходимых дополнений, исправление всех неточностей.

Тестирование

Тестирование сайта и исправление ошибок. Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.

Перенос на хостинг

Финальным этапом работы можно считать перенос сайта на хостинг заказчика и его публикацию в сети Интернет.