Как сделан сайт Одноклассники: архитектура простыми словами
Из чего складывается большая социальная сеть, что можно узнать по открытым материалам и как спроектировать небольшой учебный аналог без копирования ОК.
Блог / Сайты с ИИ / Страница 3
Статьи про создание сайтов с ИИ
Страница 3 из 4
Как сделать сайт с помощью нейросетей: конструкторы, вайбкодинг, пошаговые план и разбор инструментов для запуска без программиста.
Как сделать сайт с YouTube-видео: каталог и плеер
Собираем реалистичную видеовитрину на своём сайте через официальное встраивание YouTube и отделяем её от разработки видеоплатформы.
Как сделать ПК-версию сайта: адаптивный макет
Превращаем мобильную страницу в удобный адаптивный макет для ноутбука и большого экрана без второй копии сайта.
Как сделать перевод сайта: две языковые версии
Строим две полноценные языковые версии сайта, связываем их между собой и проверяем не только текст, но и формы, адреса и метаданные.
Как сделать PDF сайта: сохранить страницу в браузере и на телефоне
Сохраняем страницу сайта в PDF в Chrome, Edge, Яндекс Браузере, Safari, Firefox и на телефоне, а несколько страниц через Acrobat или Playwright.
Как сделать сайт цветов: каталог букетов и заказ
Собираем сайт цветочной мастерской с живым каталогом, понятной доставкой и коротким заказом без обещаний, которые команда не выполнит.
Как сделать баннер на сайте: HTML, CSS и проверка
Добавляем компактный баннер с одним действием, кнопкой закрытия и безопасным поведением на телефоне, затем проверяем SEO и доступность.
Как сделать анимацию сайта: CSS без тормозов
Добавляем одну полезную CSS-анимацию, отключаем лишнее движение для тех, кто его ограничил, и проверяем сайт на телефоне.
Как вынести ярлык сайта на рабочий стол: Chrome, Яндекс, Edge, Safari
Ярлык сайта на рабочем столе Windows или Mac: шаги для Chrome, Яндекс Браузера, Edge, Firefox и Safari, проверка адреса и исправление частых сбоев.
Как посмотреть, как сделан сайт: DevTools без взлома
Безопасный разбор публичного сайта через Elements, исходный HTML и Network: что можно доказать, что остаётся предположением и чего браузер не показывает.
Как сделать рекламу сайту: продвижение готовой страницы
Практический план продвижения уже готового сайта: проверка страницы, аналитика, запуск рекламы и решения по результатам теста.
Как сделать вкладки сайта: HTML, CSS и JS в 2026
Пошаговая сборка вкладок внутри страницы с понятными кнопками, панелями, переключением на JavaScript и управлением с клавиатуры.
Как сделать хороший сайт: чек-лист качества в 2026 году
Практический чек-лист качества сайта: понятная задача, удобная навигация, мобильная версия, доступность, скорость, формы и базовая подготовка к поиску.
Как сделать страницу сайта главной: Tilda, Wix, WordPress и HTML
Пошагово назначаем существующую страницу главной в Tilda, Wix, WordPress и статическом сайте, затем проверяем адреса, меню и индексацию.
Как сделать сайт с картинками: фото и галерея в 2026
Как подготовить изображения, собрать фотогалерею без кода или с ИИ и проверить скорость, мобильную версию, подписи и ссылки.
Как сделать значок сайта в 2026: favicon во вкладке браузера
Из каких файлов состоит значок сайта в 2026 году, где его нарисовать (в том числе нейросетью), какие теги прописать и почему иконка не появляется во вкладке.
Как сделать сайт за один день в 2026: план по часам
План на один рабочий день: что делать утром, днём и вечером, готовые промпты для каждого этапа и список того, что за день не собирается.
Как сделать сайт на русском языке в 2026: промпт, шрифты, кодировка
Язык интерфейса конструктора и язык готового сайта это разные вещи. Разбираем промпты для русских текстов, кракозябры, шрифты с кириллицей, типографику и адреса страниц.
Как сделать QR-код сайта в 2026: генератор, печать и метки
Разбираем, чем статический QR-код отличается от динамического, где сгенерировать его бесплатно, какого размера печатать, как добавить метку в ссылку и как поставить QR-блок прямо на свою страницу.
Как сделать безопасный сайт в 2026: чек-лист для сайта на ИИ
Пять дыр, которые чаще всего остаются в сайтах, собранных с помощью ИИ: ключи в коде, форма без фильтра, открытая админка, отсутствие копии и чужие скрипты. Чек-лист и промпты для проверки.
Запрет сайта: как закрыть доступ и индексацию в 2026
Пароль на сайт, доступ по списку адресов, страница «идут работы» с кодом 503, robots.txt и noindex, закрытая админка и чек-лист, как открыть сайт обратно без потери поиска.
Программа для создания сайта в 2026: что ставить на компьютер
Разбираем, какие программы реально ставят, чтобы сделать сайт: браузер и конструктор без установки, десктопные приложения Claude и ChatGPT, редактор кода с ИИ. Плюс мелкий софт для просмотра, картинок и загрузки на хостинг.
Как загрузить готовый сайт в интернет в 2026: хостинг и домен
Готовый сайт можно выложить на российский хостинг, на бесплатную площадку или опубликовать прямо из конструктора. Разбираем, куда загружать файлы, как привязать домен и что проверить после запуска.
Как сделать сайт разрешённым в 2026: HTTPS, антивирус, доступ
Почему браузер и антивирус не пускают на сайт и как это лечится: бесплатный сертификат, смешанный контент, снятие пометок в Google и Яндексе, проверка сайта со стороны.
Как сделать название сайта в 2026: имя, домен и тег title
Чем название сайта отличается от домена и тега title, как придумать имя с помощью ИИ, проверить его на занятость и прописать в коде страницы.
Excel на сайте в 2026: как вывести таблицу и собирать заявки
Четыре способа связать Excel и сайт: опубликовать таблицу ссылкой, забрать данные через CSV, разобрать файл скриптом и отправлять заявки со страницы обратно в таблицу.
Как сделать сайт доставки в 2026: меню, зоны и приём заказов
Сайт доставки для еды, цветов, воды или магазина у дома: меню со стоп-листом, зоны и стоимость доставки, время, приём заказа в телеграм и оплата по закону. Два пути: готовая платформа и свой сайт по промпту.
Как сделать сайт организации в 2026: НКО, школа, клуб, учреждение
Разбор для школ, детских садов, НКО, клубов и муниципальных учреждений: какие разделы и документы обязательны, что требует закон о персональных данных, где размещать сайт и как собрать его с ИИ.
Как сделать сайт для телеграм-канала в 2026: визитка, посты, заявки
Отдельная страница для телеграм-канала: кнопка подписки, официальный виджет с постами и форма заявок в бота. Четыре формата, готовый промпт для ИИ и цены на домен в 2026 году.
Как сделать пост на сайте в 2026: запись, новость и статья
Пост на сайте это отдельная запись с датой, а не абзац на главной. Разбираем, где она живёт, из чего состоит и как публиковать её в конструкторе, в WordPress и на самодельном сайте.
Как сделать одностраничный сайт в 2026: секции, якоря, SEO
Одна страница вместо целого сайта: разбираем структуру секций, якорную навигацию с плавной прокруткой, пределы формата в поиске и готовый промпт для сборки с ИИ.
Как вывести сайт на домашний экран телефона в 2026
Иконка сайта рядом с обычными приложениями: шаги для iPhone и Android, минимальный манифест для своего проекта и промпт, которым это добавляет ИИ-ассистент.
Как сделать шапку сайта в 2026: код, адаптив и промпты
Из чего состоит шапка сайта, готовая разметка со стилями, правила для телефона, липкая шапка и три промпта, по которым ИИ соберёт хедер за пару минут.
Как сделать сайт отзывов в 2026: блок, страница и разметка
Форматы отзывов на сайте, как просить их у клиентов, форма приёма с модерацией, сборка блока с ИИ и правда про звёзды в поиске.
Как сделать презентацию сайтом в 2026: ссылка вместо файла
Когда ссылка удобнее файла PPTX, из каких пяти экранов собрать сайт-презентацию, три промпта для ИИ-ассистента и как выгрузить результат в PDF.
Как сделать пароль на сайте в 2026: закрыть сайт или страницу
Три уровня защиты паролем: настройка на хостинге за 10 минут, пароль внутри кода страницы (и почему это не защита) и полноценный вход с базой пользователей.
Как добавить на сайт форму, карту, видео и чат в 2026
Справочник по вставкам: форма заявки, кнопка звонка, карта, видео, галерея, счётчик Метрики, чат и ссылка на Telegram. Что нужно, куда кладётся код и какие ошибки ломают страницу.
Как сделать звук на сайте в 2026: музыка, эффекты и озвучка
Фоновая музыка, звуки кнопок, плеер и озвучка текста: рабочие схемы, ограничение браузеров на автозапуск со звуком, вес файлов и генерация аудио нейросетями.
Как сделать сайт с таблицей в 2026: вставить таблицу и взять данные
Разбираем две задачи сразу: как аккуратно показать таблицу на странице (включая телефон) и как сделать сайт, который сам подтягивает строки из Google Таблицы или Excel.
Как сделать сайт доступным в 2026: версия для слабовидящих и WCAG
Контраст, alt, работа с клавиатуры и экранные читалки: что делает сайт доступным. Что требует закон в России в 2026 году, как проверить страницу бесплатно и как поручить переделку вёрстки нейросети.
Как сделать сайт для продажи товаров в 2026: магазин с нуля
Что нужно, чтобы принимать заказы через сайт: витрина, корзина, оплата, доставка и учёт остатков. Четыре пути собрать магазин в 2026 году, цены, сроки и юридический минимум.
Как сделать сайт чёрным в 2026: тёмная тема, которая читается
Тёмная тема ломается на двух крайностях: чёрный фон и белый текст. Разбираем рабочую палитру, автопереключение под систему, кнопку с запоминанием выбора и промпт для ИИ.
Как сделать карточку товара для сайта в 2026: каталог и ИИ
Разбираем состав карточки товара: фото, цена, характеристики, кнопка. Плюс шаги в конструкторе, промпты для описаний, разметка Product и сборка каталога.
Как сделать папки сайта в 2026: структура файлов и адреса страниц
Из каких папок состоит проект сайта, как из них получаются адреса страниц, куда заливать файлы на хостинге и как попросить ИИ сразу разложить всё по местам.
Как сделать сайт на платформе в 2026: какую выбрать и с чего начать
Конструкторы, CMS и ИИ-сборщики: чем отличаются, кому что подходит, сколько стоят в 2026 году и как собрать на выбранной платформе первый сайт.
Как сделать запрос на сайте в 2026: форма, поиск и обращение к API
На сайте запросом называют и форму заявки, и строку поиска, и обращение страницы к внешнему сервису. Разбираем все три задачи и показываем, как отправить запрос с помощью ИИ, не потеряв ключи.
Как сделать сайт услуг в 2026: каталог, цены и запись клиентов
Структура сайта услуг для частного специалиста: каталог с ценами, портфолио, кнопка записи и предоплата. Плюс готовый промпт, чтобы собрать страницу с ИИ за вечер.
Как сделать сайт компании в 2026: структура, реквизиты, 152-ФЗ
Разбираем сайт организации: структура страниц, что убеждает корпоративного клиента, обязательные по закону политика и реквизиты, домен с почтой на своём бренде и готовый промпт для сборки.
Как сделать меню на сайте в 2026: шапка, бургер, якоря
Разбираем навигацию сайта по частям: сколько пунктов ставить, готовый HTML и CSS для шапки, бургер на телефоне без JavaScript, якорные ссылки и промпты, чтобы меню собрал ИИ.
Как сделать сайт как Авито в 2026: доска объявлений с нуля
Каталог, карточка объявления, кабинет продавца, модерация и оплата размещения: из чего складывается доска объявлений и три способа собрать её самому, с ценами и сроками.
Как сделать сайт в Телеграме в 2026: Mini App, бот и визитка
Что такое Telegram Mini App, чем оно отличается от обычного сайта и от бота, какой нужен хостинг и как собрать такое приложение с помощью ИИ за вечер.
Как сделать сайт с ботом в 2026: связка с Telegram по шагам
Четыре рабочих связки сайта и Telegram-бота: заявки с формы, чат на странице, кнопка с меткой источника и мини-приложение внутри мессенджера. С промптами и без токена в коде страницы.
Как сделать окно на сайте в 2026: модальное, попап и согласие
Модальное окно с формой, попап с подарком, согласие на cookie и лайтбокс: чем отличаются, как попросить такое у ИИ и какой код реально работает.
Как сделать уведомления на сайте в 2026: на странице и push
Три разных вида уведомлений на сайте: плашка на странице, браузерный push и сигнал вам о заявке. Разбираем, что нужно для каждого и что стоит ставить почти всем.
Как сделать прокрутку сайта в 2026: якоря, кнопка наверх, анимации
Пять задач, которые люди называют прокруткой сайта: плавные якоря, кнопка «наверх», липкая шапка, появление блоков и лента карточек вбок. С готовыми промптами и кодом.
Лендинг с помощью нейросети в 2026: структура, промпты, публикация
Из каких блоков состоит работающий одностраничник, какие сервисы соберут его по описанию, три промпта под разные задачи и что доделать руками: тексты, форма, аналитика, домен.
Как сделать сайт на ноутбуке в 2026: что нужно из программ и железа
Разбираем практично: какие требования к ноутбуку заявляют сами инструменты, что ставить на чистую машину, где сайт будет лежать после публикации и чем Windows отличается от macOS.
Как сделать кликабельный сайт в 2026: ссылки, кнопки, телефон
Готовый код для всех кликабельных элементов страницы: ссылка и кнопка, телефон и почта, Telegram и MAX, картинка, логотип, адрес с картой и якоря. Плюс размеры зоны нажатия для телефонов.
Как сделать сайт-визитку в 2026: три способа и готовый промпт
Одностраничная визитка для мастера, репетитора или юриста: какие блоки нужны, чем отличаются конструктор, шаблон и вайбкодинг, готовый промпт для ИИ и реальные цены на домен с хостингом.
Как сделать адрес сайта в 2026: домен, поддомен и ЧПУ
Разбор адреса сайта по частям: протокол, домен, зона и путь. Где взять бесплатный адрес, сколько стоит домен .ru в 2026 году, как привязать его к сайту через A-запись и CNAME и как сделать понятные адреса страниц.
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».