Skontaktuj się z nami:
+48 12 656 51 58


КАК СОЗДАЮТСЯ ВЕБ-САЙТЫ

КАК СОЗДАЮТСЯ ВЕБ-САЙТЫ

Available languages:

  Шаг 1 – Определение требований к новому веб-сайту

Проектная команда, совместно с владельцем сайта, уточняет требования к новому Интернет-ресурсу. Ожидания владельца должны учитывать ожидания потенциального пользователя сервиса. Необходимо взглянуть на создаваемый проект с точки зрения посетителя веб-сайта и попробовать ответить на следующие вопросы:

  • зачем такому пользователю посещать нашу страницу,
  • какую информацию он на ней найдет,
  • как он сможет воспользоваться этой информацией?

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

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

Шаг 2 – Определение содержания веб-сайтов

ikon

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

  • тексты
  • графические материалы
  • фотографии
  • элементы для скачивания (.pdf, .doc, .xls, .ppt ...)
  • видео-файлы (.mov, .flv, .wmv, .avi, .ogg, youtube)

Вышеуказанные материалы следует рассортировать по соответствующим категориям, а файлам следует присвоить названия, отвечающие их содержанию. Качество и логическое отделение материалов в значительной мере влияют на сроки ввода сервиса в эксплуатацию. Если материалы, которые должны находиться на интернет-странице, будут правильно рассортированы, то в ходе очередного этапа (шаг 3) будет гораздо проще установить ее логические отделы.

Отделение материалов также влияет на движение, генерируемое сервисом. Если на странице будут размещены большие графические файлы либо фильмы, то для такой страницы необходимо будет предусмотреть другие хостинговые решения, отличающиеся от решений, предназначенных для сайтов, на которых будут размещены небольшие тексты и всего несколько фотографий.

Шаг 3 – Проектирование логической структуры контента

Логическая структура контента – это схема, которая помогает нам разместить информацию таким образом, чтобы она была читабельна для потенциального пользователя веб-сайта. Владелец сайта должен принять решение о приоритетах его разделов. Если самым важным на странице должен быть каталог продуктов или отдел тендеров, это должно быть указано.

Projektowanie struktury logicznej treści

В проекте логической структуры также представлены пути, по которым может следовать пользователь веб-сайта. Проект представляет только главные пути, но это, конечно же, не исключает возможности перемещения по контенту сайта с помощью ссылок, указанных в его контенте, а также находить необходимую информацию с помощью поисковой системы сайта.

Шаг 4 – Проектирование логической системы веб-сайта

Projektowanie układu logicznego witryny

Проект логической системы веб-сайта является переносом структуры контента (шаг 3) на конкретные элементы интернет-страницы. В зависимости от приоритетов, определенных в предыдущем шаге, и веса отдельных элементов, они должны занимать соответствующее пространство в логической системе сайта.

Необходимо найти соответствующее место для идентификационных обозначений учреждений и организаций (логотипы), разместить существующий контент, предусмотреть место для контента, который появится в будущем, и помнить о том, чтобы оставить свободное пространство таким образом, чтобы интернет-страница могла «дышать».

Также можно определить так называемые стартовые точки, то есть от 3 до 5 наиболее важных вещей, ради которых пользователи будут посещать наш веб-сайт, и представить эти вещи графическим способом.

Проект логической системы веб-сайта подготавливается в серых тонах, что помогает во время проведения анализа размещения и занятого пространства элементов страницы. На этом этапе цвет фона или шрифта не имеет значения. Мы только подготавливаем соответствующее место для контента. 

Жесткая блок-схема пространства не является обязательной для последующего графического дизайна страницы, в котором могут появиться закругления и градиенты, нивелирующие ощущение колонного строения системы.

Следует обратить внимание на те места проекта, в которых будет размещаться контент, добавляемый в будущем. Проект должен быть «растягивающимся», а в зависимости от объема контента сайта он будет более длинным, реже - более широким.

Шаг 5 – Создание графического проекта

Tworzenie projektu graficznego

Чтобы создать графический проект, проектировщик должен ознакомиться с системой визуальной идентификации компании либо, в случае ее отсутствия, совместно с владельцем веб-сайта подобрать соответствующие для конкретного сайта цвета, шрифты и другие графические элементы (фотографии, иконы).

Далее установленные конкретные графические элементы накладываются на проект логической системы веб-сайта (шаг 4).

 

логическая система сайта
логотип
цвета
шрифты
фотографии
+                            иконки
----------------------------
графический проект

 

Обычно сайт должен иметь от 2 до 3 основных цветов. Эти цвета появляются в заголовках, элементах меню, ссылках в тексте, навигационных элементах. Другие цвета могут появляться на фотографиях либо иконках, однако, они не должны заглушать другие элементы страницы.

Шаг 6 – Размещение контента

Готовый проект «разрезается» на меньшие элементы, так, чтобы каждая иконка или баннер были отдельным графическим файлом. Эти файлы затем складываются в функциональный веб-сайт (HTML). Временные тексты заменяются постоянной информацией, которая должна находиться на сайте.

 

Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. In pulvinar venenatis leo. Mauris id odio nec ante posuere lacinia. Suspendisse dui. Aliquam erat volutpat. Maecenas posuere, erat sed convallis aliquet, lacus sapien dictum magna, ac vulputate urna odio at dolor. Maecenas lorem arcu, pharetra id, viverra non, elementum id, nisi.     strzałka w prawo W dziale "Co możemy dla Ciebie zrobić?" prezentujemy Państwu informacje o usługach serwisowych oferowanych przez naszą firmę, jak również o outsourcingu i rozwiązaniach sieciowych. Jeśli są zainteresowani Państwo stroną internetową, którą można samodzielnie uaktualniać, informacje na ten temat także odnajdą Państwo w tym dziale. W tym samym dziale znajdują się również informacje nt. integracji oprogramowania autorskiego z zewnętrznymi aplikacjami.

 

На этом этапе сайт размещается на локальном сервере для разработки, где можно увидеть, как с каждым часом на сайте появляется все больше контента. В зависимости от вместительности страницы и качества материалов для размещения, этот процесс может длиться больше или меньше времени. Когда на сайте будет уже соответствующее количество материалов, можно перенести его на постоянный сервер и показать всему миру.

 

Oтдел продаж: +48 12 656 51 58  внутр.45, e-mail:  sprzedaz@escsa.pl