Из начальной школы ты знаешь формулу площади прямоугольника: $S=ab$, где $a$ и $b$ — длины сторон. Но это работало только для натуральных сторон. А если стороны дробные — например, $\tfrac25$ дм и $\tfrac34$ дм — как их перемножить, мы пока не знаем. Давайте выведем правило сами, а не просто запомним его.
Нарисуем квадрат со стороной $1$ дм. Разделим одну его сторону на $5$ равных частей, а другую — на $4$. Тогда весь квадрат разбит на $5\cdot4=20$ маленьких прямоугольников, и площадь каждого — $\tfrac1{20}$ дм². Прямоугольник со сторонами $\tfrac25$ дм и $\tfrac34$ дм (закрашенный на рисунке справа) состоит из $2\cdot3=6$ таких маленьких прямоугольников — значит, его площадь равна $\tfrac6{20}$ дм².
Умножение дробей, как и умножение натуральных чисел, обладает переместительным, сочетательным и распределительным свойствами — это можно доказать, опираясь на определение и свойства действий с натуральными числами.
Пекарь режет каждый батон на $9$ одинаковых кусков и продаёт по $4$ куска в одни руки. Сколько всего кусков он продаст $12$ покупателям? Понятно, что нужно $\tfrac49$ батона умножить на $12$ — то есть просто взять $\tfrac49$ батона $12$ раз.
Натуральное число $n$ — это то же самое, что дробь $\tfrac n1$, поэтому правило умножения дробей применимо и здесь: $$\dfrac{a}{b}\cdot n=\dfrac{a}{b}\cdot\dfrac{n}{1}=\dfrac{a\cdot n}{b},\quad a,b,n\in\mathbb{N}.$$
Проверь это правило на других примерах во вкладке «Дробь × число» справа — там видно, как $n$ одинаковых полосок $\tfrac ab$ складываются в общую закрашенную площадь.
Здесь используется распределительное свойство умножения: смешанное число раскладывают на целую и дробную части и умножают каждую часть отдельно, а результаты складывают: $$4\tfrac12\cdot9=(4+\tfrac12)\cdot9=4\cdot9+\tfrac12\cdot9=36+4\tfrac12=40\tfrac12.$$
Как мы только что увидели, смешанные числа проще всего перемножать так: сначала записать оба множителя в виде неправильных дробей, а затем применить обычное правило умножения дробей.
Ту же схему учебник применяет и для больших чисел, например $4\tfrac27\cdot2\tfrac58=\tfrac{30}{7}\cdot\tfrac{21}{8}=\tfrac{45}{4}=11\tfrac14$. Посмотри на площадь произведения во вкладке «Смешанные» справа — там числитель неправильной дроби может быть больше знаменателя, и тогда закрашенная область выходит за пределы одного квадрата $1\times1$ и захватывает соседний.
Квадрат $1\times1$ разбит на $b\times d$ клеток. Закрашенный прямоугольник — это $a$ строк из $b$ и $c$ столбцов из $d$: его площадь — искомое произведение
Каждый из $n$ одинаковых столбцов закрашен на $\tfrac ab$ — это $n$ копий дроби $\tfrac ab$, сложенные вместе
Оба смешанных числа переведены в неправильные дроби $\tfrac pb$ и $\tfrac qd$ — закрашенная площадь может выходить за пределы одного квадрата $1\times1$ в соседний