ЯК СТВОРЮЮТЬ САЙТИ

  1. Крок 1 - Визначення вимог до нового веб-сайту Проектна команда, спільно з власником сайту, уточнює...
  2. Крок 3 - Проектування логічної структури контенту
  3. Крок 4 - Проектування логічної системи веб-сайту
  4. Крок 5 - Створення графічного проекту
  5. Крок 6 - Розміщення контенту

Крок 1 - Визначення вимог до нового веб-сайту

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

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

На цьому етапі ми повинні розуміти, кому буде адресовано сайт, як би бачити середньостатистичного користувача веб-сайту перед собою в ході чергових етапів його створення.

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

Крок 2 - Визначення змісту веб-сайтів

Крок 2 - Визначення змісту веб-сайтів

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

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

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

Відділення матеріалів також впливає на рух, що генерується сервісом. Якщо на сторінці будуть розміщені великі графічні файли або фільми, то для такої сторінки необхідно буде передбачити інші хостингові рішення, що відрізняються від рішень, призначених для сайтів, на яких будуть розміщені невеликі тексти і всього кілька фотографій.

Крок 3 - Проектування логічної структури контенту

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

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

Крок 4 - Проектування логічної системи веб-сайту

Крок 4 - Проектування логічної системи веб-сайту

Проект логічної системи веб-сайту є перенесенням структури контенту (крок 3) на конкретні елементи інтернет-сторінки. Залежно від пріоритетів, визначених у попередньому кроці, і ваги окремих елементів, вони повинні займати відповідне простір в логічній системі сайту.

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

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

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

Жорстка блок-схема простору не є обов'язковою для подальшого графічного дизайну сторінки, в якому можуть з'явитися заокруглення і градієнти, нівелюють відчуття колонного будови системи.

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

Крок 5 - Створення графічного проекту

Крок 5 - Створення графічного проекту

Щоб створити графічний проект, проектувальник повинен ознайомитися з системою візуальної ідентифікації компанії або, в разі її відсутності, спільно з власником веб-сайту підібрати відповідні для конкретного сайту кольору, шрифти та інші графічні елементи (фотографії, ікони).

Далі встановлені конкретні графічні елементи накладаються на проект логічної системи веб-сайту (крок 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. dolor sit amet, consectetuer adipiscing elit 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.

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

Відділі продажів: +48 12 656 51 58 внутр. 45, e-mail: [email protected]

W dziale "Co możemy dla Ciebie zrobić?