Етапи створення веб-сайтів. Конструювання сайтів

8

Що таке сайт?

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

8

При створенні структури сайта слід дотримуватися певних принципів, зокрема:

Принципу простоти

Принципу цільової сегментації

8

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

8

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

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

8

Підчас планування структури сайта необхідно продумати кілька основних складових:

Структуру каталогів

Структуру навігації

Необхідність заставки сайта

Важливо визначитися з необхідною кількістю сторінок і встановити зв'язки між ними.

8

Розглядають:

Внутрішню

структуру сайта

Зовнішню

структуру сайта

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

8

Розрізняють внутрішню структуру сайта:

Лінійну

Ієрархічну

Довільну

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

8

Перегляд таких сайтів здійснюється послідовно: від початкової (головної) до останньої сторінки.

Кожна сторінка має посилання тільки на одну, наступну сторінку сайта. Інколи, для зручності навігації по сайту, до сторінки також додається посилання на попередню сторінку.

8

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

8

При довільній структурі кожна сторінка може містити посилання на довільну кількість сторінок сайта. Така структура найкраще підходить для сайтів, що містять різні за тематикою матеріали: каталогів, зібрань статей з різних тем або добірок посилань.

Прикладом такої структури є сайт Бібліотека української літератури

ukrlib.com.ua

8

На практиці майже завжди використовується поєднання деревоподібної та послідовної структур, тобто гібридна структура.

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

8

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

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

8

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

Банера

Картинок

Додаткових посилань

Зовнішня структура має гармонійно відповідати дизайну сайта.

8

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

Де він перебуває?

Куди можна піти?

Як туди дістатися?

Як повернутися назад?

8

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

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

8

Розрізняють:

Текстову систему навігації

Навігацію за допомогою кнопок

Використання навігаційних карт

8

Інколи замість головної сторінки сайта з'являється заставка. Це велике фото зі звуковим супроводом або відеоролик. Такі сторінки створюють, щоб привернути увагу користувача.

8

Головна сторінка сайта має задовольняти правилу�«3 по 3», тобто три абзаци по три речення про тематику та зміст, авторів і призначення сайта.

8

Зовнішній вигляд решти сторінок сайта має бути витриманим у єдиному стилі. На них має бути вказано назву ресурсу й посилання на головну сторінку.

8

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

8

Які відмінності можуть мати веб-сторінки сайта?

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

Веб-сторінка — документ або інформаційний ресурс, доступ до якого здійснюється за допомогою браузера.

Текст

Статичні та анімовані графічні зображення

Аудіо

Відео тощо

8

Інформаційний вміст веб-сторінки, як правило, називають контентом.

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

Статична

Інтерактивна

8

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

А потім знову завантажує на веб-сайт. Це трудомісткий процес.

8

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

8

Інтерактивна веб-сторінка надає можливість користувачеві вводити деякі дані, а потім забезпечує, відповідно до введених даних, їх опрацювання на сервері.

8

Етапи створення створення веб-сайта:

• визначення мети створення сайта, розробка концепції веб-сайта та його структури;

• проведення дослідження з обраної теми;

• вибір способу подання даних і стилю оформлення веб-сторінок;

• розмітка та програмування сайта;

• наповнення сайта даними;

• художнє оформлення сторінок;

• розміщення веб-сторінок на сервері;

• популяризація сайта та підтримка його роботи.

8

Пошукова система враховує такі параметри сайта при визначенні його релевантності (ступеня відповідності запиту, що вводиться при пошуку):

• щільність ключових слів;

• індекс цитування сайта — залежить від кількості та авторитетності веб-ресурсів, які посилаються на цей сайт; багато пошукових систем не враховують посилання один на одного; важливо, щоб посилання були зі схожих за тематикою сайтів.

8

До факторів, які знижують рейтинг сайта, належать:

8

Дякую за увагу!

За новою програмою

8