раздел (Рисунок 33).
Рисунок 33 – Привязка элементов навигации к соответствующему разделу
Следующим разделом для редактирование будет «Home», в качестве
background для версии сайта мы установим видео с YouTube, пропишем ID
видео, состоящее из 11 символов. Установим кнопку включения и
54
выключения звука, по умолчанию видео оставим без звука. Укажем
таймлайны, в нашем случае start на 10 секунде и окончание видео 163
секунда. Видео было выбрано без авторских прав. Поставим галочку на авто
воспроизведении при открытии страницы и добавим повтор (Рисунок 34).
Рисунок 34 – Настройка видео в качестве background
Для мобильных устройств и планшетов ограничимся изображением в
качестве background для экономии трафика.
Следующим шагом будет создание заголовка, подзаголовка в раздел
«Home». Так же добавим кнопку «Онлайн запись», к которой в дальнейшем
55
будет прикреплена ссылка на страницу онлайн записи. Ниже используем
иконки Fontawsome в качестве кнопок для перехода в социальные сети
нашего предприятия, такие как vk.com и Instagram, а также сервис отзывов
Flamp с отзывами о предприятии. Для этого мы найдем «код»
интересующей нас иконки на сайте fontawesome.ru и прикрепим к каждой
иконке соответствующую ссылку (Рисунок 35).
Рисунок 35 – Настройка иконок Fontawesome
Далее редактируем раздел «Услуги». Настроим шрифт и размер
текста, добавим текст «Полный прайс-лист» с ссылкой на прайс-лист,
background данного раздела установим фон с кодом цвета #ffffff. Ниже
расположим слайдер с изображениями услуг, оказываемых предприятием и
подпишем под каждым изображением цену данной услуги (Рисунок 36).
56
Рисунок 36 – Раздел «Услуги»
Достарыңызбен бөлісу: |