Автоматизовані засоби для створення та публікації веб-ресурсів

1. Яку структуру можуть мати сайти?

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

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

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

Розглядають внутрішню та зовнішню структури сайту.

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

Розрізняють лінійну, ієрархічну та довільну внутрішню структури сайту.

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

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

За довільної структури кожна сторінка може містити посилання на довільну кількість сторінок сайту.

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

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

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

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

2. Які існують вимоги до структури сайту?

Ергономічні вимоги:

• комфорт під час використання;
• безпека.

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

• очікування користувачів;
• звички;
• вік;
• обладнання;
• рівень знань.

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

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

Вимоги до головної сторінки сайту:

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

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

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

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

Відомості на вебсторінці можуть подаватися в різних формах:

• текст;
• статичні та анімовані графічні зображення;
• аудіо;
• відео тощо.

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

Вебсторінки можуть бути статичними та інтерактивними.

Статичні вебсторінки створюють за допомогою мови розмітки HTML. Їх використовують для сайтів з постійною структурою та зовнішнім виглядом сторінки.

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

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

Сайти, що містять інтерактивні вебсторінки, називають динамічними.

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

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

4. У чому полягає процес створення вебсайту?

Етапи:

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

5. Що передбачає вебдизайн?

Дизайн вебсторінок – це робота, яка спирається на знання основних понять дизайну, використання правил ергономіки та врахування таких основних складових вебдизайну:

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

Поради вебдизайнеру:

• не використовувати великі анімовані зображення на головній сторінці, рядки, що «розбігаються» в різні боки, «миготливі» елементи – заважає зосередитись на вмісті сторінки;
• не розміщувати на головній сторінці велику кількість кнопок, емблем каталогів, посилань – перевантажує графіку сайту;
• недоцільно розміщувати на сторінці «довгі» тексти. Користувач не має прокручувати екран більш ніж на 2,5–3 екрани;
• перевіряти сайт на наявність помилок – вони псують враження про важливість сайту;
• використовувати правило «п’ятірки»: не більш ніж 5 шрифтів на одній сторінці.

6. Як створити вебсторінку в мережі?

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

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