Мова гіпертекстової розмітки. Каскадні аркуші стилів. Проектування та верстка веб-сторінок. Адаптивна верстка. Кросбраузерність.

Дізнаємось

Основи HTML (HyperText Markup Language):

Структура веб-сторінки: , , , .

Теги для тексту, зображень, посилань, списків, таблиць, форм.

Семантичні елементи (, , , ).

Основи CSS (Cascading Style Sheets):

Призначення CSS – оформлення зовнішнього вигляду веб-сторінки.

Методи підключення: inline, internal, external.

Основні властивості: кольори, шрифти, відступи, межі, фон, розміри.

Селектори та каскадність: як стилі застосовуються до елементів.

Проектування веб-сторінок:

Визначення структури контенту (інформаційна архітектура).

Побудова макету: wireframe, layout, grid.

Вибір кольорової схеми та шрифтів (UI/UX).

Верстка веб-сторінок:

Розміщення блоків, контейнерів, секцій.

Використання HTML та CSS для створення структурованого контенту.

Принципи семантичної верстки та доступності.

Адаптивна верстка (Responsive Design):

Принципи підлаштування сторінки під різні розміри екранів.

Використання відсоткових ширин, flexbox, grid.

Media queries для різних пристроїв (desktop, tablet, mobile).

Кросбраузерність:

Забезпечення однакового відображення сторінки у різних браузерах (Chrome, Firefox, Edge, Safari).

Використання normalize.css або reset.css.

Тестування та усунення несумісностей.

Навчимось

Створювати базову структуру веб-сторінки за допомогою HTML.

Застосовувати CSS для оформлення тексту, блоків, зображень і меню.

Планувати макет сайту та створювати прототипи (wireframe, grid).

Верстати веб-сторінки з урахуванням адаптивності для мобільних і десктопних пристроїв.

Тестувати веб-сторінки на кросбраузерність та виправляти помилки відображення.

Використовувати сучасні підходи: семантична верстка, гнучкі сітки (flexbox, grid), media queries.

Проблемні питання

Д.з.

Доступно тільки для зареєстрованих користувачів