У цій частині нашого семінару ми поговоримо про основні етапи створення веб-сайту. Справа в тому, що не дивлячись на те, яким чином ваша компанія буде створювати веб-сайт - це завжди співпраця керівництва компанії і виконавця (будь то стороння веб-студія або власний відділ маркетингу).
Частенько більшість проблем виникає саме через те, що замовник не до кінця розуміє які основні дії необхідні для створення працюючого ресурсу, а виконавець не має часу (або бажання) це пояснювати.
Основні етапи створення веб-сайту:
1. Визначення цілей веб-сайту і його позиціонування
Цілі веб-сайту, в більшості випадків, повинні ставитися замовником, а потім, разом з виконавцем вони уточнюються і коригуються.
Це один з найважливіших етапів не тільки створення веб-сайту як такого, але найважливіший етап інтернет-маркетингу.
Якщо замовник не розуміє, для чого йому потрібен веб-сайт, з 99% ймовірністю він буде незадоволений роботою виконавця і буде вважати, що гроші, витрачені на створення веб-сайту, просто втрачені. У підсумку, компанія не буде використовувати методи Інтернет-маркетингу, що негативно позначиться на її конкурентні позиції на ринку.
Після визначення цілей сайту треба абсолютно чітко і якомога докладніше уявити і описати цільову аудиторію сайту, тому що це впливає на те, в якому вигляді буде представлена інформація.
Визначення цільової аудиторії веб-сайту - це не менш важливий, ніж визначення цілей веб-сайту, етап. Не завжди цільова аудиторія компанії з офлайнв буде прямо проектуватися на он-лайн. Знаючи цільову аудиторію і аудиторію українській частині Інтернету можна зробити певні припущення про те, хто буде основними відвідувачами веб-сайту.
Визначення і як можна більш докладний опис цільової аудиторії сайту дає можливість розробити правильний дизайн для проекту, а також вибрати правильний напрямок для написання текстів. Дуже важливо говорити з аудиторією зрозумілою їй мовою. І ця вимога в рази важливіше в Інтернеті, ніж в реальному житті, тому що в онлайні вас і вашого конкурента розділяє тільки клік миші.
На заключній стадії цього етапу приблизно визначають, за якими пошуковими запитами сайт повинен з'являтися в результатах пошукового запиту і подивитися інтернет-проекти конкурентів майбутнього веб-проекту.
Визначення пошукових запитів або іншими словами складання семантичного ядра процес досить складний і в ідеалі повинен робитися професіоналами. Однак, скласти приблизний список запитів під силу кожному керівники або власнику бізнесу. Для цього просто необхідно виписати всі ті слова і фрази, які ви особисто використовуєте для пошуку конкурентів і опитати менеджерів відділу продажів - які запитання виникають у клієнтів вашої компанії найбільш часто. Після цього буде дуже корисно звірити ваші здогадки з картиною запитів, яку дають нам пошуковики ...... ..
2. Створення Технічного Завдання (ТЗ) на розробку веб-сайту.
У ТЗ необхідно якомога детальніше описати:
- мети створення сайту і його цільову аудиторію;
- структуру веб-сайту і кількість сторінок в кожному розділі;
- роботу динамічних модулів;
- побажання по дизайну (кольору, іспользоанія фірмового стилю, співвідношення графіка / текст і т.д.
- використовувані технології (HTML, Flash, PHP та ін.);
- порядок надання, обробки або створення графічної і текстової інформації;
- технічні вимоги до сайту.
ТЗ є основним документом, на основі якого здійснюються всі наступні етапи розробки веб-сайту.
Дуже часто створюється ситуація, при якій замовник чекає ТЗ від виконавця, а виконавець від замовника. Ще раз хотілося б повторити, що створення веб-сайту - це співпраця. Поодинці, ні замовник, ні виконавець не можуть скласти ТЗ. Як правило, замовник повинен чітко описати цілі веб-сайту, його цільову аудиторію та побажання по функціоналу. Далі за справу береться виконавець, який технічною мовою описує, як буде працювати майбутній сайт.
3. Створення дизайн-макету веб-сайту.
На цьому етапі дизайнер в спеціальній графічній програмі створює дизайн сторінок майбутнього веб-сайту з промальовуванням всіх графічних (банерів, кнопок, фотографій) і текстових елементів. Дизайнер створює дизайн веб-сторінок з врахуванням побажань замовника і завдання, прописаного в ТЗ.
Говорячи про візуальному поданні веб-сайту, не можна не зупинитися на такому моменті, як відмінності між фіксованими і гумовими сайтами.
Сучасні монітори мають різні дозволи. У розмові про веб-сайтах нас особливо цікавить ширина. Розмір Монторо по ширині в пікселях може бути 800, 1024, 1280,1600 і навіть більше. Більш того, користувач може переглядати сайт в полускрученном вікні.
Фіксований дизайн сайту передбачає одну єдину ширину сайту для всіх дозволів екрану і для всіх ширин вікон, тобто якщо ширина сайту 1000 пікселейй, то на екрані 800 пікселів буде з'являтися горизонтальна прокрутка, а на екрані 1280 пікселів - порожні поля зліва і справа (або тільки з одного боку)
Така побудова сайту дозволяє чітко управляти композицією сайту і однозначно знати, де буде кожен елемент навігації на кожному екрані. Цей тип сайту дозволяє використовувати більш насичені графічні елементи.
Гумовий дизайн, на відміну від фіксованого «підлаштовується» під ширину екрану.
Це призводить до того, що сайт без горизонтальної прокрутки побачить більшість користувачів, але на різних екранах композиція сайту буде непередбачуваною, що сильно не до душі дизайнерам.
Навіщо знати ці відмінності? Потім, щоб правильно вибрати підхід до графічного поданням сайту для ЦА, а дизайнер, перш ніж почати роботу повинен точно знати, якою буде сайт: фіксований або гумовий.
Після того, як Замовник затвердив дизайн-макет (в письмовому вигляді або електронною поштою) за роботу приймається верстальник - це та людина, яка переводить дизайн-макет на мову, зрозумілу комп'ютеру з використанням мови HTML.
5. Програмування сайту.
Дуже часто етап програмування і верстки об'єднують в один. На дрібних і середній проектах обидва дії в стані виконати одна людина. На великих проектах в силу специфіки робіт ці етапи поділяють.
На етапі програмування (як правило, з іспользовавніем DHTML, PHP, Perl, ASP і баз даних) відбувається створення всіх сторінок сайту, визначається порядок роботи меню, розставляються гіпер-посилання, створюється динаміка на сайті, програмуються такі складові, як гостьова книга, форум , новинна стрічка та ін.
Якщо сайт повинен мати адміністраторський інтерфейс то він створюється саме на етапі програмування.
Дуже важливо на етапі програмування визначити, на якій системі адміністрування (Content Management Site) буде працювати ваш сайт. На сьогодні на ринку існує велика кількість систем адміністрування. Для того, щоб правильно вибрати систему треба відповісти собі на ряд питань.
В результаті роботи верстальника і програміста виходить так звана «риба» сайту, тобто сайт без інформаційного наповнення. Фізично сайт в такому вигляді являє собою набір файлів.
Терміни виконання робіт по верстці і програмування залежать від складності проекту і можуть становити від тижня до 2-х місяців.
6. Наповнення сайту інформацією.
Термін виконання знову ж таки залежить від складності проекту, обсягу інформації, який треба розташувати на сайті, і того виду, в якому Замовник її представив. Якщо інформація представлена в електронному вмде, а графіка не вимагає доплнітельной обробки (наприклад, зміна розміру, додавання додаткових елементів і ін.), То наповнення сайту відбувається досить швидко. Якщо необходімадополнітельная робота, як наприклад, пошук або набір тексту, сканування фотографій або створення малюнків, то етап наповнення сайту може стати одним з найтриваліших.
7. Розташування сайту в мережі Інтернет.
Даний етап необов'язково виконується після проведення всіх перерахованих вище робіт. Він може проводитися паралельно з будь-яким з етапів. Він полягає в тому, що файли сайту розташовуються на хостингу.
8. Тестування сайту.