Достопримечательности

Мы собрали информацию о памятниках архитектуры нашего города в одном месте для Вашего удобства

АудиоГид

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

Свой маршрут

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

Аудио гид по Воскресенску. Видеокурс

Урок 1. Вступление к курсу

22.11.2019

Вступление к курсу по созданию гида для города на Битрикс. В данном курсе мы рассмотрим все моменты создания сайта с использованием сетки bootstrap 4 на системе управления 1С-Битрикс и размещение его в сети интернет. Мы научимся работать с яндекс картой и создавать собственные компоненты для сайта.


Урок 2. Подготовка рабочего места

22.11.2019

В данном видео я покажу какие программы нам потребуются для работы (PhpStrom, Photoshop, NodeJS для препроцессора SCSS) и где их скачать, и как установить на компьютере.


Урок 3. Верстка шапки сайта. Создание меню

22.11.2019

В данном видео я покажу как на основе макета начать создавать сайта. Мы сверстаем шапку с блоками меню и дополнительной информации. Поделюсь своим шаблоном для создания простого двухуровнего меню для Битрикс на bootstrap 4. 

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


Урок 4. Верстаем блок "О районе"

22.11.2019

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "О районе" на главной странице сайта


Урок 5. Верстаем блок "Количество достопримечательностей"

22.11.2019

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Количество достопримечательностей" на главной странице сайта. И с помощью библиотеки js spincrement покажу как включать анимацию набора с 0 до числа в счетчике при прокручивании страницы


Урок 6. Верстаем блок "Ваш мобильный гид"

22.11.2019

В данном видео я покажу как используя bootstrap 4 создать адаптивный блок "Ваш мобильный гид" для главной странице на основе заранее подготовленного изображения


Урок 7. Верстаем подвал сайта

22.11.2019

В данном видео я покажу как используя bootstrap 4 создать адаптивный подвал для сайта


Урок 8. Создаем раздел "Новости". Инфоблок, верстка компонента

22.11.2019

В данном видео я покажу создать раздел "Новости". Мы подготовим инфоблок для новостей с возможностью размещения фотографий в виде фотогалереи внутри новости. Для этого сверстаем стандартный компонент news на основе bootstrap 4, а фотогалерею на основе fancybox3


Урок 9. Создаем раздел "Контакты"

22.11.2019

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


Урок 10. Создаем раздел "Достопримечательности". Инфоблок, верстка компонента

22.11.2019

В данном видео я покажу как создать раздел "Достопримечательности". Мы подготовим 2 инфоблока для него с возможностью размещения фотографий в виде фотогалереи внутри и добавления озвученного материала. Для этого сверстаем стандартный компонент catalog на основе bootstrap 4, а фотогалерею на основе fancybox3. Так же будет использована Яндекс карта для размещения достопримечательностей на карте. Интересным моментом проекта так же будет создание содержания на основе созданных блоков для каждой достопримечательности на основе компонента bootstrap 4 navbar


Урок 11. Верстаем блок "Достопримечательности" на главной странице сайта

22.11.2019

В данном видео я покажу как создать блок "Достопримечательности" на главной странице на основе bootstrap 4. В данном блоке мы будем выводить последние добавленные достопримечательности и ссылку на весь список


Урок 12. Создаем раздел "Туры". Инфоблок, верстка компонента

22.11.2019

В данном видео я покажу как создать раздел "Туры". Мы подготовим инфоблок для него с возможностью выбора достопримечательностей и отображением маршрута на основе Яндекс карты и доступной информации об общественных маршрутах в нашем городе. Для этого сверстаем стандартный компонент news на основе bootstrap 4. 


Урок 13. Создаем личный кабинет. Авторизация, регистрация, восстановление пароля

22.11.2019

В данном видео я покажу как создать раздел "Личный кабинет". Мы подготовим страницы авторизации, регистрации, восстановления пароля и покажу как переназначить стандартные дефолтные шаблоны битрикса по авторизации, регистрации и т.д. на новые на основе bootstrap 4.


Урок 14. Личный кабинет. Создание компонента "Создание маршрута"

22.11.2019

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


Урок 15. Личный кабинет. Создаем страницу "Удаление маршрутов"

22.11.2019

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


Урок 16. Покупка доменного имени и хостинга. Создадим доменную почту

22.11.2019

В данном видео я покажу как купить доменное имя и хостинг. Так же показу как их привязать если используются разные компании для домена и хостинга. А так же как привязать домен к Яндексу и создать на его основе доменную почту


Урок 17. Настройка хостинга, виртуальной машины Битрикс

22.11.2019

В данном видео я покажу как настроить виртуальную машину на хостинге для Битрикс. Мы создадим пул, настроим время, почту, покажу как обновлять виртуальную машину. И переведем все исполнение задач на cron


Урок 18. Перенос проекта в интернет

22.11.2019

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



25 Церкви, храмы
2 Усадьбы
9 Памятников
4 Музея

Ваш мобильный гид по району

Сделайте свой тур по нашему городу и посещайте интересные объекты в удобное для Вас время

Регистрация