<MyRusakov.ru />

Создание Интернет-магазина на OpenCart 2.0

Создание Интернет-магазина на OpenCart 2.0

Видеокурс "Создание Интернет-магазина на OpenCart 2.0" обучит Вас созданию любых Интернет-магазинов на OpenCart 2. В первом разделе курса разбираются абсолютно все возможности данного движка с примерами.

Во втором разделе создаётся полноценный Интернет-магазин, где Вы уже всё увидите своими глазами.

И, наконец, в третьем разделе курса созданный Интернет-магазин будет размещён в Интернете.

К курсу так же идут бесплатные и очень ценные Бонусы сопоставимые с самим курсом: "Как сэкономить на Яндекс.Директ до 50%", "Дропшиппинг" и "Как раскрутить Интернет-магазин".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

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

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Портфолио верстальщика на конструкторе Mobirise. Часть 2

Портфолио верстальщика на конструкторе Mobirise. Часть 2

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

Посмотрите готовый сайт

Принцип работы на конструкторе Mobirise:

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

"Портфолио верстальщика" - ключевые моменты

На всю работу, включая просмотр обучающего видео на youtube, как работать с Mobirise, у меня ушло 2 часа. Это значит, что я получил полностью рабочий сайт и разместил его в интернете, никогда ранее не работая с данной программой. Прогнозирую, что на следующий сайт, я потрачу уже гораздо меньше времени, чем на первый.

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

Что может конструктор, без правки кода

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

Портфолио верстальщика на конструкторе Mobirise.

Первая секция

Для первой секции я выбрал блок – "Заголовок". Заменил фотографию подходящую тематике, все тексты, цвет наложения на фото и цвет кнопок, а также обе кнопки снабдил иконками и ссылками, ведущими на соответствующие секции.

Портфолио верстальщика на конструкторе Mobirise.

Я доволен результатом, попадая на сайт, человек сразу понимает, что здесь предлагаются услуги верстальщика.

Вторая секция

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

Портфолио верстальщика на конструкторе Mobirise.

Третья секция

В третью секцию я перетащил блок – "Статья", оставил только одну большую кнопку с номером телефона и ссылкой на него, добавил иконку. При нажатии на кнопку в смартфоне, можно сразу позвонить, не набирая номера. Не бойтесь оставлять на сайте свой номер телефона, так вы меньше будете терять потенциальных клиентов. Это по-прежнему самый быстрый способ с вами связаться, некоторые люди нетерпеливы и хотят сразу вступить в контакт.

Портфолио верстальщика на конструкторе Mobirise.

Четвертая секция

Четвертая секция состоит из блока – "Формы ввода", которая подойдет нам, как форма заказа. Правда почта будет обрабатываться, через сервис formoid, чтобы проводить отправку почты через ваш хостинг, потребуется правка кода.

Портфолио верстальщика на конструкторе Mobirise.

Внимание! Правка кода.

В разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной связи, прямо на свой e-mail, минуя сервис formoid. Кстати можно обойтись и без платного дополнения – редактор кода, внося изменения напрямую в файлы, а не через интерфейс конструктора.

Пятая секция

Здесь я вставил самый простой блок – "Нижний колонтитул". Обратите внимание, что я для контраста чередую темные и светлые блоки.

Экспорт на локальный диск и выгрузка на хостинг

После создания сайта, нужно его сохранить на компьютере. Для экспорта перейдите в "Сайты -> Настройки сайта", сделайте экспорт в созданную вами папку и вы увидите: папку assets, index.html и сам проект project.mobirise.

Портфолио верстальщика на конструкторе Mobirise.

В папке assets лежит все содержимое сайта, как видите сайт сделан на Bootstrap.

Портфолио верстальщика на конструкторе Mobirise.

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

Последний шаг

Каким бы прекрасным не получилось "Портфолио верстальщика", но кто его увидит без грамотно проведенной рекламной компании? Об этом вам расскажет и покажет видеокурс "Создание и продвижение лендинга под ключ".

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

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

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.