[Урок 5] Создаём сайт на стандартных блоках

Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса tilda.

Тильда даёт возможность не только делать сайты с уникальными дизайнами, но и большой выбор шаблонных блоков. Не стоит думать, что шаблон - это плохо.
Если у вас есть чувство вкуса, прямые руки и желание сделать аккуратный и красивый сайт - создать его получится и на стандартных блоках. Да не только создать, но и денег за разработку взять.

Например знаменитый ресторан SOHO делает промо сайты для своих мероприятий именно на обычных стандартных блоках. Пример - http://banket.sohosaratov.ru

Сделаем аналогичный сайт, только для нашего выдуманного ресторана? Погнали!

Создаём первый сайт

Выбираем наш проект и нажимаем кнопочку "Создать новую страницу "

Тильда предлагает нам огромное количество готовых шаблонных сайтов под разные ниши. Это нам не очень интересно, так как их количество очень мало, да и уникальности там мало. Мы выбираем более сложный вариант - Пустая страница.

Ура, первую страницу сайта мы создали. Теперь нужно создать первый главный блок сайта. Он обычно бывает самым сложным.

Первый блок сайта

Создаём первый блок сайта. Начнём с меню. Нажимаем на кнопку "Все блоки"

Ищем раздел "Меню" и переходим туда.

Здесь расположены готовые элементы меню. Изучить каждый Вы сможете самостоятельно. Сейчас мы возьмём в работу блок "Меню с логотипом по центру" - блок - МЕ202

Нажимаем на него и тильда размещает наше будущее меню во главе страницы. Первый шаг уже сделан, но к меню мы вернёмся немного позже.

Возвращаемся в раздел с готовыми блоками, где переходим в раздел "Обложки".
Там находим блок CR12 - Обложка с одной или двумя кнопками. Выбираем её.

Так. Уже что-то получается. Давайте настроим блок с обложкой под наши нужды. Мы как-никак сайт для ресторана делаем, а не для библиотеки. Я нашёл подходящее фото на стоке http://pexels.com/ . Устанавливаем его на фон обложки.

В верхнем левом углу блока ищем кнопку "Контент" и нажимаем туда.

Здесь мы сможем отредактировать содержание блока, а именно : заголовок, кнопки, описание (текст под заголовком) и фоновое изображение.

Меняем заголовок на : Уютный семейный ресторан в центре Москвы

Меняем описание на : Наш семейный ресторан "Сайтодел" уже более десяти лет радует своих посетителей вкуснейшей кухней, живой музыкой и домашним интерьеров.

Меняем изображение : нажимаем на кнопку "Загрузить файл" и выбираем нужное изображение (рекомендуемый размер 1680х900px)

Текст кнопок меняем на :

1) Забронировать столик

2) О нас

Вот так это выглядит по итогу:

Нажимаем на кнопку "Сохранить и закрыть". Радуемся итогу.

В следующем уроке мы доделаем главную страницу, отредактируем меню и внесём несколько правок в настройки сайта.