Відеокурс HTML5 & CSS3 стартовий для початківців українською мовою - відеоуроки програмування | ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Підписка

    Обери свою IT спеціальність

    Підписка

      Про курс

      В основі роботи будь-якого веб-сайту є демонстрація тексту, зображень та іншого контенту у вікні спеціальної програми – веб-браузера. За допомогою мови HTML створюється початкова розмітка (каркас) кожної веб-сторінки. Потім використання CSS перетворює сайт, налаштовуючи спосіб відображення елементів і надаючи йому привабливий і ефектний зовнішній вигляд. Вивчення цих мов є основою для навчання будь-якого верстальника та веб-розробника.

      На курсі «HTML5 & CSS3 Стартовий» ви ознайомитеся з основними конструкціями та принципами використання цих базових мов роботи веб-сайтів. Ви познайомитеся з тим, що таке HTML теги та як їх використовувати, з особливістю того, як влаштована структура будь-якого сайту, що таке блоки, як формується текст та відображаються картинки. Дізнаєтесь, як працювати з таблицями та списками, їх правила вкладеності, дізнаєтеся правила розміщення блоків та способи роботи з шляхами для файлів

      Читати далі...

      Ви навчитеся

      • Розуміти основи використання базових конструкцій мови HTML і мови стилів CSS.
      • Створювати прості односторінкові сайти.
      • Реалізувати головне меню сайту.
      • Розуміти основи адаптивної та крос браузерної розробки сайтів.
      • Створювати блок соціальних мереж.
      • Створювати картки товару та подібні до них інформаційні блоки.
      • Реалізувати верстку сайту за допомогою модуля Flexbox.
      Читати далі...
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 6 год 24 хв
      • Курс створено: 10.11.2022
      • Уроків: 10
      • Оновлено: 10.11.2022
      • Мова: українська

      Що входить до курсу

      • 10 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат
      • Перевірка ДЗ

      ×

      Ви відкрили доступ до тесту! Пройти тест

      Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML5 & CSS3 Стартовий на 40 днів?

      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

      На початку курсу буде розглянуто, що таке HTML, для чого він потрібен і як пишуться його елементи. Ви дізнаєтеся про теги, форматування в HTML, про редактора, в якому пишеться код початкової розмітки, з використанням якої побудована будь-яка веб-сторінка. Також дізнаєтеся для чого використовуються коментарі у коді.

      Читати далі...

      Ознайомившись з другим уроком, слухач дізнається, як додати на сторінку картинки, і навіть різні переходи за посиланнями. Дізнається перші типи елементів, їх відмінності та можливі помилки під час написання коду.

      Читати далі...

      На занятті будуть розглянуті способи підключення стилів на сторінку, види селекторів, за допомогою яких можна прив'язати стилі указним елементам сторінки, і за якими принципами визначається пріоритетність записів CSS.

      Читати далі...

      У цьому уроці розглядається базова поведінка елементів для формування ними розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме зовнішній вигляд сторінки.

      Читати далі...

      У цьому уроці ви познайомитеся з механікою роботи зовнішніх відступів елементів. Дізнаєтеся, що таке провалювання (схлопування) і в яких випадках воно є. Будуть також розглянуті неявні відступи під час роботи з рядково-блочними елементами.

      Читати далі...

      На уроці ви познайомитеся з різними правилами CSS для стилізації тексту, і як працює успадкування стилів для елементів нащадків. Як можна приховувати елементи розмітки на сторінці та у чому різниця між різними.

      Читати далі...

      Метою заняття розібрати основні принципи роботи модуля Flexbox та навчитися їх використовувати. Розглянути можливість задавати гнучку відстань між блоками та як визначаються їх розміри у деяких випадках. Поведінка зовнішніх відступів під час використання Flexbox.

      Читати далі...

      Комбінування — дуже важливий процес при написанні коду, який розглядається у структурі списків і таблиць, оскільки великі вкладеності необхідно постійно створювати та розбирати на етапі роботи з проєктом. Ми розглянемо можливості звернень до елементів із псевдокласів та роботу пріоритету в таких структурах.

      Читати далі...

      На занятті дізнаємось про основні способи запису палітри кольорів у властивостях, де вказується забарвлення. Розкажемо, у чому різниця установки прозорості елемента через opacity та rgba(). Розглянемо випадки додавання картинок через CSS та розміщення великої їх кількості на одному елементі.

      Читати далі...

      Ви дізнаєтеся про нові семантичні теги, які з'явилися з HTML версії 5 і правила їх використання. Розглянуто структури простих сайтів із використанням семантичних тегів.

      Читати далі...
      ПОКАЗАТИ ВСЕ

      Купуй передплатуз доступом до всіх курсів та сервісів

      Бібліотека сучасних IT знань у зручному форматі

      Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      59.99 $
      Придбати
      CodeMaster
      • Усі відеокурси на 9 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      • Професійні ключі на софт від JetBrains
      67.00 $
      134.00 $
      Придбати
      Акція
      Преміум
      • Усі відеокурси на 12 місяців
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      169.99 $
      Придбати
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.