Правила ергономічного розміщення відомостей на веб-сайті


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

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

Властивості контенту:
  • якість;
  • доступність;
  • актуальність (значущість на даний час);
  • достовірність (наданих даних);
  • відповідність меті.
Правила зручного розташування відомостей на веб-сайті:
  • простота — на сторінці має бути якомога менше елементів (дизайну). Завдяки цьому увагу фокусують на контенті. Легше привернути увагу до чогось важливого, коли її не відволікають елементами дизайну;
  • фіксований дизайн — зараз зазвичай вже не зустрічаються сайти з «гумової версткою»;
  • менше колонок — якщо раніше зустрічалися сайти в чотири колонки, а то і більше, то сьогодні три — вже максимум. А частіше — дві.
  • назва сайту вгорі сторінки — це явище не нове. Але зараз блок у верхній частині сторінки, відділений від решти контенту, — загальновизнаний стандарт.
  • проста навігація — меню навігації має бути великим і помітним, легким в розумінні, гіперпосилання повинні чітко відрізнятися від решти контенту.
  • збільшений кегль — роздільна здатність і розміри моніторів зростають, тому можна не напружувати очі;
  • чіткий логотип — щоб сайт запам'ятали, у нього має бути яскравий і виразний логотип;
  • ніжний градієнт — плавний перехід з одного кольору в інший. Цей досить простий, малопомітний елемент, справляє гарне враження навіть при нудному за своєю суттю дизайну;
  • шрифти без зарубок — текст, набраний таким шрифтом, набагато легше читати;
  • нижній колонтитул — його ще називають «підвалом». Це невеликий блок внизу сторінки, в якому повторено навігаційне меню, розташовано копірайт ©, посилання на дизайнера сайту, контакти власника ресурсу. Якщо раніше це не вважали обов'язковим, то тепер відсутність «підвалу» вважають ознакою поганого тону;
  • великі кнопки — якщо на сторінці присутні кнопки «проглянути», «придбати» тощо, то їх роблять такими, щоб користувач їх помітив і не схибив при натисканні — великого розміру і яскравими.
За адресою http://www.kievoit.ippo.kubg.edu.ua/kievoit/web.html на сторінці «Веб-дизайн» сайту «Київські учнівські олімпіади з інформаційних технологій і вивчення інформатики» подано поосилання на публікації стосовно дизайну (російською мовою):
Публікація веб-сайта в службі безкоштовного хостингу
Розташування сайту в Iнтернеті передбачає вибір та реєстрацію доменного імені, вибір хостинг провайдера, завантаження усіх файлів на сервер.

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

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

Етапи розташування веб-сайту
  1. Завантажити головну сторінку пошукової системи Google і зареєструватися під своїм облікововим записом.
  2. Серед служб Google виберіть розділ Більше,
потім — Iнші продукти від Google

  1. У переліку послуг вибрати Sites (Сайти),

що призведе до переходу на сторінку з пропозицією перейти до етапу створення сайту.
  1. Натиснуть на кнопку Створити.

  1. Вибрати шаблон оформлення Пустий шаблон і натиснути на кнопку Створити.

  1. Заповнити поле Дати назву сайту

  1. Одночасно автоматично буде запропоновано URL-адресу головної сторінки сайту. Вона матиме такий вигляд:

    https://sites.google.com/site/Назва_сайту.
Назва_сайту не має містити літер кирилиці. Інакше система запропонує запис літерами латиниці без пропусків. Але за бажанням таку назву можна змінити. Головне, щоб URL-адреса головної сторінки була унікальною.
  1. У вікні браузера буде відкрито домашню сторінку сайту. У верхній частині сторінки буде відображено вказана раніше назву сайту, ліворуч — панель навігації, у центральній частині — область для інформаційного блоку сторінки із заголовком Домашня сторінка. Панель навігації міститиме два гіперпосилання: Домашня сторінка та Карта сайту. Карта сайту на цей момент міститиме посилання лише на домашню сторінку.

  1. Для внесення наповнення сайту натиснути кнопку Редагувати сторінку.

  1. У відповідне поле внести текстову інформацію та натиснути кнопку Зберегти.

  1. Для встановлення зображення на сторінку потрібно перейти у режим редагування. У меню Вставити обрати Зображення.

  1. Завантажити зображення з комп’ютера

й натиснути ОК.

  1. Переглянути результат та натиснути кнопку Зберегти (сторінку).

  1. Для створення другої сторінки натиснути кнопку Створити сторінку.

  1. Вказати назви сторінки й натиснути кнопку Створити .

  1. Наповнити контентом сторінку та натиснути кнопку Зберегти.

  1. Натиснути кнопку Інші дії й обрати Керування сайтом для зміни тла сторінок сайту.

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

  1. Перейти до меню Уся сторінка та обрати Зображення.


  1. Завантажити зображення тла з комп’ютера.
  2. Перейти в Область вмісту й обрати колір контенту.
  3. Натиснути на назву сайту зліва та переглянути отриманий результат.

Завдання. Створити веб-сайт засобами безкоштовного сервісу Google sites, використавши надане наповнення.


Комментариев нет:

Отправить комментарий