💯 Web-дизайн и оптимизация сайтов [Тема 1-21] (ответы на тест Синергия / МОИ / МТИ / МосАП, январь 2024)

Web-дизайн и оптимизация сайтов > Итоговый тест

• правильные ответы на все вопросы из теста по данной дисциплине
• вопросы отсортированы в лексикографическом порядке

Web-дизайн и оптимизация сайтов

• Тема 1. Основы веб-дизайна
• Тема 2. Сервисы для дизайнера обзор основных
• Тема 3. Типографика
• Тема 4. Сетки в веб дизайне
• Тема 5. Композиция
• Тема 6. Цвет, тень, градиенты
• Тема 7. Редактор figma знакомство с возможностями
• Тема 8. Основные функции в Figma
• Тема 9. Работа с брифом
• Тема 10. Подбор референсов, визуальный анализ, сбор мудборда
• Тема 11. Отрисовка макета landing page
• Тема 12. Отрисовка макета landing page
• Тема 13. Тильда знакомство с инструментом
• Тема 14. Тильда функционал стандартных блоков
• Тема 15. Тильда функционал уникальных zero block'ов
• Тема 16. Перенос сайта на тильду часть 1
• Тема 17. Перенос сайта на тильду часть 2
• Тема 18. Адаптив под мобильные и планшеты
• Тема 19. Технические настройки (гайд)
• Тема 20. SEO-оптимизация сайта, базовая расширенная
• Тема 21. Подключение аналитики, отслеживание основных метрик поведенческих факторов
• Итоговая аттестация

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• больше, чем в заголовке 1 уровня
• меньше, чем в заголовке 1 уровня
• един с 1 уровнем
• такоей же как и в основном тексте

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• pdf и код страницы
• img, gif и код страницы
• zip и код страницы
• bmp и код страницы

Для чего в брифе дизайн проекта фиксируется информация о целевой аудитории заказчика?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Для чего нужен сервис Tilda?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Для чего предназначен инструмент Pen (перо) в Figma?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Для чего применяется модульная сетка?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• для создания разлиновки на фрейме
• для гармоничного упорядочивания и структурирования контента внутри модулей
• для упрощения внешнего восприятия текстовой информации
• для сохранения файлов в неизменном качестве

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Как превратить объект (например, текст или фигуру) в кривые в Figma?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• зажать Alt (Opt) и потянуть за неё
• выделите текстовый слой и выберите панель Object → Use as mask
• выделите текстовый слой и нажмите Create Component (Ctrl+Alt+K).
• нажмите правой кнопкой мыши на объект, выберите пункт Flatten и дважды кликнете на текст

Какие элементы добавляются на мудорд?

Тип ответа: Множественный выбор • с выбором нескольких правильных ответов из предложенных вариантов

• палитры
• шрифты
• ссылки на сайты
• паттерны
• работы других дизайнеров

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• +/-
• tab +/-
• shift +/-
• ctrl +/-

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• 5
• 2
• 1
• до 3

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Unsplash
• Grid for Tilda Publishing
• Blobs
• Iconify

Какую основную задачу решает SEO-оптимизация?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Назовите главную задачу брифа?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Неверно, что существует тип заливки в Figma…

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• сплошной цвет (Solid)
• угловой градиент (Angular)
• автоматическая заливка (Auto Layout)
• изображение (Image)

Перечислите все сервисы, предназначенные для аналитики сайта:

Тип ответа: Множественный выбор • с выбором нескольких правильных ответов из предложенных вариантов

• Wordstat
• Google Analytics
• Tilida
• Яндекс.Метрика

Перечислите все сервисы, предназначенные для сбора семантического ядра:

Тип ответа: Множественный выбор • с выбором нескольких правильных ответов из предложенных вариантов

• SemRush.
• Яндекс Вордстат
• Yandex Wordstat Assistant
• Figma
• Google Ads
• Яндекс.Директ

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• количество дней хранения товаров в корзине
• минимальное количество товаров в корзине
• изменить цвет иконки корзины
• максимальное количество товаров в корзине

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• можно восстановить в течение 12 часов
• нельзя восстановить
• можно восстановить в течение 24 часов
• можно восстановить в течение всего времени

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• клавиша G
• клавиша Shift
• клавиша Ctrl + клавиша Shift
• клавиша F

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• ширине страницы
• стилю и настроению проекта
• их хорошей работе в одних определенных размерах
• целиком написанному прописными буквами

Что такое адаптивная верстка?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• тип верстки, при которой шрифты адаптируются под размер устройства, с которого открывается сайт
• тип верстки, при которой картинки адаптируются под размер устройства, с которого открывается сайт
• формирование структуры документа на базе HTML-разметки, предусматривающей автоматическое изменение страницы в зависимости от размера экрана пользователя.
• стабильный тип верстки сайта

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Что такое мудборд?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• эскиз будущего проекта, выполненный в черновом варианте
• эскиз будущего проекта, выполненный в черновом варианте приём в искусстве, предполагающий соединение в одном произведении разнородных элементов.
• «доска настроения», в которой через фотографии, цвета и шрифты отражается концепция будущего дизайн проекта

Что такое подвал сайта?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Что такое семантическое ядро?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Что такое якорная ссылка?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Что Такое Zero Block?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• текстовым редакторам
• телекоммуникационным программам
• графическим редакторам
• вспомогательным программам (утилитам)

Frame в Figma – это…

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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