Перейти до головного вмісту
Бокова панель
Освітній портал
Українська (uk)
Українська (uk)
English (en)
Наразі ви використовуєте гостьовий доступ (
Увійти
)
Веб-технології, ч.1 2022-2023 н.р.
На головну
Календар
Веб-технології, ч.1 2022-2023 н.р.
На головну
Курси
Для викладачів (кафедри)
Факультет інформаційно-комп'ютерних технологій
Кафедра комп'ютерних наук
Веб-технології, ч.1 2022-2023 н.р.
Лекції
Презентація. Основи використання CSS та CSS-селектори
Презентація. Основи використання CSS та CSS-селектори
Клацніть посилання
https://docs.google.com/presentation/d/1QXubFtfGEmXm2jxAJb2JYPwQpaio3Gq5hpPokJbqqSo
щоб відкрити ресурс.
◄ CSS. Лекція 2. CSS-селектори. Псевдокласи
Перейти до...
Перейти до...
Оголошення
Завантажити сертифікат про проходження он-лайн курсу
Лекція 01. Вступ у веб-розробку
Лекція 02. Вступ у веб-розробку (продовження). Основи HTML
Лекція 03. Теги форматування тексту
Лекція 04. Форми
Лекція 05. Основи використання CSS. Одиниці вимірювання. Форми представлення кольорів
Лекція 06. CSS-селектори. Псевдокласи
Лекція 07. CSS-властивості шрифту, тексту та фону. CSS-спрайти (ДЛЯ САМОСТІЙНОГО ПЕРЕГЛЯДУ!!!)
Лекція 08. Блокова модель елемента. Плаваючі елементи. Позиціонування (ДЛЯ САМОСТІЙНОГО ПЕРЕГЛЯДУ!!!)
Лекції 09-10. Переходи та анімації. Медіазапити. Флексбокси. Основи Grid (відеозапис лекції 22.03.2023)
Журнал успішності груп ІПЗ-22-1,2,3,4[1], КН-22-1, 2,3[1]
Рейтинг КБ-22-1[1], КІ-22-1[1], КБ-22-2[2]
Журнал ІПЗ-22-1,2,3,4[2], ВТ-22-1[1,2], КН-22-2[2]
Журнал успішності (викладач Фуріхата Д.В.)
Відеозаписи лекцій (оновлено 20.04.2022)
Приклад написання форми
Презентація з нових можливостей форм
Презентації до лекцій
CSS. Лекція 1. Основи використання CSS. Одиниці вимірювання. Форми представлення кольорів
CSS. Лекція 2. CSS-селектори. Псевдокласи
Презентація до лекції. CSS-властивості тексту, шрифту та фону
Презентація до лекції. Блокова модель. Обтікання та позиціонування елементів
Лабораторна робота №1
Лабораторна робота №2. Списки. Таблиці.
Лабораторна робота №3. Робота з формою. Аудіо і відео
Лабораторна робота №4. Введення в CSS. Селектори
Лабораторна робота 5. CSS стилі. Позиціонування елементів.
Зображення до ЛР5
Лабораторна робота 6. CSS властивості для роботи з списками, фонами. Робота з CSS-градієнтами, CSS-кольорами, оформлення тексту в CSS3
Лабораторна робота №7 Адаптивна верстка. Робота з трансформаціями
Лабораторна робота N8. Робота з Flexbox в CSS
Лабораторна робота №9. CSS3-переходи. Анімація. Лічильники CSS
Лабораторна робота №10. Використання CSS фреймворка Bootstrap
Лабораторна робота №11. Препроцесори CSS
SASS (1 частина)
SASS (2 частина)
Тест 1. Основи мови HTML
Тест №2. Списки. Таблиці
Тест №3 Посилання
Тест №4 Робота з формами в HTML5
Тест №5. Знайомство з CSS-селекторами
Тест №6. Блочні та рядкові елементи
Тест №7 Web-технології. Позиціонування елементів
Тест №8 Web-технології. Тінь, градієнт, трансформація. Поведінка рядкових елементів
Тест №9 Web-технології. CSS3-переходи. Flexbox
Тест №10 Web-технології. Flexbox Ч.2. Bootstrap Ч.1
Тест №11 CSS-анімації. Bootstrap Ч.2
Підсумковий тест за семестр
Підсумковий тест за семестр (копія)
Презентація до лекції. CSS-властивості тексту, шрифту та фону ►