> >

A 5 добавление новой статьи. Создание и вывод статей (контента) в Джумле с помощью разделов и категорий, блог на Joomla и кнопка Подробнее

Если вы задумались над тем, чтобы предоставить пользователям возможность добавлять статьи и материалы на сайт Joomla, то, вероятно, уже обнаружили, что такая, казалось бы, простая задача решается не так уж и просто. Изначально, у вас есть, как минимум, два пути. Первый, это использовать стандартный функционал, ведь система управления контентом Joomla имеет множество встроенных полезных функций, включая добавление статей с сайта. И второй, это использовать сторонние модули и компоненты, включая различные CCK. Бегло пробежавшись по возможностям и описаниям, найденным в отзывах на других ресурсах, вероятнее всего, вы захотите использовать сторонние компоненты, так как они явно предоставляют более широкий спектр настроек и возможностей. Однако, детальное изучение с установкой компонентов на тестовых системах показало, что не все так хорошо, как описывается.

Существующие решения для организации добавления пользователями статей и материалов на сайт Joomla

Прежде, чем продолжать, стоит указать те критерии, которые были взяты за основу:

  • Решение должно либо вообще не вносить изменения в стандартные механизмы , либо делать их настолько минимальными, чтобы в последствии на сайт можно было спокойно добавлять другие модули и компоненты.
  • Необходима модерация добавляемых материалов.
  • Необходимо, чтобы пользователь не смог случайным образом как-то испортить текущую структуру сайта или добавить материалы в те категории, которые используются только для организации внутренних задач сайта.
  • Если возникает необходимость вносить правки в код (допиливание), то они должны быть минимальными . Одно дело, когда у вас уже есть поток статей и вы знаете конкретную специфику того, чего вам ждать от пользователей. Соответственно, вы понимаете, что ваши труды будут полезными. Другое дело, когда вы только добавляете функциональность и не известно будет ли поток и если будет, то какой. Ведь, всегда нужно помнить, что если кому-то действительно хочется добавить материал, то для него не будет представлять каких-то сложностей отправка документа Word, или OpenOffice, или даже html на электронную почту.
  • Желательно, чтобы были всякие удобные функции , такие как возможность пользователю посмотреть статусы его статей, организация процесса модерации статей, добавление меток, добавление картинок и прочие.

Критерии достаточно базовые, но даже их хватило для того, чтобы в итоге остановиться на добавлении материалов стандартным образом. Но, обо всем по порядку. Первыми были рассмотрены различные CCK , такие как ContentBuilder и K2 . Основной проблемой стали изменение стандартных механизмов и необходимость внесения достаточно большого объема правок , поэтому от них пришлось отказаться. К примеру, скачав с официального сайта и установив K2, в котором по утверждениям уже должна быть реализована удобная функциональность добавления материалов, оказалось, что весь контент должен использоваться только через K2 (следовательно, практически все модули для Joomla без поддержки K2 становятся бесполезными) и что форму добавления материалов еще необходимо исправлять под свои нужды (к примеру, доступность всех категорий пользователю). Безусловно, вполне возможно, что после определенного времени изучения K2, эту задачу можно было бы решить куда проще, но переносить все что есть, только ради одной функции, и искать аналоги существующим модулям - не рационально.

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

Следующими были рассмотрены модули и компоненты, которые так же представляют собой CCK, но не изменяют стандартную структуру . Это Zoo (как CCK), SobiPro (как каталог) и ChronoConnectivity (о нем отдельные слова). Бесплатная версия Zoo предоставляет готовый модуль для публикации. Однако, после просмотра готовых форм и поиска решения проблем с настройками в безопасности, стало понятно, что, кроме того, что все добавленные статьи будут идти особняком (другими словами, остается много вопросов о том, как соотносить пользовательские стать и категории со статьями и категориями сайта), потребуется вносить достаточно много правок в шаблоны отображения, чтобы добиться организации процесса модерации (принято, отклонено, на модерации и так далее) с возможностью просмотра пользователями статусов своих статей. SobiPro - это достаточно неплохой каталог, но у него оказались те же проблемы, что и у Zoo. Нужно будет вносить правки и задумываться о соотношении контента SobiPro со стандартным контентом. ChronoConnectivity это очень мощный компонент для построения всевозможных форм и синхронизации внутри базы. Если вам нужно полностью заточить весь процесс добавления материалов или чего-то другого под свои потребности, то с ним это легко можно сделать. Однако, в нем нет никаких предустановленных вариантов, поэтому абсолютно все придется настраивать с нуля. А это очень долго.

После изысканий в области CCK, стало понятно, что стоит посмотреть более приземленные решения. И самое очевидное это блоги . Однако, как оказалось, бесплатных блоговых компонентов не так уж много. А те, что встречались, по большому счету оказались аналогичны стандартному механизму. Так что смысла в их использовании особо нет. Тем не менее, попалось на глаза и два достаточно неплохих бесплатных блоговых компонентов это Hekima Blogs и UAM . Однако, с ними стало понятно, что придется вносить ряд правок , чтобы полностью организовать процесс модерации и исправить некоторые ошибки.

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

Настройка добавления пользователями материалов и статей на сайт Joomla стандартными средствами

Итоговая инструкция настройки добавления пользователями статей и материалов на сайт Joomla получилась хоть и большой по количеству пунктов, но на самом деле достаточно простой для организации. Первое, что вам понадобится, это скачать и установить бесплатный редактор JCE с локализацией (ссылка на сайт разработчика ; русский язык там есть; в крайнем случае, вы всегда можете его скачать с других ресурсов). В отличии от стандартного редактора TinyMCE, у него есть настраиваемый и достаточно удобный менеджер картинок. Теперь, можно приступать к настройке.

1. Откройте "Сайт - Общие настройки " и установите редактор по умолчанию "Editor JCE ". Это необходимо сделать для того, чтобы все пользователи вводили статьи именно с этого редактора.

2. Откройте "Менеджер материалов ". Затем нажмите кнопку "Настройки ". Перейдите на вкладку "Права " и для группы Registered установите разрешение на создание материала (пункт "Создать"). Остальные пункты оставьте запрещенными. Эта настройка позволит пользователям добавлять материалы и статьи с сайта, но не публиковать их. Другими словами, после добавления, статьи по умолчанию будут не опубликованными. В общем, простая модерация.

3. Откройте "Менеджер категорий " и создайте категорию "На рассмотрение ". В последующем в эту категорию будут попадать все добавленные статьи (для удобства).

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

5. В скрытом меню, создайте пункт с Alias "add-material " и названием "Добавить статью ". Выберите тип пункта "Создать материал" . Установите уровень доступа "Registered " (в левой части) и категорию по умолчанию "На рассмотрение" (в области основных настроек). Делается это для того, чтобы неавторизованный пользователь при выборе пункта попадал на страницу входа и чтобы все материалы попадали в одну категорию (для последующей сортировки).

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

Теперь, приступаем к настройке редактора JCE

7. Откройте редактор JCE в меню "Компоненты ". Перейдите на вкладку с профилями. Включите профиль "Front End ". Это именно тот профиль, который будет применяться к пользователям, при добавлении статьи с сайта.

8. Откройте профиль "Front End " и выставьте следующие настройки

8.1. В первой вкладке в области "Пользователи " выставьте галочку напротив группы "Registered ", чтобы настройки применялись для зарегистрированных пользователей.

8.2. Перейдите на вкладку "Особенности и Макет ". Выставьте пункт "Переключатель редактора" в Нет , чтобы исключить возможность отправить голый html.

8.3. Создайте на сайте в каталоге "images " директорию "reviews ". В этой директории будут храниться картинки пользовательских статей на время модерации.

8.4. Вернитесь в админку и перейдите на вкладку "Параметры редактора ". Затем в левой части выберите вкладку "Файловая система " и укажите в пункте "Путь к каталогу файлов " путь "images/reviews "

8.5. В той же вкладке, отключите пункт "Древо папок "

8.6. В той же вкладке, укажите максимальный размер изображений, например, 100.

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

8.8. Сохраняем настройки.

8.9. Переходим на вкладку "Параметры плагина " и в левой части экрана выбираем вкладку "Менеджер изображений ". Затем устанавливаем ограничение размера файла, например, 100 (как и до этого).

8.10. Отключаем пункты "Удалить папку", "Удалить файл", "Переименовать файл", "Вырезать, копировать" (для каталога и файла), "Переименовать папку".

8.11. Указываем путь к каталогу файлов изображений "images/reviews "

8.12. Сохраняем настройки.

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

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

8.15. Сохраняем и закрываем редактор.

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

10. Первым делом открываем "Расширения - Менеджер плагинов " и выставляем группу "Special " для всех кнопок (Изображение, Разрыв страницы, Материал и так далее), кроме кнопки "Подробнее ". Это позволит скрыть кнопки для обычных пользователей, но оставит их открытыми для тех пользователей, которые имеют доступ к админке.

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

11.1. Откройте путь "%корень сайта%/components/com_content/views/form/tmpl " и скопируйте файл "edit.php " в ваш шаблон по пути "%ваш шаблон%/html/content/form/ ".

11.2. Откройте файл "edit.php" в любом текстовом редакторе и добавьте нужный вам вступительный текст, как показано ниже (текст идет после 44-й строчки или ищите "

Добавить статью

Прежде всего помните, что статья - это полезный, вежливый, осмысленный и корректно оформленный текст (подробнее читайте правила раздел статей).
Добавление материала означает, что вы соглашаетесь с правилами данного ресурса.
item->id); ?>" method="post" name="adminForm" id="adminForm" class="form-validate">

11.3. Теперь, чтобы скрыть блоки, необходимо для всех тэгов fieldset , кроме первого, добавить скрытие отображения через стиль, например так:

Примечание : Безусловно, вы можете использовать и другие способы скрытия, как например стили с ":first-child ", но такой способ может не подойти для старых браузеров. Или же вы можете добавить поле class для нужных fieldset и скрыть его через стили добавленного класса. Тут кому как удобнее.

11.4. Сохраните файл.

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

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

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

A5.ru - один из старожилов российского рынка (работает с 2011 года) и имеет одну из широчайших в СНГ аудиторий - на момент публикации статьи количество пользователей приближается к 2 000 000 человек.

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

Программировать не нужно вообще. Огромная библиотека готовых шаблонов сайтов, свободный визуальный редактор, полный drag & drop. И не надо никакого фотошопа, хотя возможность редактирования фотографий в конструкторе есть.

О площадке

Первая версия конструктора A5.ru появилась еще в 2011 году, там можно было создать свой flash-сайт. Сам же редактор был, по сути, скопирован с одного из западных аналогов. Команда состояла из двух человек, на тот момент являющихся резидентами бизнес-инкубатора ГУ ВШЭ.

К началу 2017 года от того редактора не осталось и следа. A5 выросли в огромную платформу с миллионной аудиторией и не ограничиваются теперь одним только онлайн конструктором сайтов. Перечислять список их сервисов я не буду, лучше вернемся к нашим баранам.

Работа с готовыми шаблонами

Работа в редакторе

Интерфейс самого редактора A5.ru состоит из 4 кнопок, и это всё, что вам нужно. Почти шутка. На самом деле все инструменты редактирования действительно раскиданы по 4-м категориям:

Страницы сайта

Тут у нас список существующих страниц и кнопка добавления новых. Всё.

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

Настройки

Тут настройки конкретной страницы. Меняется название, url, ширина и фон. В отдельной вкладке SEO-настройки для поисковых систем. Говорить особо нечего, всё и так понятно.

Виджеты

Вот, тут уже интереснее. Здесь у нас расположился набор тех элементов, которые доступны для размещения на сайте. Доступна также вставка сторонних виджетов с помощью HTML-кода, правда, это можно делать только на платных тарифах. Но о них позже.

Файлы

Во вкладке «Файлы» расположился файловый менеджер. Здесь можно загружать свои фотографии, документы и прочее. Еще тут находим кучу загруженных клипартов, которые нам любезно предоставляет сервис A5.ru.

Верхнее меню

В верхнем меню тоже есть несколько элементов управления:

  • Список недавно редактированных страниц
  • Кнопки отмены действия «вперед-назад»
  • Зачем-то кнопки копировать-вставить (неужели пользователи про ctrl+c и ctrl+v не знают?)
  • Кнопка сохранения проекта - тоже лишняя, изменения сохраняются в режиме реального времени раз в 2-3 минуты. Для самоуспокоения пользователя, наверное, сделали.
  • Просмотр получившегося сайта до публикации
  • Кнопка публикации

Тарифы и цены

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

Исключение составляют интернет-магазины, там доступен триал в 14 дней, по истечении которых всё-таки придется заплатить, чтобы дальше пользоваться редактором.

Давайте ближе к цифрам

Тарифы делятся на «Стандартные» и «Магазины», и разница в цене существенная. Тут 3 стандартных тарифа и 2 для интернет-магазинов. Смотрим подробнее.

Стандартные тарифы

Если хотите просто убрать рекламный баннер со своего сайта, то выбирайте тариф «Минимальный», он обойдется вам в 290 рублей за месяц пользования. Это если оплачивать на 3 месяца (минимальный возможный период оплаты). Если закинуть денег сразу на 2 года, то тариф обойдется вам в 162 рубля за месяц.

При покупке «Бизнеса» или «Премиум» вам дают домен второго уровня в подарок. Ценность второго тарифа, кстати, весьма сомнительна, и при повышенной стоимости относительно минимального, особых преимуществ он не даёт.

Для серьезной проработки ресурса стоит покупать «Бизнес», соотношение цена-качество у которого наиболее привлекательно.

  • домен в подарок в нескольких зонах на выбор (.ru/.com/.рф/.рус)
  • 10 гб дискового пространства
  • персональная настройка корпоративной почты
  • личный менеджер, отвечающий на ваши вопросы быстрее и подробнее, чем стандартная техподдержка.

Интернет-магазины на конструкторе

Интернет-магазины создаются на А5 точно так же, как и на большинстве других конструкторов. Для этого они используют стороннюю разработку Ecwid, которая представлена почти на всех сайтбилдерах этого класса.

Магазины стоят денег. Тут придется реально раскошелиться. Подразумевается, что если у вы хотите открыть интернет-магазин, то у вас есть деньги на его развитие (странно, если иначе).

Для хитрых: Купить обычный тариф и заплатить за использование виджета магазина напрямую в Ecwid - можно, но дешевле точно не выйдет.

Итак, к цифрам

Доступно два тарифа: «Старт» и «Профи». Основная разница - ограничение по количеству товаров. В первом случае потолок - 100 товаров, во втором 2500.

Если хотите больше, то это возможно, но нужно лично договариваться с менеджерами. Цена также будет индивидуальна.

«Старт» по умолчанию стоит 990 рублей за месяц. Год пользования обойдется вам по цене 10 месяцев. Компания настроена на долгосрочное сотрудничество и всячески показывает это пользователям.

Резюмируя:

Для некоммерческих ресурсов выгоднее всего подключить минимальный тариф, чтобы убрать рекламу сервиса. Если вы планируете монетизировать свой сайт, то тариф «Бизнес» - ваш выбор. Так или иначе, построить digital-бизнес бесплатно, без регистрации и sms у вас не получится.

Поисковая оптимизация сайта SEO и продвижение

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

robots.txt и sitemap.xml генерируются автоматически. Редактирование файла роботс доступно только на тарифе «Бизнес» и магазинах. Тем не менее, запрещать страницы к индексации можно просто из интерфейса редактора, лезть в код вам не надо.

Для каждой страницы доступны настройки мета-тегов title, keywords и description.

В настройках мастер-страницы также настраивается favicon.

Дополнительные услуги

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

Среди дополнительных услуг:

  • Создание вебсайта на конструкторе, CMS или даже самописного ресурса
  • SEO оптимизация под поисковые запросы
  • Услуги копирайтера
  • Выстраивание E-mail маркетинга
  • Настройка контекстной рекламы Яндекс.Директ и Google Adwords
  • SMM - настройка таргета в соцсетях и ведение групп
  • Формирование маркетинговой воронки «под ключ»
  • Консультации с маркетологом
  • Отрисовка анимированных рекламных роликов (animated ads)

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

Делаем выводы

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

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

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

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

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

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

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

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

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

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

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

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

Регистрация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

Преимущества:

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

2. Вы имеете право создать свой собственный шаблон! Не все конструкторы сайтов предоставляют такую возможность. Многие не хотят её давать, но только не A5. Делая свой собственный шаблон, вы получаете полностью уникальный сайт на выходе!

3. На сайте A5 действует очень отзывчивая поддержка. Если у вас возникла какая-то проблема — просто обратитесь в неё и вы получите ответ!

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

5. Хорошее соотношение цены и качества. Доступные тарифы, а также множество функций убедят вас в этом!

Недостатки:

  1. Не запоминающийся домен третьего уровня. Всё стандартно, в бесплатной версии у вас будет домен, который реально не запомнить. Что-то вроде 1772479.mya5.ru , это не очень удобно, скажем так. От такого домена можно избавиться, заплатив деньги.
  2. Мешает реклама, в правом углу, но опять же её можно убрать за определённые деньги.

Разбираемся внутри конструктора A5

Прежде всего, перейдём на сайт http://www.a5.ru/ . В правом верхнем углу нажмите кнопку «Регистрация» . В открывшемся окне нужно будет ввести свой реальный почтовый адрес. И ещё нужно будет придумать пароль. Вы также можете ввести свой номер телефона, но это не обязательно.

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

В готовом шаблоне вы можете делать всё что угодно. Для начала, попробуйте изменить текст. Кликните по нужному слову и удалите его. Теперь введите свой текст. Здесь же можно изменить шрифт и размер слов, можно изменить положение текста (по левому краю, по центру и т.п). Ещё одна важная особенность — в слово можно вставить ссылку или файл.

С текстами разобрались. Идём дальше. Что вы ещё можете делать? Конечно же добавлять, удалять или изменять страницы. Можно перейти на вторую, третью, четвёртую страницы. В них также можно добавлять свой текст, изменять изображения и так далее. В настройках можно сделать любую страницу главной. Ещё можно изменить цвет, фон и размер выбранной страницы. Всё это сделать очень просто.

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

Про цены

Бесплатная версия конструктора A5 крайне не удобна. Поэтому мы можем выбрать любой платный тариф по выбору. Лучший выбор — это тариф «Бизнес» , стоимость которого — всего 133 рубля в месяц . Вы получаете 10000 мегабайт дискового пространства, свой собственный домен ru или com, количество страниц неограниченно. Вы также получаете возможность использования сторонних сайтов и личного менеджера для быстрой помощи.

Компьютер 
Самое интересное:
Обозначь каждый многоугольник измерь длины сторон каждого
Подключаем YouTube к телевизору
Названия больших чисел Решение составной задачи