Презентація "Вступ до веб-програмування"

WEB TECHNOLOGIESВЕБ-ТЕХНОЛОГІЇ. ВСТУП

HTML - ВІДПОВІДАЄ ЗА НАПОВНЕННЯ ВЕБ-СТОРІНКИ КОНТЕНТОМ, СТРУКТУРУ І ЗМІСТ. CSS - ВИКОРИСТОВУЄТЬСЯ ДЛЯ ОФОРМЛЕННЯ ТА ПОЗИЦІОНУВАННЯ, ЗОВНІШНІЙ ВИГЛЯД. JAVASCRIPT - ДОЗВОЛЯЄ ДОДАТИ ФУНКЦІОНАЛ, РЕАКЦІЮ НА ДІЇ КОРИСТУВАЧА. ВЕБ-САЙТИ - ЦЕ ОСНОВА, НА ЯКІЙ ТРИМАЄТЬСЯ ІНТЕРНЕТ, І ВСІ ВОНИ ПОБУДОВАНІ НА ТРЬОХ ОСНОВНИХ ТЕХНОЛОГІЯХ.1/11

ДЛЯ ТОГО ЩОБ СТВОРИТИ ВЕБ-САЙТ, НЕДОСТАТНЬО ТІЛЬКИ ЦИХ БАЗОВИХ ТЕХНОЛОГІЙ. ПІД ЧАС РОЗРОБКИ ВИКОРИСТОВУЮТЬСЯ РЕДАКТОРИ КОДУ, СИСТЕМИ КОНТРОЛЮ ВЕРСІЙ, ЗБИРАЧІ, ФРЕЙМВОРКИ, БІБЛІОТЕКИ, ХОСТИНГ ТА ІНШІ КОНЦЕПЦІЇ, З ЯКИМИ НЕОБХІДНО БУДЕ ПОЗНАЙОМИТИСЯ.2/11

3/11 HTMLHYPERTEXT MARKUP LANGUAGE (МОВА РОЗМІТКИ ГІПЕРТЕКСТУ) - МОВА РОЗМІТКИ ВЕБ-ДОКУМЕНТІВ. НАБІР ПРАВИЛ ДЛЯ СТРУКТУРУВАННЯ (РОЗМІТКИ) ТЕКСТОВОЇ ІНФОРМАЦІЇ, ДОДАВАННЯ ЗОБРАЖЕНЬ, СТВОРЕННЯ ТАБЛИЦЬ, ФОРМ, СПИСКІВ ТОЩО.

HTML-ДОКУМЕНТ - ТЕКСТОВИЙ ФАЙЛ З РОЗШИРЕННЯМ . HTML. ДОКУМЕНТ, РОЗМІЧЕНИЙ ЗА ДОПОМОГОЮ HTML, ІНТЕРПРЕТУЄТЬСЯ БРАУЗЕРОМ, В РЕЗУЛЬТАТІ ЧОГО КОРИСТУВАЧІ БАЧАТЬ НЕ ВИХІДНИЙ КОД З ЕЛЕМЕНТАМИ РОЗМІТКИ, А ОСТАТОЧНИЙ РЕЗУЛЬТАТ ОБРОБКИ - ВЕБ-СТОРІНКУ.4/11

ТЕГ (TAG) — ЕЛЕМЕНТ МОВИ РОЗМІТКИ ГІПЕРТЕКСТУ. ЦЕ НАЙМЕНШІ БУДІВЕЛЬНІ БЛОКИ, З ЯКИХ СКЛАДАЄТЬСЯ БУДЬ-ЯКА ВЕБ-СТОРІНКА. КОЖЕН ТЕГ ПОЗНАЧАЄ ЯКУСЬ СУТНІСТЬ: ЗАГОЛОВОК, СПИСОК, АБЗАЦ ТЕКСТУ, ЗОБРАЖЕННЯ. Для виділення тегів серед тексту документа використовуються кутові дужки, в яких вказується ім'я тегу і його атрибути. TAGSТЕГИ ТА АТРИБУТИ5/11

ВІДКРИВАЮЧИЙ ТЕГ ВКАЗУЄ, ДЕ ПОЧИНАЄТЬСЯ ЕЛЕМЕНТ, ЗАКРИВАЮЧИЙ - ДЕ ЗАКІНЧУЄТЬСЯ. ЗАКРИВАЮЧИЙ ТЕГ УТВОРЮЄТЬСЯ ЗА ДОПОМОГОЮ ДОДАВАННЯ СЛЕША (/) ПЕРЕД ІМЕНЕМ ТЕГУ. МІЖ ВІДКРИВАЮЧИМ І ЗАКРИВАЮЧИМ ТЕГАМИ ЗНАХОДИТЬСЯ ВМІСТ ТЕГУ - КОНТЕНТ.6/11

COMMENTSКОМЕНТАРІКОМЕНТАРІ ВИКОРИСТОВУЮТЬСЯ ДЛЯ ТОГО, ЩОБ ЗАЛИШИТИ У ВИХІДНОМУ КОДІ ПОЯСНЕННЯ, ЗАМІТКУ, ТИМЧАСОВО ЗАКОМЕНТУВАТИ ДІЛЯНКУ КОДУ ТОЩО.7/11

8/11 АТРИБУТИ - ЦЕ ДОДАТКОВІ НАЛАШТУВАННЯ ТЕГІВ, ЗА ДОПОМОГОЮ ЯКИХ МОЖНА ЗМІНЮВАТИ ВЛАСТИВОСТІ І ПОВЕДІНКУ ЕЛЕМЕНТА. У КОЖНОГО ТЕГУ Є ОБОВ'ЯЗКОВІ І НЕОБОВ'ЯЗКОВІ АТРИБУТИ, ЇХ МОЖЕ БУТИ ДЕКІЛЬКА АБО ЗОВСІМ НЕ БУТИ. Атрибути записуються всередині відкриваючого тегу, а їх значення розташовуються всередині подвійних лапок. Декілька атрибутів розділяються пробілом. ATRIBUTESАТРИБУТИ

РОЗГЛЯНЕМО ДЕЯКІ АТРИБУТИ ТЕГУ . HREF - АДРЕСА СТОРІНКИ, НА ЯКУ ПЕРЕЙДЕ КОРИСТУВАЧ ПІСЛЯ НАТИСКАННЯ НА ТЕКСТ ПОСИЛАННЯ. TARGET - ВКАЗУЄ НА ТЕ, В ЯКІЙ ВКЛАДЦІ ВІДКРИВАЄТЬСЯ СТОРІНКА ПІСЛЯ КЛІКУ НА ПОСИЛАННЯTITLE - ДОДАЄ СПЛИВАЮЧУ ПІДКАЗКУ ДО ТЕКСТУ ПОСИЛАННЯ.9/11

РОЗГЛЯНЕМО ДЕЯКІ АТРИБУТИ ТЕГУ . SRC - АДРЕСА ЗОБРАЖЕННЯ.alt - альтернативний текст, який буде показаний, якщо зображення не завантажилося.10/11

THANK YOUДякую за увагу! Ви неймовірні!11/11