Под крышей сайта твоего: универсальные конструкторы веб-страниц

В конце июня компания Domo опубликовала инфографику, демонстрирующую ежеминутную активность 2,1 миллиарда пользователей Интернета. Согласно этим данным, каждую минуту в Сети создается 571 новый сайт. А это означает, что вопросом «Как сделать свой веб-ресурс?» ежедневно задаются тысячи людей.

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

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

⇡#Jimdo.com

Проект Jimdo.com изначально создавался для небольших компаний, и его целью было — создать такую простую систему управления сайтом, чтобы сотрудники организации могли сами заниматься созданием и обновлением сайта, не обращаясь к веб-мастерам. Когда такая CMS была создана, проект открыли для широкой аудитории под девизом «Страницы народу!». Оказалось, что Jimdo подходит не только для портфолио организаций, но и для блогов, домашних страниц, галерей фотографов, интернет-магазинов и сайтов многих других типов.

После регистрации каждый пользователь Jimdo получает 500 Мбайт места для бесплатного хранения файлов, а также адрес вида mysite.jimdo.com. Возможность привязки собственного домена — одна из платных функций сервиса.

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

Блоки есть самые разные: от простого текстового до таблиц, многоколоночного текста, галереи, вставки карт, фотографий из Flickr, ленты Twitter, гостевой книги, ссылки на загрузку файла, RSS-ленты и так далее.

Для странички с информацией о сайте или об авторе удобно использовать блок «Изображение в тексте», при помощи которого можно разместить на странице текст, сопровождающую картинку и задать параметры обтекания изображения. Файлы на сайт можно загружать не только с жесткого диска, но и из онлайнового хранилища Dropbox — на Jimdo реализована интеграция с этим сервисом. Это удобно, например, при создании галереи. Кстати, галерея изображений может быть создана как на основе HTML, так и средствами Flash с переворачивающимися анимационными эффектами перехода и прочим. В Jimdo также есть блок для проигрывания флеш-роликов (SWF-файлы).

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

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

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

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

Jimdo хорошо подходит для создания интернет-магазина. Правда, стоит иметь в виду, что в бесплатной версии число товаров ограничено пятью, а оплата принимается лишь через Paypal, поэтому полноценно магазин может работать только для пользователей Pro-аккаунтов.

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

«Сайты Google»

Согласитесь, было бы странно, если бы у Google не было собственного инструмента для создания сайтов. Сделать свой проект при помощи этого сервиса можно совершенно бесплатно и за считаные минуты. Сайту присваивается не слишком звучное имя типа https://sites.google.com/site/mysite, но можно также привязать сайт к собственному домену. Кроме этого, не стоит забывать, что вы имеете дело с Google, а значит, шанс того, что с хостингом возникнут какие-то проблемы, минимален.

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

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

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

Редактирование страниц выполняется при помощи визуального редактора. Страницы могут содержать самые разные блоки, среди которых, например, последние добавленные файлы, последние сообщения, оглавление, список подстраниц и так далее. Среди доступных блоков (в «Сайтах Google» они называются гаджетами) много и таких, которые имеют отношение к другим сервисам интернет-гиганта. Например, можно вставить на страницу документ, хранящийся в Google Drive, слайд-шоу на основе фотографий из веб-альбомов Picasa, видео с YouTube, рекламный блок AdSense и так далее. Заметим, однако, что сервис создания сайтов, по всей видимости, давно не обновлялся, так как тут можно найти блок для уже несуществующих сервисов Google Wave и Google Video. В то же время никакого намека на интеграцию с активно продвигаемой сейчас социальной сетью Google+ нет.

Сервис интегрируется и с другими проектами Google для веб-мастеров: статистикой Google Analytics и Google Webmaster Tools, предназначенным для поисковой оптимизации сайта. Стоит также отметить автоматическое создание версии сайта, предназначенной для просмотра на мобильных устройствах.

Для хранения файлов, относящихся к сайту, выделяется 100 Мбайт дискового пространства. Управлять загруженными данными можно при помощи специального раздела админ-панели. Тут отображается расположение каждого файла, размер, дата загрузки.

⇡#Weebly

Конструктор сайтов Weebly не имеет русской локализации, поэтому если для вас это проблема, лучше поискать другой сервис. Однако для тех, кто владеет языком Шекспира хотя бы на уровне программы средней школы, Weebly определенно может представлять интерес. Сервис не полностью бесплатный, однако дает возможность в рамках базовой учетной записи создавать сайты на собственных доменах. Рекламы на бесплатных сайтах Weebly практически нет — только маленькая ссылка в «подвале» страницы. Дисковое пространство, отводимое под сайт, не ограничено, однако размер одного файла не может превышать 5 Мбайт.

Поскольку предполагается, что, зарегистрировавшись на Weebly, пользователь тут же займется созданием сайта, число щелчков мыши, которые ему нужно для этого сделать, сведено к минимуму. Сразу после регистрации появляется окно, где нужно ввести название сайта и указать категорию, к которой он будет относиться. Затем пользователь должен выбрать, на каком домене он будет размещать сайт: на своем или на домене третьего уровня mysite.weebly.com.

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

В частности, можно добавлять слайд-шоу, фотогалереи, флеш-ролики, карты Google, видео с YouTube, ссылки на скачивание файлов, форму для связи с администрацией, многоколоночный текст, опросы, RSS-ленты. Есть и вставка пользовательских блоков HTML-кода. А вот возможность проигрывания в плеере видео и аудиофайлов, загруженных на сайт, является прерогативой премиум-пользователей. Купившие Pro-аккаунт также могут внедрять на сайт различные документы (.doc, .pdf, .xls, .ppt), которые открываются непосредственно в окне браузера. К премиум-возможностям также относится защита сайта и отдельных страниц паролем и загрузка значка сайта (favicon).

Weebly предлагает своим пользователям размещать на сайтах рекламные блоки AdSense, однако стоит иметь в виду, что владельцы сайта получают лишь половину дохода с рекламы, — вторую половину сервис забирает себе.

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

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

На Weebly даже реализована возможность многопользовательского управления сайтом. Владелец ресурса может добавлять редакторов и определять их роли: например, некоторым пользователям дано право удалять комментарии, другим — редактировать некоторые страницы, третьим — давать полный доступ к изменению сайта. Стоит, однако, иметь в виду, что в бесплатном аккаунте можно добавлять только администраторов с неограниченными полномочиями.

Сайт, создаваемый в конструкторе Weebly, появляется в Сети только после нажатия на кнопку Publish, поэтому прежде чем представить проект миру, можно коллективно работать над ним в закрытом режиме.

⇡#Yola

Yola — это еще один англоязычный конструктор сайтов, который подойдет для веб-проектов самой разной направленности. Одна из интересных особенностей сервиса — автоматический подбор шаблона на основе темы сайта. Сразу после регистрации предлагается указать название сайта и сообщить сервису, содержимое какого характера на нем планируется размещать. Например, если сообщить, что сайт будет посвящен еде, Yola сразу же выбирает для него вот такой вкусный шаблон.

Как и в других конструкторах сайтов, добавление элементов осуществляется простым перетаскиванием блоков с панели настроек в область страницы. Можно добавлять видео с YouTube, фотографии с Flickr, загружать флеш-ролики и аудиофайлы для проигрывания на веб-страницах, а также любые файлы размером не более 5 Мбайт. При этом для сайта отводится до 1 Гбайт дискового пространства. Также очень просто на сайт Yola добавить социальные кнопки: Google +1, «Комментарии Facebook✴», «Мне нравится», «поделиться в Twitter» и прочие.

Работая с Yola, пользователь имеет возможность не только выбирать шаблон, но и поменять разметку страницы. После того как разметка определена, в тех областях сайта, которые еще не заполнены содержимым, появляются подсказки. Изображения, загружаемые на сервис, можно редактировать онлайн благодаря интеграции Yola с редактором Aviary.

Кроме этого, сервис предлагает интеграцию с фотостоком Fotolia, благодаря чему выбрать, купить, загрузить фотографию и разместить ее на сайте можно, не покидая страницу конструктора. Также стоит обратить внимание на бесплатный клипарт от Yola.

Как и Jimdo, сервис Yola дает возможность создавать на сайте интернет-магазин, однако это платная опция. Кстати сказать, модуль магазина разработан российской компанией Ecwid, расположенной в Ульяновске. Магазин поддерживает интеграцию с популярными платежными системами, социальные функции и мобильную версию.

В рамках бесплатной учетной записи можно создать доменное имя третьего уровня вида mysite.yolasite.com. Использование собственного доменного имени — снова платная опция. К премиум-возможностям сервиса также относятся редактирование CSS, использование дополнительных стилей, удаление рекламного блока Yola в «подвале» сайта.

⇡#Заключение

Современные конструкторы сайтов не имеют ничего общего с теми инструментами, которые лет десять назад предлагались для создания домашних страничек на бесплатных хостингах. Это — полноценные CMS, при помощи которых можно создавать вполне приличные сайты для самых разных целей: и веб-ресурсы организаций, и интернет-магазины, и тематические блоги, и фотогалереи. А платные редакции конструкторов сайтов тоже не стоит обходить стороной, ведь в цену входят не только дополнительные возможности для создания веб-ресурсов, но и не очень дорогой хостинг.