Розділ «5. Мережа Інтернет та її можливості у навчанні історії»

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

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

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

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

• Навіщо створювати сайт (чи потрібно це взагалі).

• Про що буде сайт (тематика).

• Що це буде (домашня сторінка, портал, або щось ще).

• Відмінність від сайтів з такою ж тематикою (якщо це не домашня сторінка).

• Яка буде аудиторія сайту (стать, вік, інтереси і т.д.).

• Якого роду сервіси будуть присутні на сайті (форум, каталог, пошта і т.д.).

• Плани на найближче майбутнє.

• Плани подальшого розвитку (перспективи).

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

Розробка структури. Щоб створити сайт потрібний план. Чітко розписаний, що, де буде розташовано. План цей малюється на папері, і називається це розробка структури сайту. Структуру сайту можна умовно розділити на зовнішню і внутрішню. Внутрішня структура сайту залежить від того, яка інформація буде розміщена, які є матеріали. Слід вирішити, які будуть на сайті розділи, підрозділи, тобто скласти дерево сайту.

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

Оформлення або дизайн — це зовнішній вигляд сайту. Перше враження від сайту є дуже важливим, бо від нього залежить чи залишиться відвідувач, чи знайомитиметься з інформацією, яку йому пропонують, або закриє вікно з цим сайтом і назавжди забуде про його існування. Оформлення сайту підказує відвідувачеві, куди він потрапив: чи це є корпоративний сайт певної компанії, або інформаційний портал, або літературний сайт, або щось ще. Оформлення допомагає відвідувачеві орієнтуватися по сайту, а може, і навпаки, збити відвідувача так, що навіть при добре розробленій структурі відвідувачеві важко буде зорієнтуватися. Від оформлення залежить багато що — візуальна інформація є не менш важливою, ніж текстова, яка потім наповнить сайт. Не вірте, що дизайн — це справа смаку: що хочу, то і зроблю. Це не правда. Дизайн — це ціла наука. Щоб опанувати їй, доведеться ознайомитися з такими поняттями, як колористика (теорія кольору), композиція, шрифт, і багатьма іншими. Дизайн підпорядкований усталеним законам і правилам, і дизайн сайту — не виключення. Крім теорії потрібно буде також опанувати багатьма програмами, для втілення задумок в життя. Оформлення сайтів виявляється складною наукою: багато чого треба вміти і багато чого знати, щоб створити якісний дизайн для сайту.

Кодинг і програмування. Тепер маємо оболонку (макет зовнішнього вигляду сайту) і план дій (структуру). Але, що стоїть за оболонкою? А за оболонкою знаходиться каркас, на якому ця оболонка тримається, це є код сторінки. Він відповідає за те, як в певній послідовності на сторінці відображається текст і картинки. Мова HTML є основною при створенні документів, що розміщуються у World Wide Web. Завдяки мові розмітки користувач Web може у себе на екрані переглянути документ у тому вигляді, в якому його задумав розробник: із визначеними розмірами шрифту і розбивкою на абзаци, із заданими розмірами і розташуванням малюнків, із виділеними словами, посиланнями тощо. HTML — набір угод для розмітки документів, що визначають зовнішній вигляд документів на екрані комп'ютера при доступі до них із використанням програми браузера. Документи, підготовлені мовою HTML, називаються HTML-документами. Уявити, як виглядає код HTML-документа, ви зможете, якщо завантажите документ у браузер і виконаєте команду Вид — В виде HTML (в браузері Internet Explorer). У вікні Блокнот ви побачите код поточного документа.

HTML-документ (або веб-сторінка) — це звичайний текстовий файл із розширенням htm або html, складений мовою HTML, який містить відомості для публікації в World Wide Web.

Код HTML дуже компактний, і HTML-документи мають значно менший розмір, ніж документи, підготовлені в текстових редакторах типу Word. Це одна з основних причин широкого застосування мови HTML для кодування повідомлень, що розповсюджується по Інтернету. HTML-документи розміщаються в WWW не поодинці, а у виді сайтів.

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