Процесс создания сайта
Для успешной реализация проекта необходимо тесное сотрудничество исполнителя и заказчика, а так же их взаимопонимание. Зачастую заказчик не имеет представления о процессе разработки сайта, а исполнитель не пытается рассказать об основных этапах своей деятельности. Отсюда вытекает недопонимание друг друга и как следствие, конфликтные ситуации и заброшенные проекты.
Итак, наш процесс создания сайта:
Разработка дизайна сайта
Получив ТЗ (техническое задание) и доработав его вместе с заказчиком, приступаем к созданию эскиза дизайна будущего сайта. Начинаем с «мозгового штурма» — метода, позволяющего генерировать идеи и решать поставленные задачи. Покажу его в действии на примере создания дизайна для сайта о фильмах FilmsTop.ru:
(мозговой штурм)
Получился небольшой набор идей, на основе которых делается набросок разных элементов и сайта в целом (скетч).
(скетч)
(RSS)
В результате, на основе этих скетчей и словесном описании идей, налаживается взаимопонимание с заказчиком, и можно приступать к созданию самого эскиза сайта. На эскизе важно показать расположение основных элементов сайта и преподнести основную идею сайта так, чтобы заказчик смог ее увидеть.
(эскиз)
После переговоров, внесения всех предложенных изменений и окончательного утверждения разработанного эскиза, приступаем к «нанесению лоска» нашему дизайну. В результате должен получиться готовый рабочий вариант, который после определенных правок будет утвержден.
(принятый вариант)
Верстка полученного дизайна сайта
После того как созданный дизайн был утвержден, пора переходить к верстке — получению html кода на основании представленного дизайна, а также технического задание, которое было принято в самом начале работы над проектом. Не вдаваясь в подробности, макет нашего сайта:
В html коде будет выглядеть так:
(html код главной страницы webstar. kz)
Чтобы просмотреть html код любой страницы нажмите правой кнопкой по ней в вашем браузере и выберите «Исходный код» (Source). Все что вы видите — это работа верстальщика. Причем он должен сверстать страницу так, чтобы она выглядела одинаково во всех браузерах (или в тех, которые оговорены в договоре). Порой это становится сложной задачей.
Программирование и настройка CMS (системы управления контентом)
На этом этапе сверстанные страницы преобразуются в тему для CMS и дальше начинается ее настройка. Цель — избавить конечного пользователя от рутинной работы (правки html страниц) и дать ему возможность полностью управлять своим сайтом, не обладая знаниями программирования. В результате вы получаете готовый полноценный сайт с удобной и многофункциональной системой управления.
