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

1.

Інформатика
Сьогодні
14.11.2023
Урок
№19
Поняття мови розмітки
гіпертексту. Етапи створення вебсайтів.

2.

Сьогодні
14.11.2023
Повторимо правила поведінки та безпеки в комп’ютерному класі

3.

Сьогодні
14.11.2023
Hyper Text Markup
Language
HTML

4.

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

5.

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

6.

Сьогодні
14.11.2023
Контент (англ. content
— зміст)
Елементи навігації
Дизайн
У структурі веб-сторінки можна виділити такі складові

7.

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

8.

Сьогодні
14.11.2023
Контейнери — це
парні теги.
Контейнери

9.

Сьогодні
14.11.2023
Оголошення типу
документа
Заголовок документа
Тіло документа
Структура HTML-документа (згідно зі стандартом HTML 4.01)

10.

Сьогодні
14.11.2023
Заголовок документа
Тіло документа
Структура HTML-документа (згідно зі стандартом HTML 4.01)

11.

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

12.

Сьогодні
14.11.2023
Веб-сайти створюються у кілька етапів
Постановка завдання
Тестування сайту
Визначення структури
сайту та його окремих
сторінок
Популяризація та
підтримка сайту
Розробка дизайнмакету сторінок сайту
Створення та верстка
сторінок сайту
Етап програмування
сайту
Розміщення
(публікація) сайту в
Інтернеті.

13.

Сьогодні
14.11.2023
Працюємо за комп’ютером

14.

Сьогодні
14.11.2023
Працюємо за комп’ютером
Працюємо з
інструкційними
картками

15.

Сьогодні
14.11.2023
Повторюємо
1.Веб-сайт це…
2. Hyper Text Markup Language це…
3. Гіпертекст це…
4. HTML - документ це…
5. У структурі веб-сторінки можна виділити такі складові…
6. Тег це…

16.

Сьогодні
14.11.2023
Домашнє завдання
Повторити вивчений
матеріал

17.

Сьогодні
14.11.2023
До нових зустрічей!