inF | 7 клас |25 лютого
Тема:
Етапи створення вебсайту
/simple-example
│
├── index.html
├── style.css
└── script.js
│
├── index.html
├── style.css
└── script.js
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Навчальний приклад</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Простий сайт</h1>
<nav>
<a href="#">Головна</a>
<a href="#">Про нас</a>
<a href="#">Контакти</a>
</nav>
</header>
<main>
<section>
<h2>Основний блок</h2>
<p>Це навчальний приклад структури сайту.</p>
<button id="btn">Натисни</button>
</section>
</main>
<footer>
<p>© 2026</p>
</footer>
<script src="script.js"></script>
</body>
</html>
body {
font-family: Arial, sans-serif;
margin: 0;
}
header {
background: #222;
color: white;
padding: 15px;
}
nav a {
color: white;
margin-right: 15px;
text-decoration: none;
}
main {
padding: 20px;
}
button {
padding: 8px 12px;
cursor: pointer;
}
footer {
background: #222;
color: white;
text-align: center;
padding: 10px;
}
const button = document.getElementById("btn");
button.addEventListener("click", function() {
alert("Кнопка натиснута");
});
Домашня робота
Вивчити з підручника: Квест 20 с. 157-160
та матеріал з презентації
inF | 7 клас |23 лютого
Тема:
Правила ергономічного розміщення відомостей на вебсторінці
/simple-example
│
├── index.html
├── style.css
└── script.js
│
├── index.html
├── style.css
└── script.js
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>Навчальний приклад</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Простий сайт</h1>
<nav>
<a href="#">Головна</a>
<a href="#">Про нас</a>
<a href="#">Контакти</a>
</nav>
</header>
<main>
<section>
<h2>Основний блок</h2>
<p>Це навчальний приклад структури сайту.</p>
<button id="btn">Натисни</button>
</section>
</main>
<footer>
<p>© 2026</p>
</footer>
<script src="script.js"></script>
</body>
</html>
body {
font-family: Arial, sans-serif;
margin: 0;
}
header {
background: #222;
color: white;
padding: 15px;
}
nav a {
color: white;
margin-right: 15px;
text-decoration: none;
}
main {
padding: 20px;
}
button {
padding: 8px 12px;
cursor: pointer;
}
footer {
background: #222;
color: white;
text-align: center;
padding: 10px;
}
const button = document.getElementById("btn");
button.addEventListener("click", function() {
alert("Кнопка натиснута");
});
Домашня робота
Вивчити з підручника: Квест 20 с. 153-157
та матеріал з презентації
inF | 7 клас |18 лютого
Тема:
Виконання навчального проєкту.
Домашня робота
Вивчити з підручника: Квест 19 с. 149
та матеріал з презентації
inF | 7 клас |16 лютого
Тема:
Додавання символів, формул
Домашня робота
Вивчити з підручника: Квест 19 с. 142-149
та матеріал з презентації
inF | 7 клас |11 лютого
Тема:
Текстовий процесор. Використання шаблонів документів. Форматування з використанням стилів. Пошук та заміна фрагментів тексту
Домашня робота
Вивчити з підручника: Квест 18 с. 134-138
та матеріал з презентації
inF | 7 клас |09 лютого
Тема:
Форматування даних
Домашня робота
Вивчити з підручника: Квест 18 с. 134-138
та матеріал з презентації
