Вот полная, готовая к вёрстке HTML-страница для школьного сайта. Она строго следует вашей структуре: от простого объяснения до шпаргалки и разбора ошибок. Материал адаптирован для восприятия учениками 5 класса и их родителями.
«`html
body {
font-family: ‘Segoe UI’, Roboto, Arial, sans-serif;
background:
f8faff;
margin: 0;
padding: 20px;
color:
1a2634;
}
.page {
max-width: 900px;
margin: 0 auto;
background: white;
border-radius: 28px;
padding: 30px 35px;
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
h1 {
font-size: 2.2rem;
border-left: 7px solid
3b82f6;
padding-left: 20px;
margin-top: 0;
color:
0b1e33;
}
h2 {
font-size: 1.7rem;
border-bottom: 2px solid
e2e8f0;
padding-bottom: 8px;
margin-top: 35px;
color:
1e3a5f;
}
h3 {
font-size: 1.3rem;
margin: 20px 0 10px 0;
color:
2c3e50;
}
.simple-box {
background:
eef6ff;
border-radius: 24px;
padding: 20px 25px;
margin: 15px 0 25px 0;
border-left: 6px solid
3b82f6;
}
.simple-box p {
margin: 8px 0;
font-size: 1.1rem;
line-height: 1.5;
}
.algo-steps {
background:
f1f5f9;
border-radius: 20px;
padding: 18px 25px;
margin: 15px 0;
}
.algo-steps ol {
padding-left: 22px;
margin: 10px 0;
}
.algo-steps li {
margin: 10px 0;
font-size: 1.05rem;
line-height: 1.5;
}
table.shpargalka {
width: 100%;
border-collapse: collapse;
background:
ffffff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
margin: 20px 0;
}
.shpargalka th {
background:
1e3a5f;
color: white;
padding: 14px 12px;
font-size: 1.1rem;
text-align: center;
}
.shpargalka td {
border: 1px solid
dde3ed;
padding: 14px 12px;
text-align: center;
font-size: 1.05rem;
background:
fafcff;
}
.shpargalka td:first-child {
font-weight: 600;
background:
f0f4fe;
}
.example-block {
background:
f9fafb;
border-radius: 24px;
padding: 18px 25px;
margin: 20px 0;
border: 1px solid
e9edf4;
}
.example-block p {
margin: 8px 0;
}
.example-block .solution {
background:
ffffff;
padding: 12px 18px;
border-radius: 16px;
margin: 10px 0;
border-left: 4px solid
3b82f6;
}
.parents-box {
background:
f0fdf4;
border-radius: 24px;
padding: 18px 25px;
border-left: 6px solid
22c55e;
margin: 25px 0;
}
.errors-box {
background:
fef2f2;
border-radius: 24px;
padding: 18px 25px;
border-left: 6px solid
ef4444;
margin: 25px 0;
}
.errors-box li {
margin: 10px 0;
}
.footer-note {
text-align: center;
margin-top: 30px;
color:
6b7a8f;
border-top: 1px solid
e2e8f0;
padding-top: 20px;
font-size: 0.95rem;
}
.star {
color:
f59e0b;
font-weight: bold;
}
.frac {
font-size: 1.2rem;
font-family: ‘Times New Roman’, serif;
}
.math-symbol {
font-size: 1.3rem;
font-weight: 600;
}
.highlight {
background:
fde68a;
padding: 0 5px;
border-radius: 8px;
}
@media (max-width: 600px) {
.page { padding: 15px; }
h1 { font-size: 1.7rem; }
}
🧮 Умножение и деление дробей: понятное руководство для 5 класса
Дроби — это не страшно, а очень удобно. Когда мы умножаем или делим дроби, мы на самом деле просто делим целое на части или собираем части вместе. Разберёмся раз и навсегда.
🗣️ Простыми словами (для тех, кто «ничего не понял»)
Умножение дроби на дробь — это как взять половину от половины пиццы. 🍕 Если у тебя есть ½ пиццы, и ты хочешь взять ½ от этого куска — получится ¼. Умножаем числители (2·2=4? Нет! 1·1=1) и знаменатели (2·2=4). Вот и ответ: ¼.
Деление дробей — это как спросить: «Сколько раз маленькая чашка (⅓) помещается в большую (⅔)?» Ответ: 2 раза. А по правилу мы переворачиваем вторую дробь (делаем обратную) и умножаем. Например, ⅔ ÷ ⅓ = ⅔ × 3/1 = 6/3 = 2.
Запомни: при делении дробей вторую дробь переворачиваем вверх ногами! (меняем местами числитель и знаменатель).
📋 Алгоритм действий (пошаговая инструкция)
🔹 Умножение дробей
- Перемножить числители — записать результат в числитель.
- Перемножить знаменатели — записать результат в знаменатель.
- Сократить (если можно) — разделить числитель и знаменатель на одинаковое число.
🔸 Деление дробей
- Найти обратную дробь для второй дроби (поменять числитель и знаменатель местами).
- Заменить деление на умножение на эту обратную дробь.
- Выполнить умножение по правилу выше.
- Сократить результат, если нужно.
💡 Важно: Если встречаешь целое число (например, 3), представь его как дробь 3/1. Затем действуй по алгоритму.
📌 Шпаргалка (быстрая помощь)
| Действие | Правило | Пример |
|---|---|---|
| ✖️ Умножение | числитель × числитель знаменатель × знаменатель |
²⁄₃ × ⁴⁄₅ = ⁸⁄₁₅ |
| ➗ Деление | первую дробь × перевёрнутую вторую | ²⁄₃ ÷ ⁴⁄₅ = ²⁄₃ × ⁵⁄₄ = ¹⁰⁄₁₂ = ⁵⁄₆ |
| 🧮 Смешанные числа | сначала перевести в неправильную дробь | 1½ × 2⅓ = ³⁄₂ × ⁷⁄₃ = ²¹⁄₆ = 3½ |
| ✂️ Сокращение | делить числитель и знаменатель на одно и то же число (НОД) | ⁶⁄₈ = ³⁄₄ (÷2) |
📝 Примеры с подробным решением
🥇 Пример 1 (простой)
Задача: ²⁄₅ × ³⁄₇
Решение:
1. Умножаем числители: 2 × 3 = 6.
2. Умножаем знаменатели: 5 × 7 = 35.
3. Дробь ⁶⁄₃₅ не сокращается (НОД=1).
Ответ: ⁶⁄₃₅.
🥈 Пример 2 (средний)
Задача: ⁴⁄₉ ÷ ²⁄₃
Решение:
1. Переворачиваем вторую дробь: ²⁄₃ → ³⁄₂.
2. Заменяем деление умножением: ⁴⁄₉ × ³⁄₂.
3. Умножаем: (4×3)/(9×2) = ¹²⁄₁₈.
4. Сокращаем: делим на 6 → ²⁄₃.
Ответ: ²⁄₃.
⭐ Пример 3 (со звёздочкой: смешанные числа и сокращение)
Задача: 2½ ÷ 1⅕
Решение:
1. Переводим смешанные числа в неправильные дроби:
2½ = (2×2+1)/2 = ⁵⁄₂; 1⅕ = (1×5+1)/5 = ⁶⁄₅.
2. Деление: ⁵⁄₂ ÷ ⁶⁄₅ = ⁵⁄₂ × ⁵⁄₆ (перевернули).
3. Умножаем: (5×5)/(2×6) = ²⁵⁄₁₂.
4. Переводим в смешанное число: 25÷12 = 2 целых и 1 в остатке → 2 ¹⁄₁₂.
Ответ: 2 ¹⁄₁₂.
👨👩👦 Родителям: проверка за 2 минуты
Как убедиться, что ребёнок усвоил тему?
- Попросите объяснить правило «перевёрнутой дроби» своими словами. Если ребёнок говорит: «Вторую дробь переворачиваем и умножаем» — отлично.
- Устный счёт: ½ × ¼ = ? (⅛). 1 ÷ ½ = ? (2). Если отвечает без бумаги — всё понято.
- Ловушка: спросите, можно ли сокращать до умножения. Правильный ответ: да, если есть общий множитель у любого числителя с любым знаменателем (сокращать можно «крест-накрест»).
- Мини-тест: пусть решит ⅔ × ¾ (ответ ½). Если получил 6/12 и сократил до ½ — молодец.
⏱️ На всё про всё — 2 минуты. Если ребёнок путается, вернитесь к аналогии с пиццей.
⚠️ Частые ошибки (топ-3)
- ❌ Не переворачивают вторую дробь при делении. Вместо ⅔ ÷ ¼ = ⅔ × 4/1 пишут ⅔ × ¼. Результат неверный.
✅ Как запомнить: «деление — это умножение на перевёрнутую». - ❌ Складывают/вычитают знаменатели при умножении. Например, ½ × ⅓ = ⅙ (правильно), а ошибочно: ½ × ⅓ = 2/3? Нет!
✅ Правило: при умножении работаем отдельно с верха и низа. - ❌ Забывают сокращать результат. Оставляют 4/8 вместо ½, или 6/9 вместо 2/3.
✅ Совет: всегда проверять, делится ли числитель и знаменатель на одно и то же число.
<div style="background:
f3f6fc; border-radius:20px; padding:18px 25px; margin-top:25px;»>
🎯 Итог: Умножение дробей — проще некуда (числитель на числитель, знаменатель на знаменатель). Деление — делаем «переворот» и умножаем. Потренируйтесь на пицце, конфетах или литрах сока — и дроби станут друзьями. Если что-то пошло не так — вернитесь к шпаргалке. Успехов!
