Веб сайти

ВЕБ-САЙТИ

Multiple Choice

Комп’ютер, який надає ресурси в мережу, називають 

• сервером

• клієнтом

• сервісом

8

Адресація в інтернеті

Розділ 4

§ 19

Призначенням будь-
якої мережі є доступ

до віддалених
інформаційних,

апаратних і

програмних ресурсів і

спільне їх

використання.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розвиток інтернету й електронних технологій впливає на всі

аспекти нашого життя. Так виникла необхідність шукати нові
засоби

комунікації.

Популярністю

користуються

соціальні

мережі, сайти тощо.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Сайт, або вебсайт (від англ. web — мережа, site —

місце),

—

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

Multiple Choice

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

• Сайт, або вебсайт

• Сервер

• Клієнт

• Сервіс

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Вказівник

миші,

наведений

на

гіперпосилання,

набуває

вигляду

руки.

Гіпертекст

є

основою

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

Гіпертекст — це текст, що містить гіперпосилання,

тобто зв’язки з іншими частинами документа або
іншими документами чи файлами.

Multiple Choice

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

• Гіпертекст

• Сайт

• Сервер

• Клієнт

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Інформацію із сайту зазвичай

можна отримувати в будь-який час

із будь-якого комп’ютера із
доступом до інтернету. Де ж

розташовуються сайти?

Виявляється, у світі цілодобово

працюють мільйони комп’ютерів —
серверів, постійно підключених до

інтернету, які надають хостинг.

Саме на цих серверах і

розташовано більшість сайтів.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Хостинг (англ. hosting)
— послуга з надання
дискового простору

сервера для
розміщення,

функціонування та

обслуговування сайтів,

файлових сховищ,
електронної пошти

тощо.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Послуги хостингу можуть бути:

Платними

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

або

А також включати:

Реєстрацію

доменного імені

Обслуговування

системи створення

сайтів

Надання додаткового

програмного

забезпечення тощо

Multiple Choice

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

• Хостинг

• Домен

• Вебадреса

• Сервер

Multiple Choice

Доменне  ім’я це -

• текстова адреса комп’ютера в інтернеті

• ім'я вашого локального комп'ютера

• те саме що і сервер

• послуга з  надання  дискового простору сервера для розміщення, функціонування та обслуговування сайтів

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

умовно можна розділити на декілька основних етапів:

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

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

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

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

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

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

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

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

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

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

На цьому етапі з’ясовують

призначення сайту та мету його

створення, вивчають запити

майбутніх відвідувачів,

ознайомлюються з подібними

сайтами і визначають оригінальні

риси майбутнього сайту. Це

впливає на спосіб його

конструювання та наповнення.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

Скільки сторінок він міститиме?

Яким чином користувач потраплятиме

на сторінки?

Як знаходитиме потрібну інформацію

тощо.

Грамотна організація структури сайту підвищує зручність

користування

ним,

його

обслуговування

тощо.

Потрібно

обміркувати структуру сайту:

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Для

сайту

з

невеликою

кількістю

сторінок

доцільно

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

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Лінійну

структуру

варто

використовувати

для

сайтів,

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

Для

більшості

сайтів

застосовують

мішану

структуру, яка поєднує в собі особливості ієрархічної
та лінійної структур.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

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

бути привабливим і відрізнятися від аналогічних сайтів.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Наповнення сайта

Для наповнення сайту варто заздалегідь зібрати необхідні

матеріали (тексти, зображення тощо), які становитимуть вміст
(контент) сайту.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

Створений і повністю або частково наповнений вмістом сайт

доцільно випробувати на локальному сервері.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

Для створення локального сервера з метою розробки й

тестування сайту можна використати безкоштовні програми,
такі як:

Apache

PHP

MySQL

phpMyAdmin

або програму Open Server

Panel, яка їх об’єднує.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

Для доступу користувачів інтернету до сайту він повинен

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

хостинг-провайдери.

Вони

й

забезпечують

цілодобовий доступ до сайту.

За наявності постійної ІР-адреси

можна

розмістити

сайт

і

на

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

доступу

до

сторінок

сайту.

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

Обслуговування сайту полягає в його:

Періодичному

оновленні
Супроводі

Обслуговуванні

Поповнення новими

матеріалами
Адміністрування

Удосконалення

дизайну та

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

8

© Вивчаємо інформатику teach-inf.com.ua

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

Розділ 4

§ 20

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

Просування

сайту

полягає

у

здійсненні

низки

заходів

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

8

© Вивчаємо інформатику teach-inf.com.ua

Доменне ім’я

Розділ 4

§ 19

Кожному доменному імені відповідає певна IP-адреса. Але

комп’ютеру з певною ІР-адресою може відповідати кілька
доменних імен.

Перетворення доменного

імені на IP-адресу
здійснюють DNS-

сервери (Domain Name

Service — служба
доменних імен).

8

© Вивчаємо інформатику teach-inf.com.ua

URL

Розділ 4

§ 19

Щоб отримати інформаційні матеріали з інтернету, лише

адреси сервера недостатньо. Потрібна також адреса ресурсу
із зазначенням протоколу й унікального шляху до нього. Таку
адресу називають уніфікованим вказівником на ресурс — URL
(Uniform Resource Locator).

URL — це стандартизована
адреса ресурсу в інтернеті

(документа, відео,

вебсторінки, зображення

тощо).

8

© Вивчаємо інформатику teach-inf.com.ua

URL

Розділ 4

§ 19

URL зазвичай складається з трьох частин:

1

назви протоколу обміну даними (http, https, ftp та
ін.);

2

доменного імені або IР-адреси сервера, де
зберігається файл;

3
шляху до файлу на сервері.

8

© Вивчаємо інформатику teach-inf.com.ua

URL

Розділ 4

§ 19

Адреса вебсторінки може мати такий вигляд:

https://www.example.com/32menu.htm

Захищений протокол

передавання гіпертексту

Доменне ім’я

сервера

Ім'я файла
вебсторінки

В адресному рядку браузера

назву протоколу в адресі

вебсторінки, наприклад https,

зазначати не обов’язково.

8

© Вивчаємо інформатику teach-inf.com.ua

URL

Розділ 4

§ 19

На багатьох сайтах вебсторінки генеруються динамічно за

запитами на основі певних даних.

Динамічний

URL

може

мати такий вигляд:

http://www.example.com/inde

x.php?do=static&page=str1