Етапи проектування

Дизайн Web-сторінок

Лекція №7

Веб-дизайн (від англ. «web-design») – це галузь веб-розробки і різновид дизайна, в завдання якої входить проектування призначених для користувача веб-інтерфейсів для сайтів або веб-додатків.

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

Веб-сервер-дизайн – це вид графічного дизайну, направлений на розробку і оформлення об'єктів інформаційного середовища інтернету, покликаний забезпечити їм високі споживчі властивості та естетичні якості.

Складанням технічного завдання для веб-дизайнера займається менеджер

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

§ Дизайн основних і типових сторінок сайту

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

При цьому дизайнер повинен враховувати обмеження стандартів html (не створювати дизайн, який потім не зможе бути реалізований стандартними засобами html).

§ HTML-верстка|

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

У невеликих студіях, html-кодуванням займається дизайнер, який створив макет сайту.

§ Програмування

Далі готові HTML-файли передають програмісту. Програмування сайту може здійснюватися як «з нуля», так і на основі CMS-системи управління сайтом.

§ Тестування.

Веб-сервер-дизайн сайту повинен адекватно виглядати в різних браузера|, особливо в браузерах Internet Explorer, Firefox, Safari, Chrome і Opera.

§ Розміщення сайту в Інтернеті

Файли сайту розміщують на сервері провайдера і проводять потрібні налаштування. На цьому етапі сайт поки закритий для відвідувачів.

§ Наповнення контентом і публікаціями

Сайт наповнюють контентом — текстами, зображеннями, файлами для скачування і т. д.

§ Внутрішня SEO-оптимізація.

Пов'язана з деякими змінами самого сайту.

§ Зовнішня SEO-оптимізація.

Зводиться, як правило, до побудови структури вхідних посилань. Це власне і є розкручування.

§ Здача проекту

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

Так само на цьому етапі проводиться навчання представника замовника навикам роботи в адміністраторській зоні сайту.

Дата добавления: 2014-01-11