Как самому создать профессиональный сайт-визитку без знаний html, css и php? ответ: motocms!

Как самому создать профессиональный сайт-визитку без знаний Html, CSS и PHP? Ответ: MotoCMS!

14 Апр, 2014

1. Суть MotoCMS и ее бесплатный тест в течении месяца
2. Как получить любой из 1500 шаблонов для тестирования
3. Отличие Флеш и Html шаблонов в каталоге MotoCMS
4. Админка и возможности MotoCMS по созданию сайтов
5. Подытоживаем

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Не всегда оптимальным решением при создании сайта является написание его с нуля в блокноте.

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

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

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

А с ним ведь придется разбираться и без базовых познаний в Html, CSS и PHP обойтись вряд ли получится.

Вот я и подумал, а почему бы в этом случае не купить нужный шаблон сразу с идущей вместе с ним панелью управления сайтом (ЦМС), которая бы исповедовала принцип Drag&Drop? Тем более, что такое решение уже несколько лет имеет место быть на рынке и называется оно MotoCMS.

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

MotoCMS, благодаря своей админке, где все таскается мышью и работать с которой проще, чем с Вордом, привлекательна не только для конечного потребителя (владельца бизнеса), но и для фрилансера (или веб-студии), ибо в МотоЦМС имеют место быть скидки при покупке от 5 до 50 шаблонов (от 10 до 50 процентов). Следовательно, вы можете ваять своим клиентам шедевры с большей выгодой, да и с поддержкой сайта проблем не возникнет.

Суть MotoCMS и ее бесплатный тест в течении месяца

Лично я сам несколько отошел в последнее время от создания сайтов на заказ, но вот моя супруга по-прежнему продолжает получать заказы от своих знакомых. Делает она сайты на Joomla, однако, несмотря на то, что неплохо понимает Html, с CSS у нее возникают зачастую непреодолимые трудности, к разрешению которых неизменно привлекаюсь я, несмотря на свою занятость «более важными делами».

Когда все повторяется из раза в раз, то возникают мысли о поиске решения, которое бы избавило меня от необходимости все бросать и спешить на помощь «опытному вебмастеру». Вряд ли она сподвигнется на углубленное изучение CSS, но вот с тех пор, как я узнал о MotoCMS, у меня появилась надежда, что ее эта ЦМС заинтересует и она переключится на нее с Joomla.

В этом случае вопросов ко мне уже не будет, как мне кажется, ибо она хорошо освоила Фотошоп и с офисными программами нашла общий язык, поэтому в освоении панели управления MotoCMS проблем возникнуть не должно.

Сама по себе MotoCMS ориентирована на создание сайтов-визиток (хотя у нее и имеются виджеты корзины и другие возможности создания простеньких и очаровательных интернет-магазинов). На конференции TemplateMonster было хорошее выступление представителя MotoCMS, которое называлось «Сайты визитки спасут мир»:

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

Еще раз хочу акцентировать ваше внимание на необычности ситуации с покупкой шаблона. Наверное, все вы привыкли, что шаблон представляет собой расширение, которое устанавливается в размещенный на вашем сайта движок (ЦМС).

В случае же MotoCMS все практически наоборот. Вы покупаете шаблон и вместе с ним идет в комплекте панель управления сайтом (движок) и набор виджетов, имеющихся в данном шаблоне (похоже на пакеты «быстрый старт» при покупке платных шаблонов для Joomla).

При этом сам движок MotoCMS можно будет обновлять бесплатно по мере выхода новых версий прямо из админки, и там же можно будет делать бекапы сайта. Но вот на другом сайте (с другим доменным именем) эту ЦМС и купленный шаблон уже использовать не получится, если вы, кончено же, не договоритесь с техподдержкой, объяснив причину переезда на другой домен.

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

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

В общем все как всегда, а если последняя пара предложений показались вам галиматьей, то непременно ознакомьтесь с мой публикации на тему выбора хостинга, доменного имени и связи ip адреса и доменного имени посредством ДНС серверов (вам понравится).

Как получить любой из 1500 шаблонов для тестирования

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

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

Правда для этого придется указать свой реальный номер телефона, ибо на него придет код подтверждения. На указанный почтовый ящик упадет письмо от MotoCMS — перейдите по ссылке активации шаблона. Ну, а так же там будет иметь место ссылка на панель управления выбранным вам шаблоном (там же будут находиться и данные для авторизации в этой админке — логин и пароль).

Выглядит админка MotoCMS шикарно (в стиле последних версий Фотошопа, как мне показалось).

Имеется три панели инструментов, верхнее меню и, что самое замечательное, все элементы, которые расположены в центральном окне, можно перетаскивать или менять их размеры мышью (тот самый Drag&Drop). Новые элементы можно будет выбирать из левой панели и точно так же мышью помещать на положенное им место (на открытой в панели управления MotoCMS странице вашего будущего сайта).

Если вы вдруг захотите потестировать другой шаблон MotoCMS, то просто кликните по нему в общем каталоге шаблонов и на открывшейся странице воспользуйтесь кнопкой «Протестировать бесплатно»:

В предложенную форму введите те же Емайл и номер телефона, что и раньше, после ввода кода пришедшего в СМС сообщении вы увидите окно с просьбой подтвердить смену шаблона в вашей тестовой панели управления (учтите, что все добавленное вами в панели для предыдущего шаблона при нажатии на кнопку «Да» будет потеряно):

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

Отличие Флеш и Html шаблонов в каталоге MotoCMS

Еще скажу пару слов про шаблоны MotoCMS. Дело в том, что они бывают двух типов — Html и Флеш.

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

Но и Флеш шаблоны имеют свое неоспоримое достоинство — красочная анимация (многие сайты известных брендов сделаны на флеше для создания фееричности).

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

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

Непосредственно в каталоге вы сможете отсортировать шаблоны по типу (Html, флеш или все вместе), а также выбрать нужную вам тематику.

Админка и возможности MotoCMS по созданию сайтов

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

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

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

1. При покупке любого шаблона из их официального магазина или с сайта партнера сама ЦМС идет в комплекте. Т.е. отдельно устанавливать движок не понадобится.
2. Сразу скажу, что кроме редактора обычного сайта имеется возможность перейти к редактированию мобильной версии сайта с помощью соответствующей кнопки на верхней панели инструментов админки. По умолчанию, содержимое шаблона просто переформатируется под меньшую ширину экрана (адаптивный дизайн), но вы вольны вносить нужные вам изменения.

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

3. SEO оптимизация создаваемого сайта

Источник: http://muzaprazdnik.ru/2017/05/18/kak-samomu-sozdat-professional-nyy-sayt-vizitku-bez-znaniy-html-css-i-php-otvet-motocms/

Создание сайта-визитки на MotoCMS

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

На базе шаблонов MotoCMS создаются самые разные сайты, и сделать это довольно просто даже начинающим разработчикам.

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

Русификация шаблона MotoCMS

Основная сложность для русскоязычного пользователя при редактировании собственного сайта заключается в англоязычной панели администрирования. Чтобы избавиться от этого неудобства, достаточно выбрать в меню Настройки панели управления и изменить язык админки на родной (Preferences — Control Panel Preferences).

Теперь панель управления полностью русифицирована и можно приступать к следующему этапу создания сайта-визитки.

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

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

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

Уникальная панель MotoCMS в работе не использует базу данных, при этом общие требования к хостингу незначительные и для html шаблонов следующие:

• PHP версии 5.2 или 5.3;
• Zend Optimizer версии 3.3 (для PHP 5.2) или Zend Guard Loader версии 5.5 (для PHP 5.3).

Для редактирования шаблона до его появления в публичном доступе в настройках панели управления имеется специальный пункт «В процессе разработки». Активация данной опции позволит уведомлять пользователей зашедших на сайт, что его настройка еще не завершена.

Панель управления MotoCMS и ее структура

Основная панель с набором самого необходимого инструментария для создания сайта содержит:

1. Специальная панель (слева), позволяющая добавлять на страницу сайта дополнительный функционал – картинки, тексты, видео, плагины, фигуры, видежты и т.д.
2. Специальная панель (справа), позволяющая редактировать добавленный на сайт функционал – редактирование текста, виджетов, форм.
3. Основное меню для управления основным сайтом и его административной частью.

Изменение шаблона MotoCMS

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

Редактирование меню сайта

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

При необходимости вместо горизонтального меню можно использовать вертикальное.

Смена логотипа

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

Двойной щелчок и текст, который был в базовом представлении изменен на нужный.

Так же просто можно вместо текста загрузить графическую картинку с логотипом компании. Залейте изображение в Медиатеку (Настройки — Медиатека) и просто добавьте его на главную страницу.

Работа над заменой текстов в слайдере

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

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

В правой панели также можно выбрать цвет, варианты отображения кнопок и т.д.

Замена и редактирование текста

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

В правой панели можно выбрать нужный шрифт, его размер, положение и цвет.

Редактор мобильной версии

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

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

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

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

Работа со шрифтами сайта

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

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

Похоже, работа окончена и пора оценивать ее результаты.

Так изначально выглядел сайт на шаблоне MotoCMS:

После описанных выше манипуляций теперь он выглядит вот так:

Готовый сайт-визитка для вашего бизнеса с персональной панелью управления MotoCMS готов. И, кстати, админка позволяет в дальнейшем расширять сайт до полноценного проекта – портала или корпоративного сайта.

Источник: http://www.internet-technologies.ru/articles/sozdanie-sayta-vizitki-na-motocms.html

Как создать сайт визитку самому: CMS или конструктор сайтов?

Чаще всего визитка состоит из 10-15 страниц. Связано это с узкой специализацией данного типа сайта. Обычно на ней размещают витрину образцов продукции, всяческие сертификаты, новости/информацию о компании и отзывы довольных клиентов. Визитка даёт ряд маркетинговых преимуществ:

• Помогает находить новых партнёров/клиентов;
• Экономит средства. Обычная реклама обойдётся дороже;
• Можно оставлять на любых рекламных площадках (и бумажных визитках в т. ч.) адрес вашего сайта для привлечения/информирования целевой аудитории;
• Непрерывная доступность. Офис открыт не круглосуточно, а сайт – да;
• Графика красивее смотрится на экране (логотипы, прайсы, бланки, свидетельства и т. д.), чем в бумажном варианте. Или, тем более, в виде ксерокса;
• Позволяет оперативно править информацию на своих страницах без материальных затрат, в отличие от тех же бумажных буклетов, визиток, объявлений.

Польза от сайтов-визиток несомненно есть. Теперь давайте поговорим о процессе их создания.

Как сделать сайт-визитку самостоятельно?

Если вы никогда не создавали сайтов, то быстро придёте к тому, что у вас есть два варианта: 1) стандартная связка CMS+хостинг либо же 2) онлайновый конструктор сайтов. Чтобы выбрать, нужно понять особенности, которые вас ожидают после принятия решения.

Вот что сулит выбор в пользу CMS:

• В большинстве случаев вы получите мощный инструмент, но придётся повозиться с настройкой;
• Вы сами выбираете платформу и хостинг, на который поставите движок. Лучшие бесплатные cms для сайта визитки – WordPress или Joomla. Можно использовать и Drupal, он мощный, хотя может показаться явно сложным;
• Настраиваете хостинг, покупаете домен, создаёте базу данных, устанавливаете дистрибутив движка;
• Самостоятельно следите за работой движка и безопасностью, администрируете хостинг и панель управления доменного регистратора, периодически делаете бэкапы, чистите кэш и т. д.

Никаких ограничений cms для сайта визитки перед вами не ставит – вы вольны делать, что хотите. Правьте всё и вся. Но последствия могут быть негативными. Подходить к делу нужно аккуратно, со знанием, получение которого отберёт у вас пару месяцев. Придётся изучить HTML/CSS, если ещё не знакомы, – без этого будет сложно работать.

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

Читаете отзывы, выбираете, скачиваете и устанавливаете.

То же самое и с шаблонами. Стандартные есть, но существуют для галочки – они обычно примитивные и заезженные. Нужно купить видный шаблон, стоимость которого колеблется до $100. Сама идея следующая: бесплатные CMS не позволят создать визитку без вложений. Как минимум, хостинг и домен придётся оплачивать.

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

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

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

• Хостинг, бесплатный поддомен и, возможно, подарочный домен второго уровня (вида site.ru) и/или премиум-шаблон;
• Достаточно свободного места на диске;
• Автоматические бэкапы и обслуживание/настройка хостинга без вашего участия;
• Доступ к платным инструментам конкретного конструктора;
• Отсутствие головной боли – просто делайте сайт, не вникая в организационные вопросы.
• Техническая поддержка и помощь.

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

Поэтому будем отталкиваться от реальности. Всё равно придётся за что-то платить. Сколько стоит сайт визитка? Примерно 30$-100$ в год (+/-).

Осталось лишь выбрать, где потратить эту скромную по нашим временам сумму.

Вложившись в сайт на CMS, получите мощное решение, в которое потребуется влить силы и время.

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

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

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

Лучшие конструкторы для создания сайта-визитки

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

uKit

Создать сайт-визитку в uKit

uKit – позиционируется именно как конструктор сайтов для бизнеса.

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

Подходит для создания: сайта-визитки, портфолио, лендинга (одностраничника) или небольшого интернет-магазина. Необходимый бюджет – от 36$/год (учитывая использование промокода «SITE-BUILDERS-25»).

За эту сумму вы получите неограниченный хостинг, большой ассортимент адаптивных и качественных шаблонов, хороший функционал с полезными “фичами”, заточенный именно под создание сайтов для бизнеса, и…хорошее настроение. С uKit приятно и легко работать, это отличный помощник для развития своего дела.

Здесь используется интуитивный редактор типа WYSIWYG: вы смотрите на сайт и в реальном времени редактируете структуру и содержимое блоков. Рецепт создания визитки на uKit прост:

• Продумываете структуру меню, создаёте пункты;
• Унифицируете штатный дизайн под себя – фон, логотип, цвета, шрифты, картинки в слайдерах, графика и т. д.
• Добавляете страницы под каждый пункт меню и наполняете контентом;
• Прикрепляете доменное имя .ru, .com, .рф (купить домен можно через интерфейс конструктора), добавляете фавикон, социальные кнопки, заполняете поля мета-тегов сайта и SEO-настроек под каждую страницу, подключаете аналитику Яндекса и Гугла;
• Дополняете функционал виджетами по необходимости – здесь есть буквально всё, что можно представить в рамках сайта-визитки;
• Публикуете сайт.

Примерно так выглядит процесс создания сайта в uKit:

На всё про всё может уйти 1 день (или несколько часов). Или неделя, если вы ну очень занятой человек (в таком случае проще заказать у специалистов готовый сайт “под ключ” за 3500 руб. и 10 дней). Проблем возникнуть не должно.

Половину работы система сделает за вас в фоновом режиме. Сайт на uKit обойдётся в $36/год плюс затраты на покупку домена (примерно $10/год). Фактически вы можете получить красивый и функциональный коммерческий сайт по стоимости 2-3 походов в клуб.

Вполне адекватно.

Wix

Сделать сайт-визитку в Wix

Wix – популярный на западе конструктор сайтов-визиток. Примечателен применением flash-технологии и красотой, количеством и качеством шаблонов. Админка удобная, приятная и яркая. Строительство сайта похоже на праздник.

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

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

Подход к организации процесса разработки в Wix похож на таковой у uKit – тот же WYSIWYG и drag n drop, хотя визуальный редактор проще у uKit. Общий рецепт создания визитки, описанный для uKit, во многом подойдёт и для Викс. Сайт на самом дешевом тарифном плане «Combo» обойдётся в $99/год, дороже чем uKit, но домен идёт в подарок.

uCoz

Создать сайт-визитку в uCoz

uCoz – наиболее функциональный конструктор в Рунете. Рассчитан на серьёзную аудиторию. Админка после обновления стала довольно красивой, нисколько не утратив своей логичности и функциональности.

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

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

В остальном, принцип создания визитки тот же:

• Создаёте структуру меню («Дизайн» – «конструктор меню»);
• Добавляете страницы («Редактор страниц»);
• Выбираете шаблон и домен. Оговорка: на тарифе «Оптимальный» (48$/год) вам и то, и другое дадут бесплатно. То есть домен второго уровня по вашему выбору и 1 премиум-шаблон;
• Наполняете контентом и настраиваете элементы соцсетей;
• Работаете с SEO-модулем, добавляете фавикон, логотип, заполняете общие настройки сайта (мета-теги и прочее), подключаете аналитику.

Как видите, вовсе несложно. Времени уйдёт чуть больше, нежели при работе в двух предыдущих системах, но результат оправдает ожидания. uCoz вполне реально использовать бесплатно, не получив никаких функциональных ограничений при создании визитки. Но есть одно «но»: в таком случае будет висеть баннер в правом верхнем углу, что несолидно для репутации компании, продвигаемой на сайте.

Стоимость платных пакетов в uCoz весьма скромная, особенно если учесть гарантированное получение 50%-скидки в качестве бонуса системы для новичков. Достаточно заплатить $48/год, и вы получите надёжный хостинг, домен 2 уровня в подарок и некоторые другие приятные вещи.

Выводы

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

Несколько долларов в месяц в пользу будущего процветания – не та сумма, которая способна остановить на пути реализации цели.

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

Надеемся, вопрос «Как создать визитку самому?» теперь для вас закрыт. Мы описали 3 подходящих для этого платформы. Какую выбрать? Зависит от ваших вкусов и навыков. Лучше посмотрите все три. На это уйдёт не более получаса времени.

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

В остальном, выбор по симпатии и возможностям кошелька окажется лучшим.

Источник: https://site-builders.ru/kak-sozdat-sajt-vizitku-samomu

Как с нуля сделать сайт визитку для бизнеса самостоятельно бесплатно: инструкция

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

Выбираем платформу для будущего сайта: конструктор или CMS

Если вы хотите самостоятельно сделать визитку для своего бизнеса, то у вас есть два возможных варианта: хостинг+CMS ИЛИ онлайн конструктор сайтов. Давайте вкратце рассмотрим оба варианта.

Вариант 1. Хостинг и CMS

Что такое хостинг я уже рассказывал в одной из статей. CMS расшифровывается как система управления контентом (например WordPress, Joomla, Битрикс и т.д.). Для тех, кто не знает о чем речь — полезная статья в википедии.

Этот вариант подходит для серьезных и перспективных проектов. Основные преимущества:

1. Дизайн. Для начала можно использовать бесплатный шаблон или платную многофункциональную тему. В дальнейшем можно заказать у специалистов брендирование и уникальный дизайн.
2. Функциональность. К сайту на CMS можно добавить любой функционал без ограничений. Помимо готовых расширений можно заказать уникальные функции у профессионального программиста.
3. Доступ сотрудников. CMS позволяет организовать доступ сотрудников к сайту (дизайнер, контент-менеджер, маркетолог и т.д.)

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

Вот сколько примерно будет стоить простенький сайт, созданный на CMS:

Вариант 2. Конструкторы сайтов

Отлично подходит для:

• запуска простых проектов
• быстрого получения первых клиентов из контекстной рекламы
• тестирования различных бизнес идей и новых ниш

Основные плюсы:

1. Просто и удобно. Конструктор берет на себя все технические проблемы, а вам остается только выбрать подходящий шаблон и добавить на сайт описание своего товара или услуги и контактные данные.
2. Быстро. На создание сайта уйдет буквально 20-30 минут. Вам останется только настроить контекстную рекламу и вы начнете получать первых клиентов.
3. Дешево. У некоторых конструкторов есть бесплатные тарифы, но их функционал значительно урезан. Скорее всего, вам придется со временем перейти на один из платных тарифов, но это не будет стоить больших денег. В среднем цены начинаются от 200 руб. в месяц.

Вариант 3. Заказать создание визитки «под ключ»

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

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

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

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

Что же все-таки выбрать?

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

Лучшие конструкторы для сайта визитки в 2018 году

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

Создание сайта визитки своими руками на примере конструктора Ukit

Давайте посмотрим как выглядит процесс создания сайта визитки на примере конструктора Ukit. Почему я выбрал именно его? Вот несколько основных преимуществ:

• Узкая специализация. Юкит ориентирован именно на создание сайтов-визиток для малого и среднего бизнеса.
• Дизайн. В системе более 300 различных шаблонов оформления различных тематик. Все шаблоны выглядят стильно и современно и адаптированы под мобильные устройства. Кроме того, есть возможность заказать уникальный дизайн для своего сайта.
• Простота. Ukit отличается от других конструкторов простотой интерфейса. Для того, чтобы освоить графический редактор вам понадобиться от силы 10-15 минут.
• Функциональность. Сервис предоставляет все необходимые функции: домен второго уровня, SEO-оптимизация, почта, аналитика, SSL-сертификат.
• Интеграция с AmoCRM. Вы можете связать свой сайт с CRM и получить дополнительные возможности работы с поступающими заявками: сбор заявок в одном месте, обзвон клиентов из панели управления, дополнительные аккаунты для маркетологов, построение воронки продаж и т.д.
• Хорошие отзывы. У Ukit сложилась хорошая репутация в интернете и много положительных отзывов.

Источник: http://www.bestseoblog.ru/kak-sdelat-sajt-vizitku-samomu-besplatno/

Как новичку с нуля создать сайт на PHP

Основная часть <\p>

Важно! Как видно из исходного кода подключаются эти файлы при помощи команды:

require_once .

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

Head

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

Top

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

Название Контактные данные Реклама

Название Контактные данные Реклама<\p>

Левая колонка

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

Меню Ссылки на интересный контент Реклама

Меню Ссылки на интересный контент Реклама<\p>

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

Метки Ссылки на популярные материалы

Метки Ссылки на популярные материалы<\p>

Подвал сайта

Самая нижняя часть на странице называется footer.php. Она, так же, как и шапка, повторяется на всех страницах интернет-проекта. В нем разместите контактную информацию, копирайт, счетчик посещений, иконки соцсетей, ссылки на разделы интернет-проекта. Код может выглядеть так:

Ссылки на категории Коды счетчиков Ваши контакты

Ссылки на категории Коды счетчиков Ваши контакты<\p>

Вот так может выглядеть блог, написанный на php. Это простой вариант, потому что не предусматривает работу c БД, и называется модифицированной версией html-сайта.

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

Остались еще вопросы. Посмотрите эти видеоуроки.

Вывод

Используйте рекомендации, описанные выше, и вы сможете создать самостоятельно профессиональный интернет-проект. Рекомендую вам посетить портал программистов GeekBrains.ru где тоже есть много полезной информации.

Сегодня мы поговорили про создание блога на php с нуля. Многим может показаться что процесс создания динамического сайта очень сложен, но это не совсем так. Главное — желание и целеустремленность. Подписывайтесь на мою группу ВКонтакте, в ней тоже есть что посмотреть.

Источник: http://start-luck.ru/sozdanie-sayta/s-nulya-php.html

Создание сайта с нуля на HTML + CSS. Практика по пройденному материалу

Сохраните файл «index.html».

Подключение «index.html» к «style.css»
Напомню вам, чтобы подключить файл со стилями «style.css» к «index.html» перед тегом ,пропишите вот такой код:

Полный пример:

Сохраните файл «index.html». Вот теперь можем создавать сайт.

Начнем с меню.

Создание меню
Через списки HTML создадим меню и, естественно, сразу пропишем для каждого раздела меню ссылку на другую страницу:

• О нас
• Наши работы
• Прайс
• Контакты

Вот полный пример:

• О нас
• Наши работы
• Прайс
• Контакты

В результате ничего особенного вы не увидите:

Теперь в CSS сделаем меню горизонтальным, уберем маркеры, сделаем отступы.  Для этого в CSS пропишите:

* { margin:0px ; padding:0px; } .menu li { float:left; list-style: none; margin:10px 25px ; }

Теперь выровняем меню посредине

.menu { margin:0 auto; display:table; }

Закрасим меню и добавим тень:

.blok-menu { overflow: hidden; background: #444; box-shadow: 0px 13px 17px -6px #000000; }

Осталось поменять размер и цвет в названиях меню:

.menu li a { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration: none; } .menu li a:hover { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#ccc; border-bottom:1px dotted #ccc; }

Итак, вот весь CSS стиль для меню:

* { margin:0px ; padding:0px; } .menu li { float:left; list-style: none; margin:10px 25px ; } .blok-menu { overflow: hidden; background: #444; box-shadow: 0px 13px 17px -6px #000000; } .menu { margin:0 auto; display:table; } .menu li a { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration: none; } .menu li a:hover { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#ccc; border-bottom:1px dotted #ccc; }

Смотрим на результат:

Вставка логотипа

Для логотипа создайте папку «image». В этой папке будут храниться все изображения сайта-визитки.

Залейте в эту папку «image» ваш логотип, размерами примерно 200 х 200 px.
Дайте название логотипу «logo» и расширении файла «png».
Вот так это будет выглядеть в HTML:

• О нас
• Наши работы
• Прайс
• Контакты

Выровняем лого по центру  и закруглить через CSS:

Источник: http://stepkinblog.ru/css/sozdanie-sajta-s-nulya-na-html-css-praktika-po-projdennomu-materialu.html/

Как сделать сайт-визитку на HTML

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

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

Давайте рассмотрим на примере системы MotoCMS, как можно быстро и бюджетно создать сайт-визитку на HTML.

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

Теперь о главном. Для того чтоб создать сайт, вам потребуется использовать HTML шаблоны, выбор которых настолько велик, что подыскать подходящий дизайн в каталоге не составит большого труда.

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

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

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

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

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

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

Для установки движка и самого шаблона, также необходимо арендовать хостинг, на котором будет размещаться ваш сайт. Когда хостинг есть, можно начинать установку.

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

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

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

Поделиться в социальных сетях:

Источник: http://no-mobile.ru/kak-sdelat-sajt-vizitku-na-html.html

Новый продукт от MotoCMS — HTML шаблоны с админкой. Выиграй один бесплатно

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

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

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

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

Панель управления MotoCMS HTML поставляется заказчикам вместе с шаблоном.

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

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

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

• Использование на сайте виджета «Форма обратной связи» позволит посетителям отправлять сообщения администрации сайта без использования электронного адреса. Форма обратной связи может быть настроена индивидуально в соответствии с потребностями проекта;

• Виджеты для создания фотогалереи помогут стать индивидуальным и неповторимым. В категории доступно 5 разных виджетов, каждый из которых позволит кративно представить посетителям сайта фотографии владельца сайта. Благодаря функциональной Медиатеке демонстрировать неограниченное количество изображений на сайте — просто.

• Инструменты для добавления кнопок, html-блоков, видео Vimeo, PaypPal Button содержатся в категории «Общие». 

Источник: http://www.dejurka.ru/web-design/motocms/

Как владельцу сайта с CMS может помочь знание HTML и CSS?

Автор: Евгений Попов

Развивая свой проект, построенный на основе какой-нибудь CMS (системе управления контентом), невольно начинаешь задумываться, а зачем же тогда вообще изучать HTML и CSS? Ведь CMS позволяет делать все, что нужно для сайта. И весь процесс настройки страниц сайта проходит через удобную административную панель, на которой нужно только галочки ставить, да текст вписывать. Нажимаете пару кнопок, и предложение приняло вид, который Вам нужен.

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

Обычно кнопки редакторов современных CMS-систем мало отличаются от панели кнопок текстового редактора Word. А там все достаточно просто и наглядно. Вот и складывается впечатление, что HTML и CSS совсем не нужен для того, чтобы создать, поддерживать и развивать свой сайт.

Зачем, если и так все просто?

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

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

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

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

Ведь именно эту “сладкую” парочку сначала интерпретируют, а потом и выводят все браузеры на экран пользователям. Поэтому в основе любой CMS все равно лежит этот самый код HTML и CSS.

Да и визуальные эффекты получаются с помощью манипулирования правилами и свойствами CSS и структурой HTML-файлов.

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

Если система редкая и “самопальная”, то скорее всего в это ограничение Вы уткнетесь раньше, если система широкоизвестная и популярная – то позже.

Но в большинстве случаев все равно уткнетесь! Потому как рано или поздно Вам обязательно захочется реализовать какую-нибудь интересную идею, но для неё не будет готового модуля под Ваш CMS.

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

Неважно, чему посвящен Ваш сайт или что он продает…

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

Более того – развитие и совершенствование проекта – это ещё не самый важный довод в данном случае. Ведь гораздо важнее — это поддержка вашего веб-проекта.

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

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

Но скорее всего в такой не совсем стандартной ситуации решать проблему Вам придется как раз средствами HTML или CSS-верстки, а не простым нажатием кнопочек в админке CMS.

Вот как раз именно в таких случаях знание хотя бы даже основ HTML и CSS очень выручает. Самостоятельно разбираясь в коде сайта с помощью отладочных средств, которые обычно имеет практически каждый современный браузер, Вы сможете точно определить проблемное место и самостоятельно решить свою задачу/проблему. Ну или хотя бы уточнить поиск ее решения в интернете.

Вот так вот, знание основ HTML и CSS смогут помочь владельцу сайта, который самостоятельно продвигает свой проект. А вы что подумали?

Понравилась публикация!? Получайте новые прямо в свой почтовый ящик!

Источник: http://sharos.biz/kak-vladelcu-sajta-s-cms-mozhet-pomoch-znanie-html-i-css.html