Полезные уроки и файлы

Подписаться на эту рубрику по RSS

Разбираемся в создании сайтов на конструкторах на примере A5.ru

Разбираемся в создании сайтов на конструкторах на примере A5.ru

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

Многие сегодня хотят не платить за разработку своего сайта, а быстро собрать на коленке что-то белее или менее приличное. Кому-то нужно, чтобы сайт просто был, другим - чтобы он реально работал. Вот и давайте разберемся, можно ли создать сайт без программирования так, чтобы он не уступал по функционалу разовой разработке на каком-нибудь Wordpress или Joomla.

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

Что я увидел? Ну, во-первых, конструкторов стало куда больше. Рынок сейчас востребован как никогда. Просмотрев несколько популярных ресурсов я выбрал своей жертвой A5.ru. Один из лидеров российского рынка должен быть показательным вариантом, так? Плюс у них домен короткий =)

Давайте посмотрим, как это сегодня - создавать сайт на конструкторе.

Первое впечатление о конструкторе сайтов

На главной A5.ru призывает создать сайт самому без программирования. Для этого, в принципе, и нужны конструкторы. Сразу видно номера телефонов поддержки - так что в случае возникновения каких-то вопросов не обязательно ждать совы с письмом из Хогвартса, но и просто позвонить.

Главная страница конструктора сайтов A5.ru

Шаг первый. Выбор готового шаблона сайта.

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

HTML-шаблоны на A5.ru

Шаблонов много. Создать сайт за час не получится. Я выбирать буду дольше!

Создать сайт на A5.ru

Есть функция предпросмотра, можно оценить, как будет выглядеть сайт “в живую”. И это мы еще не регистрировались. Может, тут будет можно, как говориться: "создать сайт бесплатно и без регистрации??" Видимо, всё-таки нет, пройти эту процедуру придется.

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

Один из шаблонов конструктора сайтов

Хорошо, вот мы зарегистрировались и выбрали шаблон. Что же дальше?

Возможности редактора

Заходим в редактор, попадаем в режим обучения. Тут коротенькое видео и несколько подсказок по интерфейсу. Подсказки вылазят только при первом заходе в редактор, да и в этот первый раз обучение можно пропустить. Это на случай, если вы опытный пользователь и не хотите тратить время на обучалки.

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

Прям как в Ворде

Они сделали кнопку “Назад”, какие молодцы, ну прям молодцы!

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

Навигация по конструктору шаблона

Вроде всё понятно. Но почему перекрестие из стрелочек обозначает “Виджеты”?

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

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

Ты заплатишь за это!

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

Тарифы на A5.ru

  • “Минимальный” позволит увеличить дисковое пространство и отключить рекламу.
  • “Премиум” какой-то странный для “премиума” - еще немного увеличивает дисковое пространство и дает вам в подарок домен, что разумеется, приятно, но зачем делать для этого отдельный тариф?
  • “Бизнес” - вот тут уже всё ясно. Личный менеджер, корпоративная почта, возможность подключения всяких сторонних сервисов. По цене, что характерно, не сильно отличается от “Премиума”

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

Вывод о конструкторах сайтов

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

Как изменить цвет волос в фотошопе

Как изменить цвет волос в фотошопе

Доброго времени суток, Уважаемые друзья!

Наверное, многие из вас, когда-нибудь хотели изменить свой цвет волос, но не решались на такой подвиг. Задавали себе вопросы: А вдруг мне не пойдет? Теперь у вас есть такая возможность, увидеть себя с тем или иным цветом волос.

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

Далее...

Какие статьи могут стать бесконечным источником трафика?

Какие статьи могут стать бесконечным источником трафика?

Задумывались ли вы когда-то о том, что всего одна статья может стать бесконечным источником новых посетителей на сайте?

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

Каждый вид сайта имеет свою стратегию продвижения, свою тематику и свои доходы от рекламы.

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

Далее...

Как покрасить буквы в слове?

Письмо от подписчика:

Серёга, привет. Написал в теме письма, что вопрос по материалам сайта, просто потому, что не нашел другой подходящей категории.

Мой вопрос касается стилей css, ты же мастер grin У меня есть сайт на вордпресс (знаю, ты ими не занимаешься), но мой вопрос по стилям.

Заголовок моего сайта из 12 букв, мне надо чтобы он был трехцветным, то есть первые три буквы - белые (#ffffff), следующие пять букв - синие (#0060ff), и последние четыре - красные (#ff0000).

Как мне все это изобразить, ниже вставил в письмо код заголовка в файле style.css шаблона темы:

.site-title {
 font-family: Georgia, 'ubuntu', sans-serif;
 font-size: 44px;
 font-weight: bold;
 margin: 30px 0 0 16px;
}
.site-title a {
 color: #cc0000;
 text-decoration: none;
}
.site-title a:hover {
 color: #ffd700;
}

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

Раньше у меня была темка шаблона, где одна буква (первая) прописывалась своим цветом:

/*заголовок сайта*/
.logo a{font-size:50px;width:600px;height:40px;line-height:36px;display:block;margin:30px
0 0 165px;padding:0;float:left;color:#ff000;font-family:Century Gothic,Verdana,Monotype
Corsiva,Garamond,Tahoma;font-weight:normal;font-style:normal;text-shadow:3px 3px 3px
#000000;text-decoration:none}
.logo a:first-letter {color:#ff0000;}

Может мой вопрос и лоховский... я не спец... Поможешь, скажу СПАСИБО.

Ответ на вопрос:

Привет Юра. В стилях можно задать отдельные значения как для первого символа так и для первой строки. Но если тебе надо покрасить в разный цвет буквы или слова в предложении. Рекомендую использовать парный тег <span> </span> <SPAN> - это так сказать "пустой" тег строчного типа. То есть оформление у него по умолчанию отсутствует и он идеально подходит для таких вот задач. Вот пример:

Исходный код:

<!-- Красим надпись www.Master-CSS.com -->
<style>
 .blue {color: blue;}
 .red  {color: red;}
 .green{color: green}
</style>
<span class="blue">www.</span>
<span class="red">Master-CSS</span>
<span class="green">.com</span>

В итоге получаем вот такую надпись (шрифт увеличил, что бы было лучше видно):

www.Master-CSS.com

Если остались вопросы - задавайте в комментариях.

Как создавать HTML таблицы - примеры и видео

Как создавать HTML таблицы - примеры и видео

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

Раньше HTML таблицы использовались для вёрстки сайтов. Она так и называлась – табличная вёрстка. Потом на смену ей пришла вёрстка дивами (при помощи тегов div ) которая оказалась намного удобнее и проще. А сейчас наступает эра вёрстки сайтов по технологии flexbox, которая призвана еще больше упростить жизнь web-мастерам.

Однако, несмотря на всё выше сказанное, таблицы в html по-прежнему современны, актуальны и вовсю используются на сайтах. Правда уже не как структура, а как элемент статей сайта.

Создание таблиц в html примеры

Далее...