Please enable JavaScript.
Coggle requires JavaScript to display documents.
Інформатика (ІІ семестр) image - Coggle Diagram
Інформатика (ІІ семестр)
Сучасні тенденції вебдизайну та веброзробки
Основні терміни
Вебдизайн
Веброзробка
UI (User Interface)
UX (User Experience)
Лендінг
Вебсторінка
Вебсайт
Програми
Visual Studio Code
Google Chrome
Coggle
Miro
Найцікавіші завдання
Створення карти знань
Планування структури сайту
Аналіз сучасних вебсайтів
Розробка власної вебсторінки
Особливості використання HTML, CSS та JavaScript
HTML
HTML
Мова розмітки вебсторінок
Теги
Атрибути
Заголовки
Посилання
Зображення
Команди / теги
<form>
<input>
<fieldset>
<legend>
<select>
<textarea>
<button>
<input type="text">
<input type="radio">
<input type="submit">
CSS
Оформлення сторінки
Селектори
Кольори
Шрифти
Анімації
Команди / стилі
style=""
<style>
<link rel="stylesheet" href="styles.css">
color
font-size
background-color
animation
styles.css
JavaScript
Інтерактивність сайту
Змінні
Функції
Події
Скрипти
Команди / скрипти
<script>
</script>
alert()
document
title
body
Програми
Visual Studio Code
Google Chrome
Chrome DevTools
Найцікавіші завдання
Створення HTML-документа
Розробка меню навігації
Оформлення сторінки через CSS
Створення кнопок
Додавання JavaScript-ефектів
Адаптивність, ергономіка та оптимізація сайтів
Програми
Visual Studio Code
Google Chrome
Chrome DevTools
Основні терміни
Адаптивний дизайн
Медіазапити
Ергономіка
Оптимізація
Кросбраузерність
Швидкість завантаження
Найцікавіші завдання
Створення зовнішнього файлу стилів styles.css
Створення форм в HTML-документах
Застосування CSS-стилів до вебсторінок
Додавання JavaScript до HTML-документів
Використання функції alert() у JavaScript
Чому це важливо
Форми дозволяють збирати дані користувачів.
CSS робить вебсторінки більш привабливими.
JavaScript додає інтерактивність сайту.
Поєднання HTML, CSS та JavaScript використовується для створення сучасних вебсайтів.
