Сьогодні

Мова гіпертекстової розмітки. Гіпертекстовий

04.01.2019 документ та його елементи.

http://vsimppt.com.ua/
Сьогодні
Повторимо правила поведінки та безпеки
04.01.2019
в комп’ютерному класі

http://vsimppt.com.ua/
Сьогодні
04.01.2019
Пригадаємо
1.Які засоби можна використовувати
для розробки веб-сторінок? Поясніть
їх переваги та недоліки.
2.Що таке система управління веб-
контентом? Назвіть відомі вам
системи управління вмістом веб-
сайта.
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
04.01.2019 документ та його елементи.
Мова HTML

HTML
Hyper Text Markup Language
Мова гіпертекстової розмітки
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
04.01.2019 документ та його елементи.
Програмна частина будується на основі тегів

Теги це мітки, які ви

використовуєте для
вказівки браузеру, як він
повинен показувати ваш
web-сайт
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
04.01.2019 документ та його елементи.
Різновиди тегів

Парні теги

< тег >… </тег >

Одинарний

< тег >

Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Всі сайти мають основу HTML
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Про HTML5

HTML5 — наступна версія мови HTML. До складу

робочої групи з HTML5
увійшли AOL, Apple, Google, IBM, Microsoft, Mozilla, Noki
a, Opera та кілька сотень інших виробників.

Прибрано устарілі теги.

Додано аудіо та відео теги
Додано векторні теги
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Приклад розмітки веб-сторінки за допомогою HTML5
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
HTML5
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Індексація веб-сторіки.

Content
• Index (індексація дозволена)
• noindex (індексація не дозволена)
• follow (перехід дозволений по посиланнях котрі є
розміщені на даній сторінці)
• nofollow (перехід не дозволений по посиланнях
котрі є розміщені на даній сторінці)
• all (комбінація index + follow)
• none (комбінація noindex + nofollow)
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Теги технічної інформації
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Кодування розміщеного тексту
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Автоматичне оновлення сторінки
Сьогодні
Мова гіпертекстової розмітки. Гіпертекстовий
Сьогодні
04.01.2019
04.01.2019 документ та його елементи.
Переадресація
Сьогодні
04.01.2019
Працюємо за комп’ютером

http://vsimppt.com.ua/
Сьогодні
04.01.2019
Працюємо за комп’ютером
Сьогодні
04.01.2019

На основі продемонстрованого зразка створіть веб-сторінку інтернет магазину по продажі

канцтоварів з перенаправленням на офіційний сайт через 30 секунд - https
://27.ua/ua/shop/kantstovary/
Сьогодні
04.01.2019
Сьогодні
04.01.2019 Повторюємо
1. Опишіть будову веб-сторінки на основі
HTML5.
2. На які частини ділиться «скелет» HTML5?
3. Яким чином заборонити індексування
сторінки, але дозволити роботу
переходити за іншими посиланнями?
Сьогодні
04.01.2019
Сьогодні
04.01.2019 Домашнє завдання

Опрацювати вивчений
матеріал. Підготуватись до
тестової перевірки знань.
Сьогодні
04.01.2019
До нових зустрічей!

http://vsimppt.com.ua/