Добавить в корзинуПозвонить
Найти в Дзене
OPisREAL

Как создать свой сайт без программирования (кодинга) абсолютно бесплатно

Всем привет! Пишет ReDyNight из геймдев студии OPisREAL. Сегодня мы продолжаем работу над проектами, хотя с учебой происходят дела. Так как на данный момент у нас готовится игра, выкладывать ее надо на какую-то подстилку, то есть так, чтобы в нее сразу играли. Разумеется для этого стоит почитать о маркетинге, где вам скажут, что неплохо было бы создать свой сайт. Я не собирался учиться кодингу и решил найти альтернативные беспрограммные варианты. Итак: Создать сайт несложно. Правда. Всего-то нужно уметь правильно тыкать кнопки и знать маркетинг. Во-первых чтобы создать свой сайт важно четко себе представлять, как он выглядит. Максимально четко. Важная в этом деле информация для тех, кто максимально далек от создания сайта: когда ты кликаешь на кнопку, за ней стоит ссылка. Эта ссылка перемещает тебя на другую страницу того же сайта или листает страницу до другого места. Тебе нужно различать такие типы кнопок при расставлении ссылок, но это потом. Систему кликов нужно учитывать при предс
Интерфейс нашего сайта на момент написания статьи
Интерфейс нашего сайта на момент написания статьи

Всем привет! Пишет ReDyNight из геймдев студии OPisREAL. Сегодня мы продолжаем работу над проектами, хотя с учебой происходят дела. Так как на данный момент у нас готовится игра, выкладывать ее надо на какую-то подстилку, то есть так, чтобы в нее сразу играли. Разумеется для этого стоит почитать о маркетинге, где вам скажут, что неплохо было бы создать свой сайт. Я не собирался учиться кодингу и решил найти альтернативные беспрограммные варианты. Итак:

Создать сайт несложно. Правда. Всего-то нужно уметь правильно тыкать кнопки и знать маркетинг. Во-первых чтобы создать свой сайт важно четко себе представлять, как он выглядит. Максимально четко. Важная в этом деле информация для тех, кто максимально далек от создания сайта: когда ты кликаешь на кнопку, за ней стоит ссылка. Эта ссылка перемещает тебя на другую страницу того же сайта или листает страницу до другого места. Тебе нужно различать такие типы кнопок при расставлении ссылок, но это потом. Систему кликов нужно учитывать при представлении себе сайта. Так как сайт состоит из разных страниц, можно нарисовать схему, на которой у тебя будет главная страница, которая открывается автоматически при заходе на сайт (домашняя страница), на макете страницы нарисовать кнопки, а от кнопок вывести стрелочки или написать на них цифры для удобства и изобразить на бумаге другие страницы сайта.

Первый макет
Первый макет

Говоря об оптимизации, посоветую вам использовать нейросети (можно универсальную YandexAI, но лучше комбинировать разные) на следующих этапах:
- Создание макета сайта. Заставь ИИ нарисовать ровно такой сайт, который ты хочешь - ты сможешь сформулировать расплывчатое представление в схему из кнопок и текста.
- И еще раз создание макета сайта, но интереснее и осознаннее. Если с представлением никак. Возьми лист бумаги и нарисуй прямоугольник. Используй нейросеть, сказав ей задавать профессиональные четкие вопросы. Пусть она вытащит из тебя мысли о том, как должна выглядеть страница вопросами вроде - Где расположены кнопки вкладок (сбоку: справа/слева или по вертикали: сверху/снизу)? и т.п.

Использование YaAI для макета сайта
Использование YaAI для макета сайта

Этап 2. Теперь, когда макет есть, остается всего лишь открыть конструктор для создания сайта. Беспрограммные конструкторы используют систему drag-and-drop (возьми откуда-то и оставь) - как импорт файлов с компьютера. Сбоку или снизу у тебя есть окно с шаблонными кусками страницы. Наводишь курсор на шаблон, хватаешь его и несешь до окна макета. Бросаешь там, а затем настраиваешь, как угодно. Можно изменять стиль кнопок и виджетов, добавлять на них ссылки, вставлять картинки и полностью форматировать текст.

Искать такой конструктор следует по запросам:

  • Онлайн/оффлайн конструктор
  • Беспрограммный, драгндроп (drag-and-drop), без кодинга
  • Платный/бесплатный
  • Есть/нет встроенного AI

Я использовал бесплатный бескодинговый оффлайн конструктор Мобириз (Mobirise). Также очень популярен онлайн сервис Тильда (Tilda), но мне он совсем не нравится.

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

Создание сайта
Создание сайта

И третий шаг. Когда у тебя есть готовый макет сайта в конструкторе - расставлены все кнопки, нет ошибок в текстах, у страниц есть свои названия, кнопки перекидывают, куда нужно (ты проверил это в режиме предпросмотра), цветовая палитра везде в одном стиле (идеальном для тебя) - ты можешь его экспортировать. Кнопка экспорта обычно располагается в углу. Тебе необходимо создать папку, в которой при правильном экспорте окажутся: html файлы страниц сайта, assets папка с картинками, шрифтами и прочими ресурсами. Мобириз позволяет также экспортировать файл проекта .mobirise чтобы удобно было вернуться и внести правки.

Мои величайшие поздравления! Теперь нажав на любой html файл ты уже можешь открыть свой сайт! Сейчас он открывается только на твоем компьютере, потому что у тебя есть его файлы. Уверен, ты очень хочешь разместить свой сайт в сети. Я расскажу позже, как тебе это сделать!

---------------

Следите за новостями OPisREAL!

Мы — небольшая инди‑студия, и наш путь только начинается. Хотите первыми узнать о выходе нашей игры и увидеть, как создаётся проект изнутри?

Заходите на наш сайт: opisreal.ru

Подписывайтесь на наш Telegram-канал: t.me/opisreal_studio

Следите за нашим Дзен (чтоб не сбежал)
ReDyNight