1 of 12

Інформатика

Поняття мови розмітки гіпертексту. Етапи створення веб-сайтів

2 of 12

HTML

Hyper Text Markup Language

3 of 12

Гіпертекст

Гіпертекст — це текст для перегляду на комп'ютері, який містить зв'язки з іншими документами («гіперзв'язки» чи «гіперпосилання»). Читач має змогу перейти до пов'язаних документів безпосередньо з вихідного (первинного) тексту, активувавши посилання.

4 of 12

HTML - документ

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

5 of 12

У структурі веб-сторінки можна виділити такі складові

Контент (англ. content — зміст) 

Елементи навігації

 Дизайн 

6 of 12

Тег

Тег – це фрагмент коду, що описує певні елементи документа HTML і вміщений у кутові дужки < >

7 of 12

Контейнери

Контейнери — це парні теги.

8 of 12

Структура HTML-документа (згідно зі стандартом HTML 4.01)

Оголошення типу документа

Заголовок документа

 Тіло документа

9 of 12

Структура HTML-документа (згідно зі стандартом HTML 4.01)

Тіло документа

Заголовок документа

10 of 12

Структура HTML-документа (згідно зі стандартом HTML 4.01)

Пара відкриваючого і закриваючого тега 

Пара відкриваючого і закриваючого тега 

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

11 of 12

Веб-сайти створюються у кілька етапів

Постановка завдання

Визначення структури сайту та його окремих сторінок

 Розробка дизайн-макету сторінок сайту 

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

Етап програмування сайту

Розміщення (публікація) сайту в Інтернеті.

Популяризація та підтримка сайту

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

12 of 12

Повторюємо

1.Веб-сайт це…

2. Hyper Text Markup Language це…

3. Гіпертекст це…

4. HTML - документ це…

5. У структурі веб-сторінки можна виділити такі складові…

6. Тег це…