Skip to main content
Side panel
Home
More
English (en)
English (en)
Українська (uk)
You are currently using guest access
Log in
Home
Course Activities
Assignments
Forums
Quizzes
Resources
Open course index
Веб-технології
Практика CSS grid
Практика CSS grid
Click
https://cssgridgarden.com/
link to open resource.
◄ HTML та CSS: як створити простий сайт
Jump to...
Jump to...
Форум новин курсу
Форум тематичних обговорень
Форум новин курсу
📑 Технології створення сайтів
🧩 Терміни веб-дизайну
Тест 1. Як працює Інтернет
📑 Основи HTML
📑 HTML-довідник
💻 Вправа "Вірш" (абзаци, заголовки)
💻 Вправа "Троянда столиста" (форматування символів)
💻 Вправа "Бембі" (зображення та ілюстрації)
💻 Вправа "Афіша"
💻 Вправа "Як вчитися вчитися" (абзаци, заголовки, форматування, ілюстрації)
💻 Вправа "Впізнай фільм" (карта зображень)
💻 Вправа "Інтерактивна історія" (посилання, кнопки, карти зображень)
📑 Таблиці
💻 Вправа "Бембі" (таблиці)
💻 Вправа "Табель" (таблиці)
💻 Вправа "Мислення зростання" (таблиці)
💻 Вправа "Календар" (таблиці)
📑 Мультимедіа
💻 Завдання Мультимедіа
💻 Вправа "Мислення зростання" (мультимедія)
📑 Форми на веб-сторінках
💻 Вправа "Мислення зростання" (форма)
📑 Хостинг
📑 Стильове оформлення сторінок
💻 Вправа "Таємний шифр"
💻 Вправа "Стильове оформлення сторінок"
💻 Вправа "4 сезони"
📑 Верстка сторінки
💻 Вправа "Позиціювання"
💻 Вправа "Верстка"
📑 Довідник стильових властивостей
HTML та CSS: як створити простий сайт
Практика CSS flexbox
📑 Практика "Роботи"
💻 Вправа "Роботи" (стилі)
💻 Вправа "Лендинг"
📑 Figma. Знайомство
💻 Презентація у Figma
📑 Figma у вебдизайні
💻 Вправа "Вебдизайн"
📑 Графічні ефекти на CSS
💻 Вправа "Ефекти"
📑 Анімації
💻 Вправа "Анімаційні ефекти"
Тест 4. Каскадні аркуші стилів
📑 Інструменти розробки у браузері
📑 Об'єктна модель документа
📑 Мова Java Script
💻 Вправа "Мрії"
📑 Кнопки, події, функції
💻 Вправа "Згадай число"
💻 Вправа "Підказка"
💻 Вправа "Невловима"
💻 Вправа "Бариста"
💻 Вправа "PIN-код"
💻 Вправа "Лото-трійка"
📑 Форми і JS (і CSS)
💻 Вправа "Школа"
💻 Вправа "Колірна тема"
💻 Вправа "Квіз"
💻 Вправа "Як обрати професію?"
💻 Вправа "ЗНО/НМТ"
📑 Тестування на JavaScript
💻 Вправа "Тест"
📑 Змінюємо вміст сторінки за допомогою JavaScript
💻 Вправа "Список справ"
📑 Вкладинки
💻 Вправа "Дистанційне навчання"
📑 Слайдер
💻 Вправа "Конструктор емоцій"
Локальна пам’ять браузера
💻 Вправа "Флеш-картки"
📑 Бібліотека jQuery
💻 Вправа "Список справ"
📑 Слайдер
💻 Проект "Монстрики"
www.weebly.com
📑 Створення сайту та розміщення матеріалів
📑 Створення форм для зворотного зв'язку
📑 Блог на платформі Weebly.Com
Сайти Google
Strikingly
Webnode
Mozello
Weblium
📑 Технологія WordPress
📑 Блог на WordPress
📑 Дизайн WordPress
📑 Майстерня WordPress
📑 Проектування сайту
📑 Принципи графічного дизайну
“Flat Design vs Realism” (відео)
Визначте помилки дизайну
📑 Основи СЕО
Як подружити свій сайт з Facebook
Інклюзивний дизайн
SEO спеціаліст 2.0 (курс на Дія. Освіта)
Практика CSS flexbox ►