Перейти до головного вмісту

Блоки

Пропустити Навігація

Навігація

  • Інформаційна панель

    • Домашня сторінка

    • Сторінки сайту

      • Мої курси

      • Мітки

      • ФайлІнструкція для здобувачів освіти до вибору дисципл...

      • URL (веб-посилання)Вибір дисциплін на 2025-2026 навчальний рік

      • URL (веб-посилання)Вибір дисциплін на 2024-2025 навчальний рік

      • ФорумНовини сайту

      • URL (веб-посилання)Інструкція - основи роботи з системою Moodle

      • URL (веб-посилання)ЦИВІЛЬНИЙ ЗАХИСТ

      • ТекаНормативна база СЕЗН

      • URL (веб-посилання)Відновлення пароля

      • ФайлПам’ятка для користувача системи Moodle

      • ФайлСистема оцінки курсу

      • Зворотний зв’язокОцінка якості курсу

    • Мої курси

    • Курси

      • Факультети, кафедри

        • Біологічний факультет

        • Економічний факультет

        • Журналістики факультет

        • Інженерний навчально-науковий інститут ім. Ю.М. По...

        • Іноземної філології факультет

        • Математичний факультет

          • Кафедра загальної математики

          • Кафедра загальної та прикладної фізики

          • Кафедра комп'ютерних наук

          • Кафедра прикладної математики і механіки

          • Кафедра програмної інженерії

            • archive

            • Технології Big Data

            • Машинне навчання (Математичні основи машинного нав...

            • C/к Сучасні СУБД (Плюта Н. В.)

            • 2 Програмне забезпечення наукових досліджень (магі...

            • Автоматизоване тестування (Кудін О.В.)

            • Автоматизоване тестування Web-додатків (Кудін О.В.)

            • Адміністрування комп'ютерних систем (Горбенко В.І.)

            • Алгебра та геометрія Дисципліна вільного вибору ст...

            • Алгоритми та структури даних (Програмна інженерія)

            • Алгоритми шифрування та захисту даних

            • Аналіз вимог до програмного забезпечення. Мильцев ...

            • Менеджмент Web-контенту

              • Загальне

              • Змістовий модуль 1: Технології створення сайтів. О...

              • Змістовий модуль 2: Мова розмітки гіпертексту HTML5

              • Змістовий модуль 3: Каскадні аркуші стилів CSS3

                • ФайлЛекція 5

                • ЗавданняПрактичне завдання "Загадковий лист"

                • ЗавданняПрактичне завдання "Стильове оформлення сторінки"

                • ТестТест за темою 5

                • ФайлЛекція 6

                • ФайлДовідник стильових властивостей

                • URL (веб-посилання)HTML та CSS: як створити простий сайт

                • ЗавданняПрактичне завдання "Позиціювання"

                • ЗавданняПрактичне завдання "GRID GARDEN"

                • ЗавданняПрактичне завдання "FLEXBOX FROGGY"

                • ТестТест за темою 6

                • ФайлЛекція 7

                • ЗавданняПрактичне завдання "Графічні ефекти на CSS"

                • ТестТест за темою 7

                • ФайлЛекція 8

                • ЗавданняПрактичне завдання "Анімації"

                • ТестТест за темою 8

              • Змістовий модуль 4: Основи веб-програмування мовою...

              • Змістовий модуль 5: Онлайнові конструктори сайтів

              • Змістовий модуль 6: Розробка сайту на движку WordP...

          • Кафедра фундаментальної та прикладної математики

          • Практична підготовка математичного факультету

          • Методи тестування на проникнення та моделювання атак

          • Інформація

          • Комп'ютерне моделювання(Гребенюк)

          • Проєктування та аналіз обчислювальних алгоритмів

        • Менеджменту факультет

        • Соціальної педагогіки та психології факультет

        • Соцiологiї та управлiння факультет

        • Факультет історії та міжнародних відносин

        • Факультет фізичного виховання, здоров'я та туризму

        • Філологічний факультет

        • Юридичний факультет

      • Аспірантура

      • Вступ 2025

      • Науково-технічна позашкільна освіта

      • Підготовчі курси до ЗНО

      • Адміністративний розділ

      • Центр післядипломної освіти та професійних кваліфі...

      • Школа педагогічної майстерності

  • Закрити
    Переключити введення пошуку
  • Українська ‎(uk)‎
    • Русский ‎(ru)‎
    • Українська ‎(uk)‎
    • Deutsch ‎(de_old)‎
    • English ‎(de)‎
    • English ‎(en)‎
    • Español - Internacional ‎(es)‎
    • Français ‎(fr)‎
    • Italiano ‎(it)‎
    • Polski ‎(pl)‎
  • Вхід

Менеджмент Web-контенту

Закрити
Переключити введення пошуку
  1. Головна
  2. Курси
  3. Факультети, кафедри
  4. Математичний факультет
  5. Кафедра програмної інженерії
  6. Менеджмент Web-контенту
  7. Змістовий модуль 3: Каскадні аркуші стилів CSS3
  8. Практичне завдання "Позиціювання"

Практичне завдання "Позиціювання"

Умови завершення
Початок приймання: пʼятницю 5 вересня 2025 00:00 AM

Побудувати робота на основі заготовки: https://trinket.io/library/trinkets/af5c5fb2e20c .

Наприклад, можна задати такі стильові властивості:

#eyes1 {

  width: 200px;

  position: absolute;

  top: 200px;

  left: 100px;

}

Відомості та рекомендації щодо виконання даного завдання – див. Лекцію 6.

Попередня секція
HTML та CSS: як створити простий сайт
Наступна секція
Практичне завдання "GRID GARDEN"
Підсумок збереження даних
Завантажте мобільний додаток