Веб-дизайн и оптимизация сайтов (тест с ответами Синергия/МОИ/ МТИ)

***ВАЖНО*** Перед покупкой запустите тест и сверьте подходят ли эти ответы именно Вам***

После покупки Вы получите файл с ответами на вопросы которые указаны ниже:

Оглавление

1. Какие основные бесплатные интернет-сервисы использовались для аналитики в уроке?

*Roistat

*CoMagic

*Яндекс.Метрика и Google Analytics

*SE Ranking

2. Чем характеризуется якорная ссылка?

*это часть гипертекстового документа, которая ссылается на другой элемент (команду, заголовок, текст, изображение, примечание) в самом документе, на другой объект (приложение, каталог, файл), расположенный в компьютерной сети или на локальном диске, либо на элементы объекта

*это ссылки, которые ведут на определенное место страницы, минуя листание всего текста

*меню, которое плавно перемещается по странице и поэтому всегда видны посетителям это

*трехзначный код состояния, обозначающий ответ сервера на запрос пользователя, который обрабатывает браузер для дальнейших действий: загрузить запрашиваемую страницу, отобразить статус «Страница не найдена», перенаправить и тому подобное

3. Какое максимальное количество целей можно добавлять?

*до 200

*до 300

*до 150

*до 500

4. Frame в Figma – это …

*отдельный законченный HTML-документ

*рабочая область, в которую добавляются все элементы и весь дизайн

*отдельный кадр в видеопотоке

*структура, содержащая описание объекта в виде атрибутов и их значений

5. Выберите основные задачи брифа.

*исполнитель получит полное представление о проекте

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

*проектировка графического интерфейса

*исполнитель сможет дать полезные советы и предложить конкретные идеи именно для вашего бизнеса и специфики вашего проекта

*внесение контента на сайт

6. Мудборд - …

*позволяет загружать свои изображения, добавлять цветовые схемы и прочие элементы

*приём в искусстве, предполагающий соединение в одном произведении разнородных элементов

*процесс и результат создания изображений, составленных из частей различных фотографий

*способ отображения дизайн-концепции в текстово-графическом документе

7. Какой аспект НЕ входит в графическую составляющую мудборда?

*образ (изображения, фотографии)

*типографика (шрифты)

*цвет (цветовая гамма сайта)

*геометрия (формы объектов)

*Несочетаемые элементы (хаос стиля и цвета)

*композиция (расположение элементов)

8. Открывать/закрывать панель настроек можно нажатием ...

*сочетанием клавиш SHIFT + Q

*сочетанием клавиш CTRL + Q

*клавиши Q

*клавиши Tab

9.Что такое бриф?

*документ или несколько документов, определяющих цель, структуру, свойства и методы какого-либо проекта

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

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

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

10. Шрифты в дизайн-макете подбираются согласно ...

*ширине страницы

*стилю и настроению проекта

*их хорошей работе в одних определенных размерах

*целиком написанному прописными буквами

11. В чем состоят общие моменты адаптивной верстки?

*вычисляйте размер шрифта

*используйте при верстке векторные изображения

*не используйте относительные единицы измерения

*улучшайте кликабельность

12. Какой плагин генерирует сетку для платформы Tilda Publishing?

*Unsplash

*Grid for Tilda Publishing

*Blobs

*Iconify

13. С чего начинается SEO-оптимизация сайта?

*с формирования широкой структуры сайта

*с внешней оптимизации сайта

*со сбора ключевых слов, которые располагаются на страницах сайта

*с формирования задания на внутреннюю оптимизацию

14. При работе с данным дизайн-макетом кнопки были представлены ...

*в виде GIF

*в виде активной кнопки

*в виде изображения

*в виде гиперссылки

15. Как правильно сделать страницу ошибки 404 на Тильде?

*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ Еще ➜ 404 страница ➜ выберите из списка страницу, которую вы создали ➜ сохраните

*создайте новую страницу сайта на Тильде ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ выберите из списка страницу, которую вы создали ➜ сохраните

*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ перейдите в НАСТРОЙКИ САЙТА ➜ 404 страница ➜ выберите из списка страницу, которую вы создали

*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ 404 страница

16. С чего начинается перенос сайта на Тильду?

*с включения модульной сетки

*с переноса цветов

*с подгрузки шрифта

*с выгрузки логотипа

17. Какие элементы можно добавить в Zero Block?

*текст, картинка, шейп-файл, видео, тултип, кнопка, код, форма, галлерея

*картинка, видео, кнопка, форма, галлерея

*текст, картинка, видео, кнопка, форма, галлерея

*текст, картинка, видео, кнопка, код, форма, галерея

18. Выберите НЕ верное утверждение.

*мудборд помогает заложить основу будущего проекта

*мудборд сокращает работу по времени

*мудборд вовлекает заказчика в проект уже на стадии обсуждения

*мудборд сформировывает общее представление финального проекта у команды

*мудборд облегчает коммуникацию между заказчиком и исполнителем

19. Как избежать появления дублей при создании проекта на Тильде и последующей его публикации?

*разрешить поисковикам переходить по ссылкам на данной странице

*запретить поисковикам переходить по ссылкам на данной странице

*разрешить поисковикам индексировать эту страницу

*запретить поисковикам индексировать эту страницу

20. С помощью чего можно отслеживать аналитику сайта?

*с помощью zero block'ов

*с помощью SEO-оптимизации сайта

*с помощью сервисов Тильды

*с помощью систем аналитики для интернет-сайтов и мобильных приложений, которые собирают данные о поведении пользователей и предоставляют их в виде удобно читаемых отчетов

21. При выстраивании адаптации для основных типов экранов и переключении между ними, как понять, что настройки поменялись?

*не имеет значения какие настройки меняются, цвет шрифта всегда будет черным

*те настройки, которые были изменены для данного типа экрана, будут ярко выделены черным; те, которые наследуются с предыдущего, будут бледно-серыми

*не имеет значения какие настройки меняются, цвет шрифта всегда будет бледно-серым

*те настройки, которые были изменены для данного типа экрана, будут бледно-серыми; те, которые наследуются с предыдущего, будут ярко выделены черным

22. При работе с данным дизайн-макетом для выравнивания элементов мы использовали ...

*произвольное расположение элементов

*модульную сетку

*расположение элементов по желанию заказчика

*пресеты

23. В каком формате мы можем экспортировать страницу на платном тарифе в Тильде?

*pdf и код страницы

*img, gif и код страницы

*zip и код страницы

*bmp и код страницы

24. В режиме предпросмотра есть возможность ...

*просмотреть шаблон страницы

*переключения устройств

*изменить заголовок страницы

*загрузить картинку-бейдж

25. Где можно задать цвет фона?

*в настройках элемента

*в настройках элемента формы

*в настройках анимации

*в настройках артборда

26. Чего НЕ должно быть в мудборде?

*логотипы компании заказчика или продвигаемого продукт

*часто используемые изображения

*слоганы или заголовки

*текстуры материалов

27. В данном уроке адаптивная верстка использовалась для ...

*для настольного компьютера, вертикального и горизонтального экрана планшета, вертикального и горизонтального экрана мобильного устройства

*для настольного компьютера, вертикального и горизонтального экрана планшета

*для настольного компьютера, вертикального и горизонтального экрана мобильного устройства

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

28. Выберите верное утверждение.

*в брифе предоставлена личная информация о клиенте

*в брифе фиксируются руководящие принципы разработки сайта: сведения о ресурсе и заказчиках, цели, требования и технические указания

*бриф не всегда актуален и нужен исполнителю

*бриф составляет исполнитель и отражает в нем технические подробности проекта

29. Какой плагин потребуется для подбора ключевых слов?

*Window Resizer

*Yandex Wordstat Assistant и WordStater

*Muzli

*ColorZilla

30. Добавить стандартное меню при клике.

*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок

*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ вставляем ссылку на меню в необходимый блок

*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через #

*ВСЕ БЛОКИ ➜ МЕНЮ ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок

31. Какими клавишами можно увеличивать масштаб Zero Block?

*+/-

*TAB +/-

*SHIFT +/-

*CTRI +/-

32. При загрузке в фрейм картинка …

*нельзя загружать картинку в фрейм

*загружается на всю ширину экрана

*загружается в своем исходном размере

*принимает размер фрейма, в который она загружается

33. Какого блока в Тильде НЕ существует?

*абзац

*изображения

*колонки

*галерея

34. Что происходит с Zero Block в ситуации отключения компьютера, интернета или нечаянном нажатии на закрытие окна?

*не имеет функции автосохранения

*использует функцию автосохранения

*использует функцию автосохранения в течение 2 часов

*использует функцию автосохранения в течение 1 часа

35. Какое предназначение имеет инструмент Pen (перо) в Figma?

*предназначен для рисования изогнутых линий

*предоставляет возможность добавлять картинку этим инструментом

*можно добавить на рабочую область описание, например, карточки товара

*устанавливается, если необходимо отправить комментарии к работе

36. Чем характеризуется адаптивная верстка?

*комплекс мероприятий по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей

*это внутренние процессы в системе, которые обеспечивают сохранение её внешних функций по отношению к среде

*это профессиональный редактор, который позволяет реализовать любую идею, создавая блоки с собственным дизайном

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

37. Выберите два верных способа как создать Zero Block.

*нажать на ZERO ➜ добавить стандартный блок ➜ настройки ➜ конвертировать в ZERO

*нажать на ZERO ➜ конвертировать в ZERO

*нажать на ZERO

*нажать на ВСЕ БЛОКИ ➜ добавить стандартный блок ➜ настройки ➜ конвертировать в ZERO

38. При удалении блока в процессе разработки сайта на Тильде можно ли восстановить его?

*можно восстановить в течение 12 часов

*нельзя восстановить

*можно восстановить в течение 24 часов

*можно восстановить в течение всего времени

39. С помощью какой клавиши можно включить и отключить модульную сетку в Zero Block?

*клавиша G

*SHIFT

*CTRL + SHIFT

*клавиша F

40. Какое максимальное количество создание сайтов доступно в демо-версии платформы Тильда?

*5

*2

*1

*до 3

41. Какого типа заливки НЕ существует в Figma?

*сплошной цвет (Solid)

*угловой градиент (Angular)

*автоматическая заливка (Auto Layout)

*изображение (Image)

42. Чем характеризуется меню второго уровня?

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

*элемент интерфейса пользователя вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню

*вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню

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

43. Какие виды запросов бывают?

*коммерческие запросы

*Навигационные запросы

*Медийные запросы

*информационные запросы

44. В заголовке 2 уровня шрифт ...

*больше, чем в заголовке 1 уровня

*меньше, чем в заголовке 1 уровня

*един с 1 уровнем

*не имеет правил

45. Выберите верное утверждение.

*правильно подобранные составляющие позволяют управлять эмоциями посетителей сайта, потому что каждый из этих аспектов имеет собственную психологию

*тщательно выбирайте стиль и цвета всех элементов, чтобы показать целостную гармоничную картинку и общий хаос

*старайтесь не брать то, что стопроцентно подходит по теме и не будет понятно как клиенту, так и большинству людей в целом

*использовать как можно больше длинные фразы

46. Что характеризует Zero Block?

*это профессиональный редактор, не зависящий от Тильды, который позволяет реализовать любую идею, создавая блоки с собственным дизайном

*это профессиональный редактор внутри Тильды, который позволяет реализовать любую идею, создавая блоки с собственным дизайном

*это профессиональный редактор документов внутри Тильды, который позволяет реализовать любую идею, создавая документы с собственным дизайном

*это профессиональный редактор фотографий, не зависящий от Тильды, который позволяет реализовать любую идею, создавая коллажи с собственным дизайном

47. Что включал в себя текст для дизайна “подвала” сайта в данном дизайн-макете?

*раздел “о нас”, почта, адрес компании

*телефон, почта, техническая информация и ссылки на соц. сети

*телефон, почта и дублированное меню

*телефон, почта, адрес компании, логотип, дублированное меню; форма, описание и кнопка подписки; техническая информация и ссылки на соц. Сети

48. Figma относится к …

*текстовым редакторам

*телекоммуникационным программам

*графическим редакторам

*вспомогательным программам (утилитам)

49. В Figma можно перевести шрифт в кривые и создать необычный объект вашего дизайна. Как это сделать?

*зажать Alt (Opt) и потянуть за неё

*выделите текстовый слой и выберите панель Object → Use as mask

*выделите текстовый слой и нажмите Create Component (Ctrl+Alt+K)

*выберите текстовый слой, пункт Flatten и дважды кликнете на текст

50. При создания магазина какой функции НЕ существует?

*количество дней хранения товаров в корзине

*минимальное количество товаров в корзине

*изменить цвет иконки корзины

*максимальное количество товаров в корзине

51. Что характерно для стиля минимализм в веб дизайне?

*крупная типографика

*2D графика

*большие белые пространства («воздух»)

*преобладание карточек-фотографий

52. В большинстве случаев на экране располагается только...

*максимум 3 статьи

*только 1 статья

*от 2 до 4 статей

*более 4 статей

53. С какого сервиса не стоит скачивать фотографии, чтобы избежать проблем с авторским правом?

*Shutterstock

*раздел «картинки» в поисковой системе

*Pixabay

*Unsplash

54. Какой сервис позволяет приобретать картинки с фотостоков за скромную цену?

*Shutterstock

*Adobe

*Istock

*Shopdiz

55. Что характеризует термин типографика?

*создание базовой структуры, скелета вашего дизайна; «невидимые» линии, на которых могут быть расположены элементы дизайна для связи их в общую систему

*это свод правил оформления текста и графических элементов сайта, который несет определенный воздействует на эмоции и мотивирует посетителя к совершению целевых действий

*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание; все элементы дизайна воспринимаются целостно и составляют единую картину

*один из инструментов, позволяющих преобразить веб-сайт под требования клиента и, тем самым, создать собственный стиль, просто изменив фон или изображение

56. Модульная сетка - это...

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

*однородная ячеистая система

*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения

57. Как не рекомендуется располагать текст на странице? (выбрать несколько вариантов ответа)

*выравнивать текст по правому краю страницы

*выравнивать текст по левому краю страницы

*располагать текст на всю ширину страницу

*выравнивать текста (более 3 строк) по центру страницы

*выравнивать текста (до 3 строк) по центру страницы

58. Работая в базе Flaticon, можно…

*...изменить цвет иконки .

*..изменить толщину линий иконки

* ...изменить фон иконки

*...отзеркалить и повернуть иконку

 59. Какую роль играет модульная сетка на странице для пользователей?

*cобирает информацию воедино

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

*cлужит для украшения сайта

*обогащает дизайн страницы с помощью ярких акцентов

 60. Заголовки страниц должны быть...

*от 36 пикселей

*от 38 пикселей

*от 34 пикселей

*14-22 пикселей

61. Что НЕ характерно для стиля брутализм в веб дизайне?

*экстремальные цвета и шрифты

*гиперболизированность элементов

* «потертые» элементы и переходы между блоков

*отсутствие симметрии и выравнивания

 62. Композиция в веб-дизайне - это...

*пространство, на котором нанесены узоры, рисунки или геральдические изображения

*визуальное различие между противоположными элементами или областями, созданное для возбуждения визуального интереса

*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание

*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения

63. Чем характеризуется симметричный баланс?

*балансирование элементов вокруг центра композиции; элементы можно размещать вокруг центра по оси

*элементы композиции сбалансированы, но расположены не строго относительно друг друга *баланс элементов, стоящих выше и ниже центральной оси

*создается путем равномерного размещения элементов по обе стороны от горизонтальной или вертикальной центральной оси

64. Метро стиль в веб-дизайне – это...

*...дизайн сайта на основе интерактивных карточек, которые содержат изображения, контент, гиперссылки

* ...дизайн сайта на основе лаконичности, простоты, точности и ясности композиции. Используются простые геометрические формы и нейтральные цвета

*...дизайн сайта на основе 2D графики, иногда с тенями; наличие большого количества шейпов и контента в них

*...дизайн сайта на основе космических элементах

65. Интерлиньяж — это…

*пространство, расстояние между базовыми линиями соседних строк

*размер высоты буквы

*интервал между буквами в зависимости от их формы

*расстояние между буквами в целых строках, предложениях и абзацах

66. В чем преимущества скачивания иконок в векторной графике?

*реалистичность изображения

*обширная библиотека фильтров при работе с изображениями

*четкость при широкоформатной печати

*отсутствие возможности отредактировать часть изображения

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

*Blobmaker

*Gridzzly

*Getwaves

*Remove.bg

68. Контраст в типографике…

*показывает различия между разными типами контента

*повышает читаемость текста

*дает шрифту больше воздуха.

*избавляет от висячих предлогов, слов и строк

*выделяет ключевую мысль в тексте

69. Выберите основные правила использования шрифтовых пар

*не сочетать похожую пару шрифтов

*использовать шрифты, принадлежащие одной группе

*не использовать более 3 шрифтов

*не использовать разную цветность набора

*у каждого шрифта есть характер

*у любого шрифта использовать разные начертания 

70. Какого типа сетки НЕ существует?

*сетка, разделенная на колонки

*цельная сетка

*блочная сетка

*иерархическая сетка

71. Что из перечисленного НЕ относится к типам баланса?

*Горизонтальный баланс

*Разделительный баланс

*Асимметричный баланс

*Вертикальный Баланс

72. С помощью тени можно…

*создать объем белой фигуре

*передавать настроение

*разделять страницу на блоки

*создать фокус на определенном товаре

73. Какие цвета не рекомендуется использовать в веб-дизайне, если того не требует определенный контент?

*темные тона (не черный)

*пастельные тона

*мягкие, скромные тона

*яркие и ядовитые тона

74. Какой должна быть тень?

*четкой, ясной

*размытой, заблюренной

*резкой

*отчетливой, резко очерченной

Список литературы

Тема 1. Основы веб-дизайна

Тема 2. Сервисы для дизайнера обзор основных

Тема 3. Типографика

Тема 4. Сетки в веб дизайне

Тема 5. Композиция

Тема 6. Цвет, тень, градиенты

Тема 7. Редактор figma знакомство с возможностями

Тема 8. Основные функции в Figma

Тема 9. Работа с брифом

Тема 10. Подбор референсов, визуальный анализ, сбор мудборда

Тема 11. Отрисовка макета landing page

Тема 12. Отрисовка макета landing page Итоговая аттестация