vn11 gr2024 - 21. Урок 25. HTML

vn11 gr2024

ООІ та ПЗ – 2.6. Підготовка та розміщення матеріалів у мережі Інтернет

ООІ та ПЗ – 2.6.3. Програмування веб-сторінок та веб-сайту мовою розмітки HTML. 24 год., уроки № 25-28.

Є чудові тренажери, але вони платні або не українською мовою. Курс українською можна знайти на EdEra – “Основи веб-розробки (HTML, CSS, JavaScript)”, він складається з 30+ лекцій, а після успішного закінчення можна отримати сертифікат.

На Prometheus також є схожий безкоштовний курс із сертифікатом – “Основи Web UI розробки 2020”.

Порада від IT курси онлайн:

Що порадите обрати?

Часто новачки встановлюють купу редакторів коду. Ще IDE та інші непотрібні речі для навчання програмуванню. На це витрачається час. А людина стрибає від одного до іншого в пошуках найкращого варіанту.

Але сила новачка — не в інструменті. А в умінні застосовувати знання на практиці.

Почніть із VS Code. Редактор підходить для всіх популярних мов і платформ. Поки пишете, вам автоматично підсвічує синтаксис і помилки. А з вбудованим Emmet доповните код, якщо забули його частину або правильне написання.

Стаття повністю

Отже, ми будемо вчитися із VS Code по відеоуроках від SavchukIT .

22.02.2023. ср.Урок № 25. Створення та формування HTML-документів

План уроку

1) створювати прості HTML-документи;

2) формувати HTML-документи.

Здайте в Classroom:

1) 2 скріншота: код і вигляд сторінки в браузері.

Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

Основи HTML & CSS для початківців

#1 - Вступ (3.59)

#2 - Встановлення Visual Studio Code (2.29)

#3 - Перший HTML код (14.20)

#4 - Тег 'p' (1.33)

#5 - Теги 'h1-h6' (3.05)

#6 - Тег 'img' (6.59)

Перегляньте відео #1, - #6.

Установіть на комп'ютер Visual Studio Code.
Створіть документ index.html, напишіть синтаксис мови html.
Напишіть 6 заголовків, текст, вставте картинку.

Витяг із стандарту:

Модуль ООІ та ПЗ-2.6. Підготовка та розміщення матеріалів у мережі Інтернет

ООІ та ПЗ-2.6.2. Розробка веб-сайту

Знати:

базові конструкції мови HTML;
структуру HTML-документа;
основні теги формування тексту;
можливості використання таблиць у HTML- документах;
команди форматування тексту та оформлення рамок таблиці;
колірне оформлення таблиць; можливості використання таблиць для порядок розміщення об’єктів на веб-сторінці;
особливості CSS та його застосування;
таблиці стилів документа; структура CSS-правил.