Здравствуйте, в просторах интернета очень много информации по вашему вопросу.
К примеру:
https://habr.com/en/post/273795/
а также на ютубе есть готовые видео где наглядно показывают как можно сделать дизайн сайта (в Sketch, Figma, Photoshop).
То что выделено красным - это шапка сайта (header). Он присутсвует также на внутренних страницах.
То что выделено желтым - называется главный банер. всё зависит от того нужен ли именно этот банер на других страница.
То что выделено синим - это контент. он может быть разным если интернет- магазин это могут быть примеры товаров, отзывы итд итп. Вариаций очень много.
Подвал или футер (footer) выполняет сразу несколько важных задач. И в зависимости от оформления может быть направлен на некоторые из них или сразу на все. По практике его используют в 99% случаях на всех страницах.