[Урок 5] Создаём сайт на стандартных блоках
Всем привет! Сегодня мы начнём создавать сайт на шаблонных блоках от сервиса tilda.
Тильда даёт возможность не только делать сайты с уникальными дизайнами, но и большой выбор шаблонных блоков. Не стоит думать, что шаблон - это плохо.
Если у вас есть чувство вкуса, прямые руки и желание сделать аккуратный и красивый сайт - создать его получится и на стандартных блоках. Да не только создать, но и денег за разработку взять.
Например знаменитый ресторан SOHO делает промо сайты для своих мероприятий именно на обычных стандартных блоках. Пример - http://banket.sohosaratov.ru
Сделаем аналогичный сайт, только для нашего выдуманного ресторана? Погнали!
Создаём первый сайт
Выбираем наш проект и нажимаем кнопочку "Создать новую страницу "
Тильда предлагает нам огромное количество готовых шаблонных сайтов под разные ниши. Это нам не очень интересно, так как их количество очень мало, да и уникальности там мало. Мы выбираем более сложный вариант - Пустая страница.
Ура, первую страницу сайта мы создали. Теперь нужно создать первый главный блок сайта. Он обычно бывает самым сложным.
Первый блок сайта
Создаём первый блок сайта. Начнём с меню. Нажимаем на кнопку "Все блоки"
Ищем раздел "Меню" и переходим туда.
Здесь расположены готовые элементы меню. Изучить каждый Вы сможете самостоятельно. Сейчас мы возьмём в работу блок "Меню с логотипом по центру" - блок - МЕ202
Нажимаем на него и тильда размещает наше будущее меню во главе страницы. Первый шаг уже сделан, но к меню мы вернёмся немного позже.
Возвращаемся в раздел с готовыми блоками, где переходим в раздел "Обложки". Там находим блок CR12 - Обложка с одной или двумя кнопками. Выбираем её.
Так. Уже что-то получается. Давайте настроим блок с обложкой под наши нужды. Мы как-никак сайт для ресторана делаем, а не для библиотеки. Я нашёл подходящее фото на стоке http://pexels.com/ . Устанавливаем его на фон обложки.
В верхнем левом углу блока ищем кнопку "Контент" и нажимаем туда.
Здесь мы сможем отредактировать содержание блока, а именно : заголовок, кнопки, описание (текст под заголовком) и фоновое изображение.
Меняем заголовок на : Уютный семейный ресторан в центре Москвы
Меняем описание на : Наш семейный ресторан "Сайтодел" уже более десяти лет радует своих посетителей вкуснейшей кухней, живой музыкой и домашним интерьеров.
Меняем изображение : нажимаем на кнопку "Загрузить файл" и выбираем нужное изображение (рекомендуемый размер 1680х900px)
Текст кнопок меняем на :
1) Забронировать столик
2) О нас
Вот так это выглядит по итогу:
Нажимаем на кнопку "Сохранить и закрыть". Радуемся итогу.
В следующем уроке мы доделаем главную страницу, отредактируем меню и внесём несколько правок в настройки сайта.