Есть вопросы по поводу создания Web-дизайна

"... но как же места для баннеров и тд, или можно обойтись без них ..." - Баннеры обычно не требуют для себя определённого места. Как вариант, всегда можно легко (без никаких изменений в шаблоне, чисто добавив тег < br >) поместить баннер (или псевдобаннер) в самом-самом верху, или в самом-самом низу, целой строкой во всю ширину экрана.

"А так же интересно, есть ли разница в шаблонах и макетах на разных хостингах и доменах?" - Разница есть, если шаблон создавался, и её нет, если шаблон копировался откуда-нибудь. Домен тут вообще не при чём - это просто название сайта.

"Как называется шаблон с колонками, в котором бы обозначалось разрешение не только для компьютера, но и для другой электроники (телефон и тд)." - Вроде бы такая вёрстка называется адаптивной, ну и шаблон соотв. адаптивным.

Сделай сначала 1 сайт под одну задачу, например под привлечение клиентов на какие нибудь услуги. Тогда поймешь, что каждый сайт делается под задачу и не на каждом есть реклама, на коммерческих сайтах реклама не нужна, они сами продают товар или услугу.

Слишком много вопросов, требующих развернутых ответов. Ты выбрал не тот сервис для обучения. Яндекс и Гугл гораздо больше тебе объяснят.

Есть но как то невижу

Я советую тебе для начала купить дешевый хостинг (или взять бесплатное облако типа openshift, где у тебя будет хоть и кривой, но бесплатный домен), установить на нем wordpress и уже с ним работать. Ты увидишь и структуру шаблонов с адаптивной версткой, и куда можно вставить рекламу, и вообще, как это все работает.

1. Баннеры размещают или не размещают по своей инициативе или по воле заказчика. Спросите у него (или у себя) какие нужны баннеры и сколько их будет размещено. Есть стандартные размеры баннеров. Их довольно много. Прогуглите.

2. Шаблоны от хостинга не зависят. Шаблон и сайт — это ваше содержимое. Хостинг — это техническая площадка, и он никак не влияет на дизайн. Но иногда бесплатный хостинг размещает свою рекламу поверх сайта. Но для сайтов на таких хостингах и дизайн не заказывают. Так что не заморачивайтесь.

3. Сейчас популярна адаптивная верстка. Обычно для нее делают 4 разных макета под разные ширины экранов:
Desktop HD (1440px)
Desktop (1024px, рабочая ширина сайта 900px)
Tablet (768px)
Mobile (360px)
Направляющие называются сеткой. Их довольно много в интернете. Например, Bootstrap сетка. В Photoshop или Sketch легко настроить их параметры, а найти можно в интернете