Базові принципи веб-розробки (html,css) Використання VisualStudioCode та фреймворку Bootstrap

Про матеріал
Веб-розробка базується на трьох основних технологіях: 1. HTML (HyperText Markup Language) – це основа веб-сторінок. Він визначає структуру та зміст веб-сторінки. 2. CSS (Cascading Style Sheets) – відповідає за оформлення та дизайн веб-сторінки. 3. JavaScript (необов’язковий на початковому етапі) – додає інтерактивність і динаміку. Bootstrap — це популярний фреймворк з відкритим кодом для швидкої розробки адаптивних веб-сайтів та веб-додатків. Він надає готові HTML-, CSS- та JavaScript-компоненти, що значно спрощують процес створення сучасних інтерфейсів. Основні переваги використання Bootstrap: • Адаптивність: Сайти, створені з використанням Bootstrap, автоматично підлаштовуються під різні розміри екранів, забезпечуючи коректне відображення на мобільних пристроях, планшетах та десктопах. • Швидкість розробки: Завдяки готовим компонентам та стилям, розробники можуть швидко створювати інтерфейси без необхідності писати CSS з нуля. • Уніфікований дизайн: Bootstrap забезпечує єдиний стиль для всіх елементів інтерфейсу, що робить дизайн сайту послідовним та професійним.
Перегляд файлу

КЗ ЛОР «Сокальський академічний ліцей імені Т. Шевченка»

 

 

 

 

 

 

 

 

Базові принципи веб-розробки (html,css)

Використання VisualStudioCode та фреймворку Bootstrap

 

 

 

 

 

 

 

 

Вчитель інформатики Трескот О.І

 

 

 

 

 

 

 

 

 

Сокаль 2025

 

Зміст

ВСТУП

Основи HTML

Основи CSS

Основні CSS-властивості

Основні HTML-теги та їх призначення

Використання фреймворку Bootstrap для створення сайту

Основні переваги використання Bootstrap:

Як почати використовувати Bootstrap для створення сайту:

Visual Studio Code (VS Code)

Особливості Visual Studio Code for Education:

Переваги використання VS Code у школі:

Як почати використовувати VS Code у навчанні:

Створення веб-сайту за допомогою Bootstrap  у VS Code (покрокова інструкція)

 

 

ВСТУП

Веб-розробка базується на трьох основних технологіях:

  1.      HTML (HyperText Markup Language) – це основа веб-сторінок. Він визначає структуру та зміст веб-сторінки.
  2.      CSS (Cascading Style Sheets) – відповідає за оформлення та дизайн веб-сторінки.
  3.      JavaScript (необов’язковий на початковому етапі) – додає інтерактивність і динаміку.

Основи HTML

HTML складається з тегів, які описують структуру веб-сторінки.

Приклад простої HTML-сторінки:

<!DOCTYPE html>

<html lang="uk">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Моя перша сторінка</title>

</head>

<body>

    <h1>Привіт, світ!</h1>

    <p>Це моя перша веб-сторінка.</p>

    <a href="https://google.com">Посилання</a>

</body>

</html>

 

docx
Додано
17 березня 2025
Переглядів
489
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку