Создание сайта в онлайн конструкторе A5

Сегодня невозможно представить себе какое-то дело (бизнес, творческий проект, неформальное объединение) без собственного сайта. Однако создание качественного сайта с нуля – дело затратное. Не все могут позволить себе платить известным дизайнерам или выкраивать часы в графике на освоение этого искусства.

Однако есть способы создать виртуальное представительство без особых усилий и совершенно бесплатно. Существуют конструкторы сайтов, доступные даже пользователям, не имеющим серьёзных знаний HTML и веб-дизайна. Пример такого онлайн-конструктора – проект A5.

Что нужно для создания сайта с нуля?

Сегодня существует огромный выбор инструментов для создания сайтов – от гигантских пакетов вроде Front Page до специализированных дизайнерских программ.

Старая школа вебмастеров высоко ценила ручное написание кода в стандартной программе «Блокнот» и не признавала автоматизацию. Но в любом случае от автора сайта требуются глубокие знания основ HTML и его специфических возможностей.

Можно ли создать сайт своими руками, не тратя месяцы или даже годы на изучение веб-дизайна и HTML, не говоря о PHP и других «шаманских» практиках? Да, можно.

Существуют специальные сервисы, помогающие сгенерировать простенькую веб-страницу без специфических знаний. Их интерфейс интуитивно понятен, а создать бесплатный сайт с их помощью – задача, не требующая сверхчеловеческих усилий.

Сервис А5 – простой конструктор сайтов

К счастью, в наше время создать бесплатный сайт помогает множество инструментов и специальных сервисов. Пример таких проектов – конструктор сайтов А5.

С его помощью вы сможете в течение считанных минут создать сайт-визитку, страницу с кратким описанием вашего проекта или набросок, на основании которого можно приступать к «серьёзной» работе.

Регистрация

Перед тем, как создать сайт с нуля в интернете с помощью сервиса A5, вы должны зарегистрироваться. Это просто и не требует от вас каких-либо персональных данных, кроме адреса электронной почты.

Форма регистрации исключительно проста даже по современным меркам. Вам даже не нужно вводить свой номер телефона. При желании можно и вообще не регистрироваться, а воспользоваться своим аккаунтом в популярной социальной сети (поддерживаются Facebook, «Мой мир» и «ВКонтакте»).

Даже когда (вернее, если) речь пойдёт о покупке платных услуг, вам не обязательно вводить свои персональные данные, чтобы пополнять счёт.

Шаблоны сайтов

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

Шаблоны сайтов

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

Выбрав понравившийся шаблон, нажмите на кнопку «Создать сайт на этом шаблоне» (она находится над областью предварительного просмотра и выделена зелёным цветом):

Создать сайт на этом шаблоне

Меню редактирования позволит вам изменять фон сайта, добавить различные компоненты (счётчики посещений, HTML-виджеты, элементы дизайна), редактировать текст.

Подведите курсор к нужной пиктограмме в столбце слева, чтобы увидеть, какие опции доступны в выбранном пункте меню:

опции доступны в выбранном пункте меню

Создать сайт с нуля с помощью А5

Если ни один шаблон вам не понравился, вы можете выбрать пункт «С чистого листа», расположенный слева под рубрикатором. После этого начинается создание страниц без какой-то основы, с помощью встроенных инструментов редактора.

При открытии меню создания становится понятно: администрация проекта A5 продумала подход к пользователям, пока не знающим, как создать свой сайт. Видео с наглядным руководством по созданию сайта – первое, что вы увидите при запуске редактора.

Здесь подробно поясняется, что такое «мастер-страница» (она же главная), что такое виджеты (в данном случае это визуальные элементы страницы), как изменять их во встроенном редакторе, как менять расположение различных частей дизайна.

Объяснение богато иллюстрировано, по нему легко усвоить основы построения сайта в конструкторе.

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

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

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

Для редактирования текстовых полей предназначен визуальный редактор, похожий на упрощённую версию Word или скорее на редакторы сообщений на форумах и в социальных сетях. Вы сможете выбрать вид и размер шрифта, выделить часть текста курсивом или жирным.

Редактирование, обновление и публикация сайта

В правом верхнем углу страницы вы увидите набор служебных кнопок. Здесь можно копировать и вставлять разнообразный контент, отменять или повторять последние действия. Кнопка с дискетой (как и во всех программах) имеет значение «Сохранить». Так вы сохраняете результаты своих последних действий и продолжаете редактировать сайт.

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

Как выглядит результат сайта

Когда вы закончили редактировать страницу и готовы выставить её обновлённую версию в Интернет, нажмите на кнопку «Опубликовать» (она крайняя в ряду, и подсвечена зелёным).

Это финальный шаг, нужный, чтобы создать бесплатный сайт. С этой секунды ваше, так сказать, представительство в сети доступно всем, кто знает его адрес, а поисковые системы смогут найти его по ключевым словам.

Если у вас появилась необходимость изменить какие-то данные сайта (к примеру, вы просто сменили контактную информацию или имя, добавили род деятельности или хотите опубликовать новость), вы всегда можете сделать это через форму редактирования страницы. Это ничем принципиально не отличается от создания новой страницы.

Пошаговое создание сайта на основе готового шаблона

Попробуем подойти к примеру иронически и создать сайт объединения голодных художников имени Кнута Гамсуна «Миллион алых роз». В конце концов, если бы мы могли позволить себе сайт за несколько тысяч долларов или евро, разве мы бы искали способ создать бесплатный сайт?

выбор шаблона сайта

Первое, что мы делаем – находим подходящийшаблон. Разумеется, нашли мы его в разделе «Дизайн», и нам он понравился:

Выбран дизайн сайта

Второй шаг – создание страниц. Пусть вас не смущает пустое поле:

Создание страниц

Как только вы выберете опцию создания страницы, вы увидите картинку, знакомую по шаблону.

Редактировать можно любое отдельно взятое поле. Так, вместо виртуальной Елены Пуховой мы впишем название нашего общества, вместо её профессии – полное название нашего объединения:

увидите картинку, знакомую по шаблону

Картинку тоже стоит заменить на более уместную. Временно поставим первое изображение поля роз, скачанное из Интернета. Если мы этим как-то задели интересы правообладателей, приносим свои извинения:

замена фона в A5

Двойным кликом по ссылкам, ведущим на другие страницы сайта, открываем редактор и изменяем названия страниц, чтобы они лучше раскрывали суть нашего объединения. Сами эти страницы пока не существуют – их надо будет создать так же, как мы создали первую страницу.

Картинку тоже стоит заменить

Затем создаём дополнительные страницы. Чтобы заполнить их, нам понадобятся дополнительные текстовые поля. Для этого мы открываем меню «Виджеты», выбираем там виджет «Текст» и перетаскиваем его в то место, где текст должен располагаться:

открываем редактор и изменяем названия страниц

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

устанавливаем google analitycs

Чтобы добавить на страницу галерею изображений, используйте соответствующий виджет. В меню его настроек вы можете по одному добавлять файлы из уже предоставленной галереи или загружать собственные.

В виджетах находятся и другие инструменты

Размер и количество файлов при этом ограничены объёмом свободного места на хостинге – всего 5 МБ. Одна фотография, сделанная на приличный фотоаппарат, может иметь больший объём. Поэтому предварительно обработайте фото так, чтобы они занимали минимум места.

Теперь хорошо бы дать сайту осмысленное имя вместо порядкового номера, который сервис присваивает сайту по умолчанию. «Прописано» общество голодных художников будет по адресу http://million-alih-roz.mya5.ru. Для этого мы сохраняем и публикуем наш сайт, после чего система сразу предлагает привязать свое доменное имя:

предлагает выбрать имя

Когда мы регистрировали имя million-alih-roz, оно было свободно (сейчас, понятное дело, уже занято). Сейчас там находится сайт нашего объединения, созданный буквально за полчаса.

Впоследствии мы сможем отредактировать этот сайт. Например, исправить страницу «Наши имена для будущего», когда в объединении появится хоть один художник. Или исправить цены на услуги, указанные в шаблоне, хотя пока они нас устраивают.

Ограничения сервиса А5

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

Во-первых, вы не сможете публиковать большие файлы – место на хостинге ограничено 25 МБ. Во-вторых, имя вашего сайта будет непременно привязано к сервису и будет иметь вид (имя_вашего_сайта).mya5.ru.

Приобретение премиум-тарифа поможет вам обзавестись приличным именем сайта с доменом .ru или .com, своей почтой и аналитическими инструментами. Возможно, вам будет проще доработать ресурс, который вы начали создавать на бесплатном хостинге, чем создавать новый с нуля.

Выводы

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

Для чего хорош этот сервис? Для быстрого создания сайта какого-нибудь малого бизнеса или личной страницы. Для усвоения основ сайтостроения (как своеобразный тренажёр). Для быстрого создания приблизительных макетов, на которые будет ориентироваться дизайнер, создавая авторский проект с нуля.

Убедится насколько это просто — вы можете с помощью формы ниже:

Однако в бесплатном варианте вас окружают ограничения: лимитирован объём места для загрузки собственных данных.

Сами страницы, созданные на базе данного конструктора, годятся только для того чтобы создать сайт визитку. К тому же для имиджа вашей компании (если это не общество голодных художников) сайт, размещённый на бесплатном хостинге, сыграет скорее отрицательную роль.

Разумеется, конструктор A5 может предложить гораздо большее: больший объём дискового пространства, дополнительные сервисы, собственную электронную почту и т.д.

Однако для этого нужно приобрести премиум-аккаунт для расширения возможностей. С таким же успехом можно приобрести домен и хостинг у любого провайдера и создать сайт действительно с нуля.

Внимание! Исключительно для аудитории проекта Сайтостроение от А до Я, A5 предоставляет скидочный купон до 35% для всех желающих приобрести премиум тарифы!
Создать сайт прямо сейчас!
Купон: IT_2015

Действительно только в течении 30 дней с момента регистрации!
Вам понравился сайт или конкретно эта страница? Поделитесь ею со своими друзьями, нажав на одну из кнопок соцсетей слева или снизу. Желаете быть в курсе последних обновлений сайта — подпишитесь удобным для вас образом:
или поддержите нас, нажав на кнопку "Мне нравится"!
Обсуждения
{"url":"http://www.fastvps.ru/", "src":"/images/advbanners/fastvps.png?1", "alt":"Хостинг Fastvps.ru. Наш выбор!"}
Заработок