Курс "Создание сайта услуг от А до Я"

Курс "Создание сайта услуг от А до Я"
Курс "Создание сайта услуг от А до Я"
05.05.2018 13:09:00 Видео размещено
Вступление к курсу
Вступление к курсу по созданию сайта услуг на Битрикс. В данном курсе мы рассмотрим все моменты создания сайта начиная с прорисовки макета с нуля в photoshop, верстки сайта с использованием сетки bootstrap 3, создания сайта на системе управления 1С-Битрикс и размещение его в сети интернет. Внутри данного урока также расположены файлы которые, будут нужны при создании макета сайта: чистый файл для photoshop с сеткой bootstrap, фотографии и шрифты для макета.
В данном видео я возьму фотографию за основу для цветовой палитры и на основе ее буду рисовать шапку для нашего дизайна с адресной строкой, меню, логотипом и остальными блоками. Такая фотография называется "атмосферной" весь дизайн строится на идее, которая строится вокруг фотографии и ее цветовой схемы.
В данном видео нарисуем блок о нашей компании "О кулинарии", который будет содержать блок с видео и блок с текстовой информацией о кулинарии, а так же добавим кнопку "Подробнее" для перехода на страницу с полным описанием.
В данном виде я нарисую блок об услугах кулинарии и небольшой каталог продукции для ознакомления посетителей.
В данном видео нарисуем очередной блок на главной странице под названием "Наши преимущества" с фотографией и перечнем преимуществ.


В данном видео нарисуем блок на главной странице для счетчиков показателей, таких как количество кондитеров, заказов и так далее.
В данном видео нарисуем на главной странице блок о нашей команде. Для каждого сотрудника предусмотрим фотографию, Имя и должность.
В данном видео нарисуем блок отвечающий за адрес нашей кулинарии на основе яндекс карты и блок "Как мы работаем", содержащий информацию о днях и часах работы, предусмотрев блок для важной информации, например, работы в праздники.
В данном видео нарисуем на главной странице сайт блок отвечающий за вывод последних записей из блога на сайте.
В данном видео нарисуем так называемый подвал сайта, в котором будет доп информация, такая как политика конфиденциальности, оплата и доставка и т.д. А так же добавим копирайт автора дизайна.
В данном видео мы нарисуем макет страницы сайта "О нашей компании" добавив больше текста и фотогалерею.
В данном видео мы нарисуем отдельную станицу для каталога продукции.
В данном видео мы нарисуем макет отдельной страницы "Наши услуги".
В данном виде мы нарисуем отдельную страницу блога со списком записей из него.
В данном видео я внесу коррективы в наш дизайн сайта, добавлю "Хлебные крошки" на всех нарисованных страницах.
В данном видео мы нарисуем макет детальной страницы сайта "Блог" добавив больше текста, фотогалерею, а также комментарии.
В данном видео мы нарисуем макет детальной страницы товара добавив текст, фотогалерею, а вывод свойств.
21.05.2018 10:25:00 Видео размещено
Часть 17. Покупка домена и хостинга.
В данном видео я покажу как купить доменное имя и арендовать VPS для размещения нашего сайта. На VPS мы установим виртуальную машину битрикс, проведем ее настройки.
21.05.2018 10:31:00 Видео размещено
Часть 18. Подготовка рабочего места
В данном видео мы подготовим рабочее место, установив необходимые программы и gulp.
В данном видео мы начинаем верстать сайт. Добавим новый шаблон и настроим его в битрикс. Будет показана верстка шапки сайта (верхней панели адреса и телефона, и поле под логотип)
В данном видео мы воспользуемся моим шаблоном меню, которое по умолчанию содержится в моем чистом шаблоне сайта для битрикс.
В данном видео мы продолжаем верстать шаблон нашего сайта. Сделаем кнопку поиска в шапке и проверим шапку сайта на адаптивность.
В данном видео мы сверстаем блок информации и блок обратного отсчета (счетчик акций) в шапке сайта.
В данном видео мы продолжаем верстать шаблон нашего сайта. Сделаем контейнер для содержимого страниц и разместим хлебные крошки на всех страницах, кроме главной
В данном видео мы продолжаем верстать шаблон нашего сайта. Сверстаем блок "О нашей кондитерской" сделав его инфоблоком.
В данном видео мы продолжаем верстать шаблон нашего сайта. Сверстаем блок "Услуги" и создадим соответствующий инфоблок.
В данном видео мы продолжаем верстать шаблон нашего сайта. Создадим соответствующий инфоблок. Сверстаем несколько компонентов, а именно каталог продукции, его меню и блок баннеров.
В данном видео мы продолжаем верстать шаблон нашего сайта. Создадим инфоблок для перечисления преимуществ и сверстаем блок.
В данном видео мы продолжаем верстать шаблон нашего сайта. Создадим инфоблок отвечающий за счетчики (количество работников и т.д.). Сверстаем данный блок и также внесем изменения в адаптивность блока "Продукция"
В данном видео мы продолжаем верстать шаблон нашего сайта. Создадим инфоблок "Наша команда" и сверстаем шаблон на основе компонента.
Что я предлогаю

Создам для Вас -

  • Уникальный адаптивный дизайн
  • Заключение договора

Ответьте на пару вопрос о Вашем проекте и получите скидку

Заполните форму

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