LaMia территория — lamia24. ru



Pdf көрінісі
бет11/21
Дата07.06.2022
өлшемі4,24 Mb.
#36500
түріРеферат
1   ...   7   8   9   10   11   12   13   14   ...   21
Байланысты:
vkr. berezin ivan


Раздел «О нас». В качестве background установим изображение с 
прозрачностью 70%, для хорошей читабельности текста. В данном разделе 
расположена основная информация о предприятии, предоставленная 
заказчиком (Рисунок 37). 
Рисунок 37 – Раздел «О нас» 


57 
Раздел «Контакты». Данный раздел прилегает к разделу «О нас» и 
имеет тот же background. Напротив, иконок Frontawesome расположена 
соответствующая информация, такая как номера телефонов и адрес. Тексту 
соответствует ссылка на социальную сеть vk.com, сервис отзывов Flamp и 
карты 2Гис. Добавление данной информации происходило с помощью 
HTML кода (Рисунок 38). 
Рисунок 38 – HTML код с текстом раздела «Контакты» 
Раздел «Галерея». В качестве background был выбран фон с кодом цвета 
#ffffff. Далее был выбран шрифт и размер текста оглавления. Изображения 
были предоставлены заказчиком с размером 600х600 пикселей для 


58 
корректного отображения на любых устройствах. В галереи находятся 
изображения работ предприятия (Рисунок 39). 
Рисунок 39 – Раздел «Галерея» 
Раздел «Обратная связь». В качестве background был выбран фон с кодом 
цвета #ffffff. В данном разделе мы используем готовую форму обратной 
связи через электронную почту. Для обращения нужно заполнить 
следующие пункты: 
1. Имя 
2. Ваш электронный адрес 
3. Сообщение 
И нажать кнопку «Отправить сообщение на электронную почту» 
(Рисунок 40). 


59 
Рисунок 40 – Раздел «Обратная связь» 
Как мы видим на рисунке 40, в разделе «Обратная связь» имеется 
подключенный виджет социальной сети Вконтакте для связи с 
администрацией предприятия путем прямого чата. В данном случае был 
использован виджет «Напишите нам» от разработчиков Вконтакте. Для его 
подключения нам нужно перейти в раздел Developers Вконтакте и настроить 
данный виджет. Укажем ссылку на страницу сообщения нужному 
пользователю, текст кнопки, высоту кнопки и на основе этих данных 
получим код javascript для вставки на сайте (Рисунок 41). 


60 
Рисунок 41 – Настройка виджета Вконтакте «Напишите нам» 

Достарыңызбен бөлісу:
1   ...   7   8   9   10   11   12   13   14   ...   21




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет