- Главная
- Информатика
- Верстка сайта под ключ
Содержание
- 2. Страница Модель Работы Ссылка на превью страницы: https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw На данном превью на втором экране предусмотрены вкладки
- 3. Страница Главный лендинг Данная страница сверстана частично – часть экранов в сверстанной версии нужно будет заменить
- 4. Страница Главный лендинг продолжение Экран «География Присутствия» представляет собой интерактивную карту – при наведении пользователем на
- 5. Страница Главный лендинг продолжение 2 Экран «Новости» главного лендинга практически готов на сверстанном варианте: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/ Нужно
- 7. Скачать презентацию
Слайд 2
Страница Модель Работы
Ссылка на превью страницы: https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw
На данном превью на втором
Страница Модель Работы
Ссылка на превью страницы: https://drive.google.com/open?id=19n3GMa1cEEq4CTnAMA0oYGcmcK2xBSPw
На данном превью на втором
экране предусмотрены вкладки Ресурсная модель и Проектная модель.
Пользователь должен переключаться между данными вкладками.
На вкладке Ресурсная модель при наведении курсора на элемент со знаком «+» (например, под текстом «Вы отправляете нам заявку на поиск специалиста / команды») должна появляться всплывающая подсказка с текстом, раскрывающим суть данного пункта инфографики (показано на превью)
На вкладке Проектная модель подписи в инфографике статичны – всплывающих окошек с текстом нет (ссылка на превью страницы с активной вкладкой Проектная модель https://drive.google.com/open?id=1BzkBq2nwb_st01Af-D5hUbFEOf2O5kKB )
Раздел с вкладками «Выгоды клиента» и «Выгоды исполнителя» работает по тому же принципу – пользователь может переключаться между двумя вкладками. Информация на них статична.
Пользователь должен переключаться между данными вкладками.
На вкладке Ресурсная модель при наведении курсора на элемент со знаком «+» (например, под текстом «Вы отправляете нам заявку на поиск специалиста / команды») должна появляться всплывающая подсказка с текстом, раскрывающим суть данного пункта инфографики (показано на превью)
На вкладке Проектная модель подписи в инфографике статичны – всплывающих окошек с текстом нет (ссылка на превью страницы с активной вкладкой Проектная модель https://drive.google.com/open?id=1BzkBq2nwb_st01Af-D5hUbFEOf2O5kKB )
Раздел с вкладками «Выгоды клиента» и «Выгоды исполнителя» работает по тому же принципу – пользователь может переключаться между двумя вкладками. Информация на них статична.
Слайд 3
Страница Главный лендинг
Данная страница сверстана частично – часть экранов в сверстанной
Страница Главный лендинг
Данная страница сверстана частично – часть экранов в сверстанной
версии нужно будет заменить на другие.
Ссылка на сверстанную часть: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/
Ссылка на превью как должна выглядеть данная страница: https://drive.google.com/open?id=1WeJSq130HnZsBMLQvlaV2ngoeVUgYI7F
Первый экран представляет собой слайдер. Первый слайд как показано на превью (красные треугольники, изображение компьютера и текст). Следующие слайды будут представлять собой превью новостей – нужна возможность из админки добавлять фото для данных слайдов. Пример того, как будет выглядеть слайд с новостью есть в ТЗ для первого экрана: https://drive.google.com/open?id=1tYXAn8uoS5TMruzZY-XYPThzTVeVGNBy
Экран «Компетенции пользователей» готов в сверстанной части, единственное, что нужно исправить – элементы инфографики и подписи к ним должны быть отцентрованы относительно друг друга ровно по центру, а не в разнобой
Экран «Модель работы» на данном лендинге представляет собой статичную горизонтальную картинку с инфографикой. Для мобильной версии пришлем отдельную картинку в вертикальной ориентации
Ссылка на сверстанную часть: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/
Ссылка на превью как должна выглядеть данная страница: https://drive.google.com/open?id=1WeJSq130HnZsBMLQvlaV2ngoeVUgYI7F
Первый экран представляет собой слайдер. Первый слайд как показано на превью (красные треугольники, изображение компьютера и текст). Следующие слайды будут представлять собой превью новостей – нужна возможность из админки добавлять фото для данных слайдов. Пример того, как будет выглядеть слайд с новостью есть в ТЗ для первого экрана: https://drive.google.com/open?id=1tYXAn8uoS5TMruzZY-XYPThzTVeVGNBy
Экран «Компетенции пользователей» готов в сверстанной части, единственное, что нужно исправить – элементы инфографики и подписи к ним должны быть отцентрованы относительно друг друга ровно по центру, а не в разнобой
Экран «Модель работы» на данном лендинге представляет собой статичную горизонтальную картинку с инфографикой. Для мобильной версии пришлем отдельную картинку в вертикальной ориентации
Слайд 4
Страница Главный лендинг продолжение
Экран «География Присутствия» представляет собой интерактивную карту –
Страница Главный лендинг продолжение
Экран «География Присутствия» представляет собой интерактивную карту –
при наведении пользователем на конкретный Геотег, подсвечивается конкретная область. Это показано на ТЗ для карты: https://drive.google.com/open?id=1Fh3p_scLoiyaV2lcyCM_HCm2qBZAMgG6
Также в разделе «География Присутствия» предусмотрен поиск по городам присутствия.
Функционал поиска:
Должна быть возможность подгрузить через админку документ excel со списком городов. В документе Excel будет для каждого города следующая инфо: к какому федеральному округу относится город, сколько исполнителей в данном городе. Пользователь вводит нужный ему город в поиск. Если данный город есть в списке, появляется баннер с текстом «Данный город есть в списке», если данного города нет в списке, появляется баннер «Данного города пока нет в списке». Это показано на ТЗ для поиска: https://drive.google.com/open?id=1Snyx1HdJBaAGudaX-9WZSazvBZ9lqO41
Также в разделе «География Присутствия» предусмотрен поиск по городам присутствия.
Функционал поиска:
Должна быть возможность подгрузить через админку документ excel со списком городов. В документе Excel будет для каждого города следующая инфо: к какому федеральному округу относится город, сколько исполнителей в данном городе. Пользователь вводит нужный ему город в поиск. Если данный город есть в списке, появляется баннер с текстом «Данный город есть в списке», если данного города нет в списке, появляется баннер «Данного города пока нет в списке». Это показано на ТЗ для поиска: https://drive.google.com/open?id=1Snyx1HdJBaAGudaX-9WZSazvBZ9lqO41
Слайд 5
Страница Главный лендинг продолжение 2
Экран «Новости» главного лендинга практически готов на
Страница Главный лендинг продолжение 2
Экран «Новости» главного лендинга практически готов на
сверстанном варианте: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/ Нужно будет добавить в админке возможность выбирать, какие новости там отображаются, менять их. Ссылки от заголовков размещенных в разделе «Новости» будут идти на страницу конкретной Новости.
Сам вид страницы конкретной Новости готов: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/news.html В админке нужно будет добавить возможность добавлять новые новости, подгружать для них текст и фото, чтобы они выглядели по данному шаблону страницы.
Сам вид страницы конкретной Новости готов: http://sherlockholmes.freedomain.thehost.com.ua/i-resource/news.html В админке нужно будет добавить возможность добавлять новые новости, подгружать для них текст и фото, чтобы они выглядели по данному шаблону страницы.
- Предыдущая
Ученики Академии художеств КенигсбергаСледующая -
Изделия из жидкого теста (7 класс)