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

05.05.2018 13:09:00 Видео размещено
Вступление к курсу

Вступление к курсу по созданию сайта услуг на Битрикс. В данном курсе мы рассмотрим все моменты создания сайта начиная с прорисовки макета с нуля в photoshop, верстки сайта с использованием сетки bootstrap 3, создания сайта на системе управления 1С-Битрикс и размещение его в сети интернет. Внутри данного урока также расположены файлы которые, будут нужны при создании макета сайта: чистый файл для photoshop с сеткой bootstrap, фотографии и шрифты для макета.

05.05.2018 13:18:00 Видео размещено
Часть 1. Рисуем дизайн с нуля. Шапка сайта, меню, блок обратного отсчета

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

05.05.2018 13:25:00 Видео размещено
Часть 2. Рисуем дизайн с нуля. Блок о кулинарии

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

05.05.2018 13:27:00 Видео размещено
Часть 3. Рисуем дизайн с нуля. Блок об услуга и продукции

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

05.05.2018 13:28:00 Видео размещено
Часть 4. Рисуем дизайн с нуля. Блок "Наши преимущества"

В данном видео нарисуем очередной блок на главной странице под названием "Наши преимущества" с фотографией и перечнем преимуществ.

05.05.2018 13:30:00 Видео размещено
Часть 5. Рисуем дизайн с нуля. Блок счетчиков

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

05.05.2018 13:32:00 Видео размещено
Часть 6. Рисуем дизайн с нуля. Блок о нашей команде

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

05.05.2018 13:33:00 Видео размещено
Часть 7. Рисуем дизайн с нуля. Блок об адресе и часах работы

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

05.05.2018 13:36:00 Видео размещено
Часть 8. Рисуем дизайн с нуля. Блок "Новое в нашем блоге"

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

05.05.2018 13:37:00 Видео размещено
Часть 9. Рисуем дизайн с нуля. Рисуем подвал сайта

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

05.05.2018 13:39:00 Видео размещено
Часть 10. Рисуем дизайн с нуля. Рисуем страницу "О нашей кондитерской"

В данном видео мы нарисуем макет страницы сайта "О нашей компании" добавив больше текста и фотогалерею.

05.05.2018 13:41:00 Видео размещено
Часть 11. Рисуем дизайн с нуля. Рисуем страницу продукции

В данном видео мы нарисуем отдельную станицу для каталога продукции.

05.05.2018 13:42:00 Видео размещено
Часть 12. Рисуем дизайн с нуля. Рисуем страницу услуг

В данном видео мы нарисуем макет отдельной страницы "Наши услуги".

05.05.2018 13:43:00 Видео размещено
Часть 13. Рисуем дизайн с нуля. Рисуем страницу блога

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

21.05.2018 10:20:00 Видео размещено
Часть 14. Рисуем дизайн с нуля. Вносим коррективы в дизайн страниц. Хлебные крошик

В данном видео я внесу коррективы в наш дизайн сайта, добавлю "Хлебные крошки" на всех нарисованных страницах.

21.05.2018 10:21:00 Видео размещено
Часть 15. Рисуем дизайн с нуля. Рисуем детальную страницу блога

В данном видео мы нарисуем макет детальной страницы сайта "Блог" добавив больше текста, фотогалерею, а также комментарии.

21.05.2018 10:23:00 Видео размещено
Часть 16. Рисуем дизайн с нуля. Рисуем детальную страницу товара

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

21.05.2018 10:25:00 Видео размещено
Часть 17. Покупка домена и хостинга.

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

21.05.2018 10:31:00 Видео размещено
Часть 18. Подготовка рабочего места

В данном видео мы подготовим рабочее место, установив необходимые программы и gulp.

21.05.2018 10:32:00 Видео размещено
Часть 19. Верстка шаблона. Делаем шапку сайта

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

21.05.2018 10:35:00 Видео размещено
Часть 20. Верстка шаблона. Делаем меню сайта

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

21.05.2018 10:37:00 Видео размещено
Часть 21. Верстка шаблона. Делаем кнопку поиска и Шапку сайта проверяем на адаптивность

В данном видео мы продолжаем верстать шаблон нашего сайта. Сделаем кнопку поиска в шапке и проверим шапку сайта на адаптивность.

21.05.2018 10:40:00 Видео размещено
Часть 22. Верстка шаблона. Делаем блок информации и блок обратного отсчета в шапке

В данном видео мы сверстаем блок информации и блок обратного отсчета (счетчик акций) в шапке сайта.

21.05.2018 10:45:00 Видео размещено
Часть 23. Верстка шаблона. Делаем контейнер для содержимого страниц и хлебные крошик

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

21.05.2018 10:48:00 Видео размещено
Часть 24. Верстка шаблона. Делаем блок "О нашей кондитерской"

В данном видео мы продолжаем верстать шаблон нашего сайта. Сверстаем блок "О нашей кондитерской" сделав его инфоблоком.

21.05.2018 10:49:00 Видео размещено
Часть 25. Верстка шаблона. Делаем блок "Услуги"

В данном видео мы продолжаем верстать шаблон нашего сайта. Сверстаем блок "Услуги" и создадим соответствующий инфоблок.

21.05.2018 10:55:00 Видео размещено
Часть 26. Верстка шаблона. Делаем блок "Продукция"

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

21.05.2018 10:57:00 Видео размещено
Часть 27. Верстка шаблона. Делаем блок "Наши преимущества"

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

21.05.2018 10:59:00 Видео размещено
Часть 28. Верстка шаблона. Делаем блок "Счетчики"

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

21.05.2018 11:00:00 Видео размещено
Часть 29. Верстка шаблона. Делаем блок "Наша команда"

В данном видео мы продолжаем верстать шаблон нашего сайта. Создадим инфоблок "Наша команда" и сверстаем шаблон на основе компонента.

Назад
1
2
Вперед

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

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

Спасибо за обращение!