Публикация 7. модуль 6

ПУБЛИКАЦИЯ 7. МОДУЛЬ 6

САЙТ БЕЗ КОДА.

Цель модуля: понять, зачем бизнесу сайт, выбрать конструктор без кода и собрать лендинг для кофейни «Утро» из материалов, которые уже готовы.

Длительность: 60–70 минут.



УРОК 6.1. ЗАЧЕМ НУЖЕН ЛЕНДИНГ.

Лендинг это одностраничный сайт. Его задача не рассказать всё, а привести человека к одному действию. Записаться, купить, оставить заявку, прийти.

Чем он отличается от обычного сайта. На обычном сайте много страниц и разделов. На лендинге одна страница и один смысл.

Почему это удобно для новичка. Не надо придумывать структуру из десяти разделов. Достаточно одной страницы, собранной по понятной логике.

Для кофейни «Утро» лендинг может быть простым. Показать атмосферу, меню, адрес и предложить зайти.



УРОК 6.2. ИЗ ЧЕГО СОСТОИТ ЛЕНДИНГ.

Хороший лендинг почти всегда строится по одной схеме. Запомните её, она универсальна.

Первый блок. Первый экран. Крупный заголовок, подзаголовок, кнопка и одно сильное изображение. Здесь человек решает, остаться ему или уйти.

Второй блок. Оффер. Что Вы предлагаете и почему это выгодно. Коротко, три-четыре пункта.

Третий блок. О Вас. История, ценности, настроение. Здесь работает бренд, который Вы собрали в пятом модуле.

Четвёртый блок. Продукт или услуги. Что конкретно можно получить.

Пятый блок. Доверие. Отзывы, фото, цифры.

Шестой блок. Контакты и призыв. Адрес, телефон, карта, кнопка.

Это всё. Больше на старте не нужно.



УРОК 6.3. КОНСТРУКТОРЫ БЕЗ КОДА.

Код писать не придётся. Есть готовые инструменты, где всё собирается мышкой.

Tilda. Самая популярная в России. Много готовых блоков, гибкая настройка. Есть бесплатный тариф.

Framer. Современная, красивая, с плавными анимациями. Хороша для дизайнерских сайтов.

Webflow. Мощная, но сложнее. Для тех, кто хочет глубоко разобраться.

Craftum. Простая российская, много шаблонов.

Wix и Squarespace. Универсальные, подойдут для любого дела.

Для новичка лучше начать с Tilda. Причина простая. Русский интерфейс, много уроков, готовые блоки, бесплатный тариф для первой сборки.



УРОК 6.4. КАК ПОДГОТОВИТЬ МАТЕРИАЛЫ.

Прежде, чем открывать конструктор, соберите всё в одну папку. Это сэкономит час времени.

Что нужно:

тексты. Заголовок, подзаголовок, о бренде, описание услуг, контакты;

изображения. Три-пять картинок из второго модуля;

видео. Ролик из третьего модуля, если он есть;

3D-модель. Чашка из четвёртого модуля, если хотите её показать;

логотип и цвета. Из пятого модуля;

контакты. Адрес, телефон, соцсети.

Если, чего-то нет, не страшно. Лендинг можно собрать и без видео. Но чем больше готовых материалов, тем проще.



УРОК 6.5. КАК ПИСАТЬ ТЕКСТЫ ДЛЯ ЛЕНДИНГА.

Здесь многие спотыкаются. Кажется, что нужно писать красиво и умно. На самом деле, нужно писать понятно.

Три правила.

Первое. Пишите о клиенте, а не о себе. Не «мы лучшая кофейня», а «Вы начнёте день тепло».

Второе. Короткие фразы. Одна мысль, одно предложение.

Третье. Один призыв. Не «звоните, пишите, заходите, подписывайтесь», а что-то одно.

Пример текста для «Утра».

Заголовок: Начни день тепло.

Подзаголовок: Кофейня «Утро» на углу Садовой. Свежий кофе, мягкий свет, тишина по утрам.

Кнопка: Посмотреть меню.

О бренде: Мы открылись, потому, что хотели место, куда хочется зайти до работы. Без спешки, без суеты. Просто хороший кофе и спокойное утро.

Услуги: Капучино, латте, фильтр. Свежая выпечка каждое утро. Кофе с собой.

Контакты: Садовая, 15. Каждый день с семи утра до девяти вечера.

Заметьте, весь текст состоит из коротких фраз. И это работает лучше, чем длинные абзацы.



УРОК 6.6. КАК СОБРАТЬ ЛЕНДИНГ В TILDA.

Пошагово.

Шаг 1. Зарегистрируйтесь на Tilda. Выберите бесплатный тариф.

Шаг 2. Создайте новую страницу. Выберите пустую.

Шаг 3. Добавьте первый блок. Нажмите на плюс слева. Выберите категорию «Обложка». Возьмите блок с заголовком, текстом и кнопкой. Поставьте картинку из второго модуля.

Шаг 4. Добавьте блок «О нас». Возьмите блок с текстом слева и картинкой справа.

Шаг 5. Добавьте блок услуг. Возьмите блок с тремя колонками. Впишите три позиции из меню.

Шаг 6. Добавьте блок с видео или 3D-моделью. В Tilda есть блок для видео. Ссылку возьмите из третьего модуля.

Шаг 7. Добавьте блок контактов. Адрес, телефон, карта.

Шаг 8. Настройте цвета. В настройках страницы поставьте те цвета, которые Вы выбрали в пятом модуле.

Шаг 9. Настройте шрифты. Выберите два шрифта из пятого модуля.

Шаг 10. Проверьте на телефоне. Откройте предпросмотр и посмотрите, как выглядит на мобильном. Это важно. Большинство людей заходят с телефона.

Шаг 11. Опубликуйте. У Tilda будет бесплатный адрес вида, «tilda.ws». Это нормально для первой работы.



УРОК 6.7. ЧТО ЧАЩЕ ВСЕГО ИДЁТ НЕ ТАК.

Проблема: слишком много текста.

Решение: сократить вдвое. Оставить только суть.

Проблема: картинки разного стиля.

Решение: использовать только изображения из второго модуля. Они уже в одной палитре.

Проблема: неудобно на телефоне.

Решение: проверить в предпросмотре и уменьшить размер заголовков.

Проблема: кнопки не работают.

Решение: у каждой кнопки должна быть ссылка. На меню, на телефон, на форму.

Проблема: скучно.

Решение: добавить одно видео или 3D-модель. Это оживляет страницу.



ПРАКТИКА МОДУЛЯ 6.

Задание: собрать лендинг для кофейни «Утро».

Шаг 1. Соберите все материалы в одну папку. Тексты, картинки, видео, логотип, цвета.

Шаг 2. Напишите тексты по правилам из урока 6.5. Короткие фразы, обращение к клиенту, один призыв.

Шаг 3. Зарегистрируйтесь в Tilda. Создайте пустую страницу.

Шаг 4. Соберите шесть блоков: первый экран, оффер, о бренде, услуги, доверие или видео, контакты.

Шаг 5. Поставьте цвета и шрифты из гайдлайна.

Шаг 6. Проверьте на телефоне.

Шаг 7. Опубликуйте и сохраните ссылку.



ЧЕК-ЛИСТ МОДУЛЯ 6.

Понимаю, зачем нужен лендинг.

Знаю структуру из шести блоков.

Выбрал конструктор без кода.

Написал тексты по правилам.

Собрал лендинг для «Утра».

Проверил на телефоне.

Опубликовал и получил ссылку



Информация из открытых источников в интернете.
Использован инструмент ИИ.




Нейросети с нуля от картинки до сайта

Список источников и ресурсов - публицистика, 06.10.2026 19:00
http://proza.ru/2026/10/06/1775

Публикация 8. финал - публицистика, 06.10.2026 18:16
http://proza.ru/2026/10/06/1697
Финал. Собираем кейс и идём дальше. Задача, решение, результат, портфолио.

Финальная статья курса. Здесь мы собираем всё, что сделано за шесть модулей, в один кейс. Вы узнаете, как описать задачу, решение и результат, как оформить проект для портфолио и куда двигаться дальше: на фриланс, в работу, в своё дело или в углубление. Это не урок, а руководство к действию после курса.

Публикация 7. модуль 6 - публицистика, 06.10.2026 18:09
http://proza.ru/2026/10/06/1687
Модуль 6. Сайт без кода. Лендинг, тексты, сборка в Tilda.

Шестой модуль курса. Собираем сайт без кода. Вы узнаете, зачем бизнесу лендинг, из каких блоков он состоит, как писать тексты и как собрать страницу в Tilda. В практике — готовый лендинг для кофейни «Утро» из всех материалов, сделанных за курс. Код не нужен. Всё собирается мышкой.

Публикация 6. модуль 5 - публицистика, 06.10.2026 18:05
http://proza.ru/2026/10/06/1680
Модуль 5. Брендинг и Figma. Мудборд, цвета, шрифты, логотип, гайдлайн.

Пятый модуль курса. Переходим к брендингу. Вы узнаете, из чего состоит бренд, как собрать мудборд, подобрать цвета и шрифты, сделать логотип. Освоите базовые приёмы Figma и соберёте мини-гайдлайн. Это модуль о том, как из разрозненных картинок получается единый визуальный стиль.

Публикация 5. модуль 4 - публицистика, 06.10.2026 18:02
http://proza.ru/2026/10/06/1672
Модуль 4. 3D-модели. Способы создания 3D, промпты, 3D-чашка для бренда.

Четвёртый модуль курса. Разбираем 3D-модели. Вы узнаете, зачем они нужны, какие есть способы их создать и как написать промпт для объёмного объекта. В практике — 3D-чашка для бренда и короткий видеооблёт. Опыт в моделировании не нужен. Всё делается через нейросети и браузер.

Публикация 4. модуль 3 - публицистика, 06.10.2026 17:58
http://proza.ru/2026/10/06/1663
Модуль 3. Генерация видео. Нейросети для видео, сториборд, рекламный.

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

Публикация 3. модуль 2 - публицистика, 06.10.2026 17:52
http://proza.ru/2026/10/06/1653
Модуль 2. Генерация изображений. Нейросети для картинок, промпты, серия визуалов для бренда.

Второй модуль курса. Разбираем генерацию изображений. Вы узнаете, какие бывают нейросети для картинок, как писать промпты со светом, ракурсом и стилем, что делать, если результат плохой. В практике — серия из пяти изображений для одного бренда. После этого модуля Вы сможете делать визуалы для соцсетей, рекламы и сайтов.

Публикация 2. модуль 1 - публицистика, 06.10.2026 17:47
http://proza.ru/2026/10/06/1644
Модуль 1. Первое знакомство с нейросетями. Что такое нейросеть, что такое промпт, первые генерации.

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

Нейросети с нуля от картинки до сайта - публицистика, 06.10.2026 17:43
http://proza.ru/2026/10/06/1633
Вводная статья. О чём этот курс, кому подойдёт и как устроен.

Этот курс для тех, кто хочет освоить нейросети, но не знает, с чего начать. Здесь не будет сложных терминов и программирования. Только простые шаги, понятные примеры и практика. За шесть модулей Вы пройдёте путь от первой картинки до готового проекта: бренд, изображения, видео, 3D-модель, гайдлайн и сайт. Курс бесплатный. Опыт в дизайне или коде не нужен.