Пошаговый разбор создания сайта с использованием ИИ: как написать код, какие цены и как использовать бесплатный хостинг.
Создать сайт с ИИ в СигмаЧат
Рассмотрим создание на примере сайта-визитки, который должен выполнять две задачи: представить исполнителя клиенту и дать ссылки на социальные сети для связи. В конце инструкции у нас получится вот такой сайт: neurowed.netlify.app
А теперь пошагово что нужно сделать:
1. Открыть сайт СигмаЧата и выбрать текстовую модель:
Рекомендуем использовать Gemini Pro — последнюю версию нейросети от Google, — которая хорошо справляется с кодингом по отзывам программистов.
2. Указать то, что хотите видеть на сайте:
Описание необязательно должно быть емким, лучше делать его исчерпывающим, чтобы сократить количество генераций, сэкономить деньги и получить результат, который максимально приближен к вашим нуждам.
3. Получить результат:
4. Затем нужно создать текстовый файл, скопировать в него полученный код и изменить формат файла на .html:
Изменить формат проще всего обычным переименованием, если у вас включены расширения файлов, но если их нет, то сделать это можно через меню: «Файл» — «Сохранить как…» — выбрать .html.
5. На этом все — сайт готов. Это уже готовая страница, которая содержит все основные элементы сайта-визитки. И выглядит она вот так:
Далее рассмотрим как ее отредактировать и на какой бесплатный хостинг загрузить, чтобы страница появилась в интернете.
Как редактировать элементы
1. Если вы не разбираетесь в программировании, то проще всего спросить у той же нейросети, какую строчку кода изменить для конкретного элемента:
2. Получив ответ, находим нужные строчки кода в нашем файле, который все так же открывается приложением «Блокнот» на Windows или заметки на MacOS, и меняем их:
3. Теперь страница выглядит вот так:
Хостинг для сайта — что использовать?
Есть два варианта: GitHub Pages и Netlify. В этом примере разберем Netlify, потому что он проще.
1. Откройте сайт и зарегистрируйтесь:
2. После регистрации вы окажетесь на странице, которая попросит загрузить файл проекта. Именно здесь нужно выбрать файл сайта и загрузить его:
3. Затем вы попадете на страницу проектов, нажмите «Quick Setup» и задайте имя сайта, которое будет указываться в адресной строке:
Все готово. Теперь нажмите на ссылку или картинку «проекта» и откроется сайт, который вы создали:
Вот наш сайт, который мы сделали в этом обзоре: neurowed.netlify.app
Сколько стоило создание сайта и его загрузка на хостинг
То, что было сделано в примере, обошлось в 9 рублей и 15 минут свободного времени на редактирование исходного кода сайта и поиска картинки на фон. Загрузка на Netlify полностью бесплатна и денег за содержание страницы не требуется.
В СигмаЧат также можно делать сайты гораздо больше и визуально «тяжелее», но для этого потребуется платный хостинг и чуть больше времени, чтобы разобраться с тем, как работают некоторые вещи.
FAQ
Можно ли создать простой сайт нейросетью?
Да, сайты-визитки или одностраничный сайты можно создать с помощью нейросети без программистов и дизайнеров.
Можно ли создать сайт на телефоне?
Да, потребуется только приложение для редактирования текстовых файлов. Генерация кода через СигмаЧат и загрузка файла на хостинг работает точно так же.
Можно ли создать свой сайт бесплатно?
Да, бесплатные хостинги позволяют не платить за личную страницу на начальных тарифах.
Листая дальше, вы перейдёте на sigma-chat.ru