Программы для создания сайтов
Содержание:
- Конструктор сайтов
- Контент – всему голова. Наполняйте сайт грамотно
- 5 — Nethouse
- Дизайн сайта. Создать сайт бесплатно самому с нуля конструктор без платы за сайт
- Сделать собственный сайт с нуля или на конструкторе: что выбрать
- Текст и картинки на сайт. Как наполнять сайт контентом
- WIX – конструктор сайтов #1 в мире (SaaS)
- Сделать сайт самостоятельно и бесплатно. Реально ли это?..
- «Прикрутите» счетчики и анализируйте результаты
- Онлайн-конструктор Tilda Publishing
- LPgenerator
- Решите, что именно должно быть на вашем сайте до начала разработки
- Урок 5. Внешний вид
- Шаг 3. Придумываем название и доменное имя
- Покупка готового сайта
- Как создать сайт в конструкторе Craftum
- Создание сайта самому — подведем итог
Конструктор сайтов
Самый простой способ создать сайт — Конструктор сайтов REG.RU. Принцип работы прост – вы выбираете шаблон будущего сайта и редактируете его внешний вид под себя: добавляете элементы дизайна, настраиваете размеры и цвета. Редактор интуитивно понятен и не требует знаний кода. С Конструктором справится даже новичок. в Базе знаний, а также отзывчивая служба поддержки помогут создать ваш первый сайт самостоятельно.
Несомненным плюсом является возможность попробовать Конструктор бесплатно — для этого есть тариф «Стартовый». В дальнейшем можно перейти на тариф с большим количеством шаблонов и места на диске. Главный недостаток — ограниченный функционал, нельзя добавить на сайт функцию, которой нет в Конструкторе.
Конструктор подойдёт для несложных сайтов:
- лендинга,
- сайта-визитки,
- портфолио.
Как заказать:
На странице заказа выберите тариф, на следующем шаге добавьте домен. Домен будет привязан к Конструктору автоматически. Готово, вы можете выбрать шаблон и приступать к его редактированию. Также рекомендуем приобрести SSL-сертификат для безопасности вашего сайта.
Контент – всему голова. Наполняйте сайт грамотно
Независимо от того, какой у вас сайт и как вы планируете продвигаться, работа с контентом – важнейшая составляющая разработки. Контент – ваше все, через него вы «общаетесь» с клиентом, передавая ему информацию. Если с контентом на сайте беда – все усилия по разработке пойдут прахом, будьте уверены.
Чтобы этого не допустить, внимательно и вдумчиво пишите текст на свой сайт, подбирайте подходящие по смыслу и дизайну изображения и видео, коммерческое использование которых официально разрешено. Если вы принимаете работу у копирайтера или дизайнера – то же самое: будьте внимательны и следите, чтобы контент соответствовал основным правилам. Для текста эти правила можете подсмотреть вот тут, а для изображений тут.
5 — Nethouse
Нетхаус отличается своей простой и в тоже время функциональностью. Прекрасный выбор для сайтов бизнес-тематики.
К главным преимуществам Нетхаус можно отнести:
- Созданный веб-проект на этой платформе можно поместить на собственный домен;
- Практически нет рекламы;
- Сервис не ограничивает для своих пользователей дисковое пространство;
- Очень удобный и простой в использовании интерфейс, а также множество красивых шаблонов;
- Позволяет осуществлять интеграцию с различными социальными сетями;
- Позволяет организовать приём электронных платежей;
- Хорошая техническая поддержка;
- Большой набор инструментов для СЕО-продвижения.
Также конструктор обладает небольшим количеством недостатков:
- Нет форума;
- Нельзя вставить HTML-код.
Дизайн сайта. Создать сайт бесплатно самому с нуля конструктор без платы за сайт
Дизайн сайта – мы подошли к самому интересному этапу – как создать сам сайт
Инструкция
- Скачиваем несколько вспомогательных программ
- Notepad — понадобится пару раз для правки страницы на языке html – не пугайтесь, нужно будет поменять всего пару слов
- FileZilla — эта программка вам напомнит старенький TotalCommander – в ней нужно будет переместить папку с шаблоном вашего сайта на сервер – тоже все очень просто
Скачивание можно отложить до последнего – возможно, программы вам и не понадобятся пока ваш уровень – новичок.
- Создаем сайт на сервере
- Заходим на страницу нашего провайдера FastVPS
- В личном кабинете в разделе Мои услуги — VPS/VDS серверы – ваш выбранный сервер — Дополнения – заказываем FASTPANEL (панель для создания баз данных сайта). Услуга по предоставлению панели управления бесплатна
Внимание! Записываем имя пользователя и пароль
Стрелочкой на картинке указан ваш ХОСТ
Записываем данные: хост, имя пользователя и пароль и переходим к следующему шагу
- Платформа WordPress
Знакомимся с WordPress
Ресурс WordPress – бесплатный. Он представляет собой панель управления. Вы выбираете шаблон для сайта (дизайн сайта) – тоже бесплатный, или сложный платный, устанавливаете его для своего сайта и с помощью WordPress управляете им.
Сайт WordPress на русском языке пишется вот так: https://ru.wordpress.org/ и никак иначе. Если вам предлагают выбрать тариф на WordPress, значит, это не тот сайт! Но все это тоже только для информации. Мы пойдем другим, легким путем.
Т.к. мы пишем статью для новичков – у нас для вас хорошая новость. Word Press вам поможет установить ваш провайдер! По крайней мере компания, про которую мы писали выше, с удовольствием установит для вас Word Press.
Поэтому мы не будем долго и детально расписывать этот процесс. Просто пишите, в поддержку: «помогите установить WordPress» и укажите название сайта, который мы с вами заранее сделали в FASTPANNEL. Ждем, пока администраторы подтвердят установку
Результат установки – провайдер укажет вам доступ к вашей учетной записи: логин и пароль (не забудьте сразу после входа в учетную запись их поменять)
Учетная запись будет находиться по адресу:
- http://название вашего сайта/wp-admin/ или
- http:// название вашего сайта /wp-login.php
Про дизайн сайта продолжим чуть ниже, а пока дополнительная информация для сведения
- База данных сайта – управление через программу FTP клиент
Данная информация будет дополнительной и полезной, если в будущем вы:
- захотите установить на сайт счетчик статистики Яндекс или Google
- удалить ненужные темы (дизайны сайта), чтобы почистить место на сервере
- подключить Яндекс веб-мастер для анализа статистики сайта
И многие другие вещи, в инструкциях для которых указано: «перенесите в корневую папку…»
Открываем заранее скачанную программу FileZilla
Выглядит вот так.
Для этого вводим ее данные:
- Хост
- Имя пользователя
- Пароль
Все данные мы с вами аккуратно выписали заранее.
Жмем кнопку «быстрое подсоединение»
Не обращаем внимания на предупреждающую штуку – жмем ок.
Процесс простой, все должно получиться. Но если что-то не выходит – пишем в поддержку. На то она и нужна
Запомните или запишите, как входить в программу. Пока она нам не понадобится
- Завершающий этап – шаблон для сайта (дизайн)
Возвращаемся в учетную запись WordPress, чтобы создать сайт онлайн бесплатно самому.
Устанавливаем тему (дизайн) для сайта:
Выбираем Внешний вид – Темы – Добавить
- Листаем и выбираем понравившуюся тему (дизайн)
- Нажимаем «Просмотреть», чтобы посмотреть тему или «Установить», если с темой определились
- Нажимаем «Активировать»
На этом мы можем сказать, что все готово к заполнению вашего сайта
Проверить, как выглядит ваш сайт на данный момент, вы можете, нажав на название сайта в верхнем левом углу учетной записи. Но пока там будет совсем пусто. Чтобы заполнить сайт, нужно создать страницы и наполнить их информацией
Сделать собственный сайт с нуля или на конструкторе: что выбрать
Своё мнение на счёт вариантов создания веб-ресурсов я уже выложил выше. Здесь хочу подытожить и предлагаю вам посмотреть сравнительную таблицу, чтобы вы окончательно могли выбрать для себя то, что наиболее подойдёт под ваши потребности и планы!
Характеристики для сравнения | Конструктор | Полноценный движок | Код написанный вручную |
Процесс создания | Легко | Легко | Сложно |
Скорость реализации | За вечер можно сделать | За 2-3 вечера можно сделать полностью | Долго |
Настройка исходного кода | Нет | Некоторые движки предоставляют такую возможность | Конечно, вы же создатель |
Автоматическое продвижение в поисковике | Некоторые сами предлагают это за определенную копейку | Как вам будет удобно, так и делайте | Полная свобода |
Дизайн и функционал | Нельзя редактировать заготовленные шаблоны | Можно менять многое в зависимости от движка | Можно делать, что угодно |
Переход на другой хостинг | Нельзя | Можно | Можно |
Процесс создания сайта очень увлекательный и многогранный. Возможно, создав один веб-ресурс вы даже захотите этим заниматься постоянно. Или зацепитесь за что-то одно – написание кода или создание дизайна и будете развиваться в этом направлении. В любом случае эти знания помогут заработать деньги, не выходя из дома. А свой проект, если подходить с душой и энтузиазмом, не только принесет прибыль, но и добавит организованности в вашу жизнь.
Текст и картинки на сайт. Как наполнять сайт контентом
Как работать с WordPress мы напишем дополнительно на примере разных шаблонов (дизайнов) в отдельной статье.
Для того, чтобы вы уже начали работать и наполнять сайт самостоятельно, сейчас укажем основные шаги:
- Заполнить раздел «Страницы» – то, что будет в меню сайта. Например: каталог, блог, страница о компании, контакты
- В разделе «Записи» вы можете создавать статьи
- В разделе «Внешний вид — Меню» — выбрать, что из уже вами созданного будет в меню.
- В разделе «Внешний вид – Виджеты» — вы сможете выбирать, что будет в левой или правой колонке на странице вашего сайта, что будет в подвале.
Когда вы начнете наполнять ваш сайт, возникнет много вопросов, как добавить тот или иной элемент. Но после небольшой практики станет просто и все понятно и тема, как создать сайт онлайн бесплатно самому уже не будет для вас пугающей и новой.
Надеемся, наша информация была вам полезна.
Также вам будет интересна тема, как продвигать ваш сайт бесплатно и без вложений – читать тут
WIX – конструктор сайтов #1 в мире (SaaS)
Wix – это крупный международный сервис по созданию сайтов, самый популярный в своей нише. С помощью встроенного конструктора можно «собрать» страницу любой сложности. Это может быть как красивый лендинг, так и функциональный многостраничный сайт (блог, форум, онлайн-магазин и т.п.).
Оффлайн с WIX работать не получится, редактор требует постоянного подключения к серверам. Выгрузить код страниц тоже нельзя. Зато ничего устанавливать на ПК не надо, софт всегда в актуальном состоянии (за обновлениями следить не нужно), но главное – открываются очень широкие возможности редактирования страниц, такой набор инструментов не может предложить ни одна CMS-система или оффлайн-конструкторы.
Достоинства. Продуманный, удобный интерфейс. Все его элементы переведены на множество языков мира, поддержка русского – 100%. Есть подробная документация с наглядными примерами, своё сложившееся сообщество, в случае проблем можно обратиться в техподдержку. На выбор доступно огромное множество готовых шаблонов.
Киллер-фича – возможность привлечения искусственного интеллекта для создания уникального дизайна. Вы просто указываете свои предпочтения, а специальный сервис подстраивается под ваши интересы и предлагает сразу несколько вариантов оформления. Остаётся только выбрать и применить. В качестве бонуса вы получаете осмысленное тематическое наполнение, так что на правку текстовой части придётся потратить минимум времени.
Помимо непосредственно редактора вы получаете полный перечень дополнительных инструментов: от интеграции со сторонними сервисами до встроенной CRM и системы рассылок. Есть даже редактор логотипов.
Недостатки. Несмотря на то, что для работы редактору требуется только браузер (не нужна установка софта на компьютер), он не может работать без постоянного подключения к интернету. Очень многие инструменты платформы доступны бесплатно, но для полноценного сайта без рекламы и на своём домене придётся перейти на платную подписку.
Стоимость. На базовом тарифе, не требующем оплаты, можно работать любое время. Из ограничений: небольшое дисковое пространство на сервере (500 Мб), лимитированный трафик (1 Гб) и отсутствие возможности привязки своего доменного имени. Платные тарифы – от 80 руб./месяц. Если нужно полное отсутствие рекламы – от 125 руб./месяц. Безлимит – от 200 руб./месяц. Функционал для онлайн-торговли – от 350 руб.
К основной подписке могут добавиться дополнительные – в зависимости от используемых приложений/вспомогательных инструментов.
- В бесплатный тариф будут включены: простая защита от атак, мониторинг доступности, автопубликация в соцсети и др.
- Платные тарифы обойдутся от 200 до 1750 руб./месяц. Здесь появляются дополнительные возможности, например, резервное копирование «на лету», продвинутая проверка на вирусы, доступ к монетизации сайта, приём платежей и т.д.
- Отдельными пакетами можно докупить доступ к нужным сервисам: резервное копирование, сканирование на вирусы и поиск содержимого.
Сделать сайт самостоятельно и бесплатно. Реально ли это?..
Вы решили сделать сайт, но ничего в этом не смыслите. Первый вопрос, который может возникнуть: «А могу ли я вообще сделать сайт самостоятельно и сколько мне это всё будет стоит?». Я вас обрадую — да, действительно сайт можно создать вообще без денег, разве что, заплатив за домен (имя сайта) на хостинге предоставляющем бесплатное обслуживание, к примеру 1С-UM, free.beget.ru, HostiMan.ru. Да, он будет иметь кое-какие ограничения. Например, места для загрузки файлов будет мало, нельзя будет использовать какие-то функции. Но не стоит думать, что это плохо. Ведь вы только начинаете изучать информацию по созданию сайта в интернете, поэтому профессиональные инструменты на первом этапе могут и не потребоваться. А в дальнейшем вы сможете перенести свой сайт на расширенную платную платформу хостинга.
Безусловно для полноценной деятельности сайта, лучше использовать платные платформы. Это в дальнейшем даст вам больше возможностей по настройкам и использованию инструментов сайта. Но для тренировки подойдут и бесплатные сервисы. Если же вы через некоторое время поймете, что сайтостроение — это не ваше, то вы ничего и не потеряете. Можете тогда попробовать свои силы на создании блога в любой из соцсетей, к примеру Инстаграмм… Но давайте вернемся к сайтостроению. Сначала разберитесь, что именно хотите получить, а уже потом отдавайте деньги. Правда до того, как создавать сайт или блог на той или иной основе определитесь с его тематикой.
«Прикрутите» счетчики и анализируйте результаты
Прекрасный мир таких медиа-гигантов, как Яндекс и Google, дает нам огромное количество бесплатных возможностей для продвижения и улучшения собственного бизнеса. Одна из таких возможностей – метрики – Яндекс Метрика и Google Analytics. Это бесплатные и невероятно полезные инструменты, их очень легко установить, а возможности для анализа, которые они предоставляют, практически безграничны. Ни в коем случае не игнорируйте эту возможность, информация такого рода просто бесценна для любого онлайн-бизнеса.
Инструкция по установке и настройке тут (Яндекс) и тут (Google), обязательно установите хотя бы один из этих счетчиков, настройте цели и анализируйте информацию, благо обучающих мануалов по работе с этими сервисами полно, в том числе и официальных, от производителя.
Онлайн-конструктор Tilda Publishing
Российская успешная разработка, давно зарекомендовавшая себя на внутреннем рынке и успешно развивающаяся с каждым годом. Тестовый период с доступом ко всем функциям составляет 14 дней. После его окончания предусмотрены тарифы, начиная от «Free» (бесплатный, с минимальным набором функций), продолжая «Personal» (750 руб./месяц) и заканчивая различными вариациями версии аккаунта типа «Business» (от 1250 руб. до 7500 руб./месяц).
Отдельного внимания заслуживает возможность выдачи доступа для редактирования и просмотра проекта, что позволяет работать сразу нескольким специалистам различного профиля в одной команде.
Возможность подключения своих шрифтов придаст вашему будущему интернет-продукту дизайнерской уникальности. Предусмотрена немаловажная для продвижения SEO-проработка страниц, включая прописывание тегов, альтов, добавление фавиконки, создание ЧПУ (человекопонятных ссылок), robots.txt и карта сайта, размещение на страницах проекта «хлебных» крошек, синхронизация с веб-мастерами и т. д. Логично, что при самостоятельном создании интернет-ресурса предоставлено больше возможностей, но среди онлайн-конструкторов «Tilda Publishing» является одним из лидеров на российском рынке, благодаря возможностям для естественного продвижения в поисковых системах.
Управление базами данных, интеграция с CRM-системами, синхронизация с популярными сервисами различных видов информационных рассылок, конструктор форм с калькулятором, интеграция с популярными онлайн-мессенджерами, возможность вставки своего кода (при соответствующем тарифном плане), интеграция с онлайн-кассами и различными способами оплаты («Cloudpayments», «Robokassa», «PayPal», «Яндекс.Деньги и Касса», «LiqPay», а также «Stripe», доступный для юридических лиц, зарегистрированных в Европе или США), эквайринг ведущих российских банков и множество других «фишек», которые еще долго можно перечислять, делает рассматриваемый онлайн-конструктор сайтов действительно интересным и продуманным веб-продуктом, достойным похвалы.
Оптимально подходит для самостоятельного создания сайта не только небольшой организации или ИП, но и крупным компаниям. При этом наращивать «мощь» сайта можно постепенно, все больше реализуя свой потенциал и превращая его в уникальный веб-продукт.
LPgenerator
Плюсы:
- тематические шаблоны, разбиты в каталоге по категориям бизнеса;
- шаблоны и лид-формы адаптированы под мобильные устройства;
- мощный конструктор, позволяет редактировать уже имеющиеся шаблоны или создавать свои с нуля;
- есть свой инструмент по а/б тестированию;
- интеграции: МailСhimp, GetResponse, UniSender, ExpertSender, Dropbox, JustClick, amoCRM, MegaPlan, Bitrix24, SMSint, Robokassa;
- есть своя CRM.
Минусы:
- дорогой;
- нет бесплатного тарифа;
- разобраться в интерфейсе за пару часов не получиться;
- тестовый период 7 дней;
- на минимальном тарифе присутствует брендинг LPgenerator.
Цены:
- базовый: 799 рублей / месяц;
- продвинутый: 2375 рублей / месяц;
- безлимитный: 3999 рублей / месяц;
- корпоративный: 15730 рублей / месяц.
При оплате тарифов за 3, 6 или 12 месяцев скидки.
Решите, что именно должно быть на вашем сайте до начала разработки
Выбрали тип сайта? Самое время определиться и с его наполнением! По этому поводу у нас будет два полезных совета:
- Не забывайте – все мы стоим на плечах гигантов. Наверняка сайтов с похожей на вашу тематикой уже множество, не стесняйтесь смотреть на удачные примеры и брать от них лучшее. Зайдите в поисковик, вбейте «свой» ключевой запрос и откройте первые сайты в органической выдаче. Формы (количество и виды), названия и оформление страниц… Все это может оказаться очень полезным, если подсматривать с умом.
- Бритва Оккама – наш лучший друг. Отсекайте все лишнее и ненужное, помните, мы стремимся к выполнению цели и созданию MVP. Перенимайте только максимально полезные фишки и инструменты.
Перед созданием прототипа вы должны четко понимать, какие блоки, страницы, формы и прочие элементы будут на вашем сайте и в каком количестве.
Урок 5. Внешний вид
Теперь надо выбрать шаблон. Их существует огромное количество на любой вкус и цвет. Есть платные и бесплатные. В уроке я рекомендую несколько тем от WPShop, которые уже по максимуму оптимизированы, их только надо настроить под себя.
Сейчас дизайн не так сильно влияет на продвижение, потому что большая часть посетителей просматривает статьи с ускоренных страниц, которые имеют ограниченный стандартный внешний вид. Поэтому ставьте простой шаблон и не парьтесь. Раскачаетесь, заработаете денег и закажете уникальный по своему дизайну.
На этом блоге у меня стоит шаблон, дизайн которого я делал сам.
Шаг 3. Придумываем название и доменное имя
Как только вы определитесь с именем компании — вам понадобится зарегистрировать домен. Ключевое:
- Используйте название компании в домене. Так меньше рисков, что возникнет путаница
- Можно рассматривать сокращения и аббревиатуры. Например, OK.RU.
- Избегайте дефисов и цифр в домене. Они снижают качество восприятия и запоминаемость домена.
- Не используйте сложных транслитов (например слово «игровой» можно написать как “igrovoj”, “igrovoy” или “igrovoi”) и труднозапоминаемых сочетаний букв. Простота и однозначность лучше всего.
- Проверяйте обязательно не содержит ли доменное имя уже существующий товарный знак, чтобы в дальнейшем избежать доменных споров. Детали темы можно узнать в статье Как зарегистрировать домен и не попасть под суд.
- Избегайте слов с нарочно допущенным ошибками (SABAKOVOD.NET) или дополнительными буквами (WWWKONTAKTE.RU). Такие домены могут наводить на мысль, что ваш сайт мошеннический.
Ещё больше рекомендаций читайте в посте «Как правильно выбрать домен для сайта».
Покупка готового сайта
Чтобы не мучатся с созданием ресурса всегда есть прекрасный вариант — купить готовый сайт. Нужно относится к подобным приобретениям как к инвестиции, которая несет риски.
- Стоит ли покупать сайты
- Окупит ли себя сайт, домен и хостинг
- Как выбрать хороший проект при покупке
- Где и как можно приобрести интернет-ресурс
При выборе сайта для покупки следует быть очень бдительным и аккуратным. Новичку невозможно определить множество важных деталей, поскольку для этого нужен опыт владения своими проектами. Нужно понимать, что качественные ресурсы продаются всегда дорого (либо их покупают моментально по блиц цене). Однако, не все сайты стоят большие суммы. Есть и дешевые, но, как правило, некачественные (обычно их называют полуСДЛ или ГС). Конечно, везде есть исключения, поэтому необходимо лишь искать. К примеру, мне пару раз удавалось приобретать очень хорошие проекты совсем недорого.
Но даже если Вы купите по средний или немного завышенной цене — не все так плохо. Возьмем к примеру среднестатистический сайт. Самое сложное при его создании — это сделать «фундамент», а его уже сделали за Вас. При небольших затратах из неплохого ресурса можно сделать «конфетку». Если же не прилагать никаких усилий по улучшению купленного «детища», то не стоит ждать от него каких-то достижений. Он будет медленно «загибаться», поскольку конкуренты и вообще интернет в целом развиваются, поэтому стоять на месте никак нельзя.
При выборе сайта особое внимание обращайте на продавца. Если он не отвечает четко на поставленные вопросы, все ответы «мутные», рейтинга и репутации нет, то зачем Вам рисковать, покупая у него? Предложите ему свои условия и если он откажет, ну и ладно
Вы найдете другой ресурс с адекватным продавцом. Мошенничество в сфере продажи сайтов встречается довольно часто. Поэтому надо иметь дело только с проверенными или по-крайней мере с открытыми для общения продавцами.
Сайтов с ценником до 50 тысяч рублей вряд ли удастся купить за адекватную (незавышенную стоимость). Дело в том, что на рынке сейчас очень много желающих приобрести проект с бюджетом до 50 тысяч и очень мало, тех кто хочет купить дороже. В итоге, если он объективно стоит дороже 100 тысяч, то в этом случае есть большие шансы взять его дешевле из-за отсутствия конкуренции. И в точности до наоборот с ценовой категорией до 50 тысяч: шанс взять дороже значительно выше из-за большой конкуренции среди покупателей.
2.1. Где купить сайт
Купить или заказать сайт можно во многих местах. Объявления о продажах можно поискать на крупных SEO форумах. Например, на форумах searchengines.guru и maultalk.com есть специальные разделы по покупке и продажи
Я советую обратить внимание на уникальную в своем роде биржу купли/продажи сайтов:
TELDERI
Как создать сайт в конструкторе Craftum
Если для разработки веб-сайта на CMS WordPress требуются знания языка разметки, CSS-стилей и прочего, то в конструкторе Craftum можно обойтись без них. Благодаря встроенным шаблонам и особому блоку «Дизайн блок» можно создать уникальный сайт со своим дизайном и стилем.
Давайте посмотрим, как осуществляется работа с конструктором Craftum. Создадим с его помощью простой сайт-визитку на основе шаблонов и дизайн-блока.
Открываем официальную страницу и переходим к регистрации.
Заполняем контактные данные и жмем «Создать сайт». Сервисом можно пользоваться бесплатно в течение 10 дней!
В результате мы попадаем на главную страницу конструктора Craftum – здесь мы и будем проводить все манипуляции с будущим сайтом. Мы можем пойти двумя путями: использовать готовый шаблон из выбранной категории либо создать пустую страницу и уже внутри нее добавлять нужные нам блоки. Для наглядности давайте воспользуемся пустой страницей:
Для ее наполнения нам потребуется создать специальные блоки, которые будут отвечать за ту или иную информацию. Первым делом жмем «Выбрать блок».
В отобразившемся меню перед нами открывается доступ к основным шаблонам страницы. Например, чтобы создать меню, мы можем просто выбрать для этого шаблон. Аналогично можно поступить с контактной информацией и прочими блоками сайта. Помимо этого, есть опция «Дизайн блок», позволяющая самостоятельно конструировать кастомный дизайн. Давайте разработаем первый блок на основе данной опции, а уже потом перейдем к шаблонам.
После выбора дизайн-блока мы попадаем в окно его редактирования. Для начала давайте очистим холст – для этого выделяем все элементы и жмем клавишу «Delete».
Также давайте уберем фоновое изображение – в меню слева в разделе «Фон» нажмем для этого на крестик.
В результате мы получаем пустой холст. Заполним его необходимой информацией – первым делом добавим заголовок. Для этого в верхнем левом углу нажимаем на плюсик и выбираем «Текст».
Зададим название заголовку, например, «Привет! Это мой первый сайт». Также давайте добавим картинку из компьютера – выберем для этого соответствующий блок «Фотография».
Чтобы добавить нужную картинку, кликаем по блоку «Фотография» и в левом меню нажимаем «Выберите файл».
Давайте также уберем еще и сетку, чтобы увидеть полную картину – для этого нажимаем на соответствующую кнопку в верхнем правом углу.
Вот таким у нас получился первый экран
В дизайн-блоке мы можем работать непосредственно с элементами, например, задать размер текста, изменить его шрифт и провести другие манипуляции.
Также для сайта важно проработать его адаптивную версию. Мы не будем на этом останавливаться, но знайте, что экраны под разные устройства настраиваются через верхнее меню:
На этом закончим настройку дизайн-блока и закроем его.
Давайте добавим еще один блок, например, раздел «О нас»
Для этого под созданным нами блоком нажимаем на плюсик и в разделе «Меню» выбираем «О проекте». Возьмем для примера первый шаблон:
В выбранном шаблоне мы можем изменять текстовое описание, а также удалять ненужные нам блоки текста.
Добавим раздел с контактами.
Выбранный раздел мы можем редактировать так же, как и предыдущий. Кроме того, мы можем подкорректировать карту через настройки блока.
После того как будут созданы и заполнены нужные блоки, следует опубликовать разработанный сайт. Для этого нажимаем на соответствующую кнопку в верхнем правом углу:
Задаем название странице и еще раз жмем «Опубликовать».
Чтобы посмотреть свой сайт и поделиться им с друзьями, мы можем нажать на кнопку «Открыть страницу» либо на кнопку в верхнем правом углу.
На этом разработка сайта в конструкторе Craftum завершена. Получился он совсем простым, но на основе этого можно создать любой другой веб-сайт с различным функционалом. Можно построить сайт полностью на дизайн-блоках либо комбинировать их с разнообразными шаблонами – все зависит от того, каких целей вы хотите добиться.
Наиболее быстрый вариант – воспользоваться готовым шаблоном сайта. Выбираете тематику ресурса, кликаете на понравившийся шаблон, заменяете тексты и загружаете фото – вуаля, ваш уникальный сайт готов к публикации в интернете!
Создание сайта самому — подведем итог
Сегодня для самостоятельного создания сайта онлайн по сути дела не надо никакой инструкции. Поверьте, моему опыту. Я создавал свой проект с нуля на Вордпресс даже не используя для тренировки конструкторы сайтов. Впрочем, и сами конструкторы сейчас позволяют делать по-настоящему мощные проекты даже без каких-либо знаний. Если вы умеете пользоваться компьютером и интернетом, то и с сайтом легко разберётесь. Многие известные блогеры тренировались именно на этих конструкторах, а потом создали свои проекты на Wordpress или других CMS системах, не имея никаких навыков программирования. И вы так сможете. Просто попробуйте и увидите, как это легко и просто.
Хотелось бы добавить, — если вы освоите искусство создания сайтов, то у вас откроется масса возможностей для заработка. К примеру, можно создать сайт для заработка на дропшиппинге. А это уже другие деньги. Если же вы хотите ознакомится с 35 вариантами получения дохода в интернете или 45 способами заработка в реальной жизни, то вам следует заглянуть сюда.