1 of 31

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

Нова українська школа

Урок 10

Інформатика 8

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

2 of 31

Створення сайтів

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

Розділ 2

§ 8

3 of 31

Вебсторінки і сайти

Щоб зрозуміти структуру головного сервісу інтернету — Всесвітньої павутини (англ. World Wide Web, або WWW), з’ясуймо значення понять сайт і гіпертекст.

Сайт, або вебсайт (від англ. web — мережа, site — місце), — це сукупність тематично пов’язаних вебсторінок і документів під одним доменним іменем.

Розділ 2

§ 8

4 of 31

Вебсторінки і сайти

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

Вказівник, наведений у гіпертексті на гіперпосилання, набуває вигляду руки.

Гіпертекст є основою вебсторінки, а ті у свою чергу об’єднуються в сайти; сукупність сайтів утворює Всесвітню павутину.

Розділ 2

§ 8

5 of 31

Вебсторінки і сайти

Термін «гіпертекст» увів у інформатику в 1963 році американський учений Теодор Нельсон, якого називають піонером інформаційних технологій.

Розділ 2

§ 8

6 of 31

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

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

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

Розділ 2

§ 8

7 of 31

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

Хостинг (англ. hosting), — послуга з надання дискового простору сервера для розміщення, функціонування та обслуговування сайтів, файлових сховищ, електронної пошти тощо.

Розділ 2

§ 8

8 of 31

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

Хостинг може бути:

Платними

Безкоштовними

або

Хостингові компанії можуть забезпечувати:

Реєстрацію доменного імені

Обслуговування системи керування вмістом

Надання додаткового програмного забезпечення тощо

Розділ 2

§ 8

9 of 31

Етапи створення сайтів

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

1. Маркетингові дослідження

2. Планування структури сайту

3. Розробка дизайну

4. Конструювання сайту

5. Наповнення сайту вмістом

6. Тестування сайту

7. Розміщення сайту

в інтернеті

8. Обслуговування сайту

9. Просування сайту

Розділ 2

§ 8

10 of 31

Етапи створення сайтів

1. Маркетингові дослідження

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

Розділ 2

§ 8

11 of 31

Етапи створення сайтів

2. Планування структури сайту

кількість і розташування сторінок, меню, посилання, інші елементи

як відвідувачі/відвідувачки потраплятимуть на сайт

як знаходитимуть сторінку з потрібною інформацією тощо

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

Розділ 2

§ 8

12 of 31

Етапи створення сайтів

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

Розділ 2

§ 8

13 of 31

Етапи створення сайтів

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

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

Розділ 2

§ 8

14 of 31

Етапи створення сайтів

3. Розробка дизайну

Вебсторінки мають відповідати основним правилам розробки сайтів і критеріям ергономічного розміщення матеріалів. Із критеріями ви можете ознайомитися за QR-кодом і посиланням.

Розділ 2

§ 8

15 of 31

Етапи створення сайтів

4. Конструювання сайту

Сайт можна створити, використовуючи мову гіпертекстової розмітки (HTML), мови опису стилів (CSS) і взаємодії з користувачем (JavaScript).

Або скористатися системою керування вмістом — СКВ (англ. Content Management System, CMS). Слід подбати, щоб вебсторінки однаково виглядали в усіх браузерах.

Розділ 2

§ 8

16 of 31

Етапи створення сайтів

5. Наповнення сайту вмістом

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

Розділ 2

§ 8

17 of 31

Етапи створення сайтів

6. Тестування сайту

Створений і повністю або частково наповнений вмістом сайт доцільно випробувати на локальному сервері, тобто на комп’ютері користувача.

Розділ 2

§ 8

18 of 31

Етапи створення сайтів

Для створення локального сервера можна використати безплатні програми, такі як:

Apache

PHP

MySQL

phpMyAdmin

або програму ХАМРР, яка їх об’єднує.

Розділ 2

§ 8

19 of 31

Етапи створення сайтів

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

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

Розділ 2

§ 8

20 of 31

Етапи створення сайтів

За наявності постійної IP-адреси можна розмістити сайт і на власному комп’ютері-сервері, який має бути постійно ввімкненим для надання доступу до сторінок сайту.

Розділ 2

§ 8

21 of 31

Етапи створення сайтів

8. Обслуговування сайту

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

Розділ 2

§ 8

22 of 31

Етапи створення сайтів

9. Просування сайту

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

Розділ 2

§ 8

23 of 31

Системи керування вмістом

Опанування мови гіпертекстової розмітки та вебпрограмування потребує часу. Для вебмайстрів-початківців зручнішим є автоматизоване створення сайтів за допомогою он лайкових СКВ.

Розділ 2

§ 8

24 of 31

Системи керування вмістом

Прості вебсторінки зручно створювати в СКВ

Google Sites.

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

Розділ 2

§ 8

25 of 31

Системи керування вмістом

Популярними безкоштовними CMS є:

WordPress

Joomla

OpenCart

Drupal

переважно для ведення блогів тощо

переважно для сайтів новин

переважно для інтернет-магазинів

для різних вебсайтів

Розділ 2

§ 8

26 of 31

Системи керування вмістом

Якщо СКВ установлено на власному комп’ютері, то готовий сайт потрібно буде вивантажити на сервер надавача хостингу.

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

Розділ 2

§ 8

27 of 31

Питання для самоперевірки

Дайте означення гіпертексту.

Що таке сайт? Назвіть основні етапи створення сайту.

Що таке хостинг?

Опишіть особливості ієрархічної структури сайту; лінійної структури; мішаної структури.

Що таке система керування вмістом? Наведіть приклади.

З’ясуйте за допомогою чат-бота призначення Apache, PHP, MySQL, phpMyAdmin.

Розділ 2

§ 8

28 of 31

Розгадайте ребус

Веб-сайт

Розділ 2

§ 8

29 of 31

Домашнє завдання

Проаналізувати

с. 47-52

Розділ 2

§ 8

30 of 31

Працюємо за комп’ютером

Сторінка

51-52

Розділ 2

§ 8

31 of 31

Успіхів�у навчанні!

Нова українська школа

Урок 10

Інформатика 8

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.