Главная страница

веб-дизайн. Веб-дизайн и оптимизация сайтов (ОТВЕТЫ). Помощь студентам, готовые работы для Вуза httpsstudwork orginfo147162Помощь студентам, готовые работы для Вуза


Скачать 0.68 Mb.
НазваниеПомощь студентам, готовые работы для Вуза httpsstudwork orginfo147162Помощь студентам, готовые работы для Вуза
Анкорвеб-дизайн
Дата07.12.2022
Размер0.68 Mb.
Формат файлаpdf
Имя файлаВеб-дизайн и оптимизация сайтов (ОТВЕТЫ).pdf
ТипУрок
#833076

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
1. Какие основные бесплатные интернет-сервисы использовались для аналитики в уроке?
*Roistat
*CoMagic
*Яндекс.Метрика и Google Analytics
*SE Ranking
2. Чем характеризуется якорная ссылка?
*это часть гипертекстового документа, которая ссылается на другой элемент (команду, заголовок, текст, изображение, примечание) в самом документе, на другой объект (приложение, каталог, файл), расположенный в компьютерной сети или на локальном диске, либо на элементы объекта
*это ссылки, которые ведут на определенное место страницы, минуя листание всего текста
*меню, которое плавно перемещается по странице и поэтому всегда видны посетителям это
*трехзначный код состояния, обозначающий ответ сервера на запрос пользователя, который обрабатывает браузер для дальнейших действий: загрузить запрашиваемую страницу, отобразить статус «Страница не найдена», перенаправить и тому подобное
3. Какое максимальное количество целей можно добавлять?
*до 200
*до 300
*до 150
*до 500
4. Frame в Figma – это …
*отдельный законченный HTML-документ
*рабочая область, в которую добавляются все элементы и весь дизайн
*отдельный кадр в видеопотоке
*структура, содержащая описание объекта в виде атрибутов и их значений
5. Выберите основные задачи брифа.
*исполнитель получит полное представление о проекте
*исполнитель оценит свои возможности, ресурсы и рентабельность, назовет примерную стоимость и сроки выполнения дизайна
*проектировка графического интерфейса
*исполнитель сможет дать полезные советы и предложить конкретные идеи именно для вашего бизнеса и специфики вашего проекта
*внесение контента на сайт
6. Мудборд - …
*позволяет загружать свои изображения, добавлять цветовые схемы и прочие элементы
*приём в искусстве, предполагающий соединение в одном произведении разнородных элементов
*процесс и результат создания изображений, составленных из частей различных фотографий
*способ отображения дизайн-концепции в текстово-графическом документе
7. Какой аспект НЕ входит в графическую составляющую мудборда?
*образ (изображения, фотографии)

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*типографика (шрифты)
*цвет (цветовая гамма сайта)
*геометрия (формы объектов)
*Несочетаемые элементы (хаос стиля и цвета)
*композиция (расположение элементов)
8. Открывать/закрывать панель настроек можно нажатием ...
*сочетанием клавиш SHIFT + Q
*сочетанием клавиш CTRL + Q
*клавиши Q
*клавиши Tab
9.Что такое бриф?
*документ или несколько документов, определяющих цель, структуру, свойства и методы какого- либо проекта
*процесс, позволяющий разделить все визуальные данные, расположить их в правильном порядке, а также создать готовые шаблоны для последующего расширения сайта в случае необходимости
*внутренний документ, который заполняет заказчик для будущего подрядчика. В нем отражено то, как вы видите этот проект: зачем вам нужен дизайн, какие проблемы он решит, каких целей вы хотите добиться от пользователей сайта, какие примеры у конкурентов вам нравятся и т. д.
*обеспечения сайта инструментами, которые позволят взаимодействовать с ним пользователю или посетителю
10. Шрифты в дизайн-макете подбираются согласно ...
*ширине страницы
*стилю и настроению проекта
*их хорошей работе в одних определенных размерах
*целиком написанному прописными буквами
11. В чем состоят общие моменты адаптивной верстки?
*вычисляйте размер шрифта
*используйте при верстке векторные изображения
*не используйте относительные единицы измерения
*улучшайте кликабельность
12. Какой плагин генерирует сетку для платформы Tilda Publishing?
*Unsplash
*Grid for Tilda Publishing
*Blobs
*Iconify
13. С чего начинается SEO-оптимизация сайта?
*с формирования широкой структуры сайта
*с внешней оптимизации сайта
*со сбора ключевых слов, которые располагаются на страницах сайта

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*с формирования задания на внутреннюю оптимизацию
14. При работе с данным дизайн-макетом кнопки были представлены ...
*в виде GIF
*в виде активной кнопки
*в виде изображения
*в виде гиперссылки
15. Как правильно сделать страницу ошибки 404 на Тильде?
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ Еще ➜ 404 страница ➜ выберите из списка страницу, которую вы создали ➜ сохраните
*создайте новую страницу сайта на Тильде ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА
➜ выберите из списка страницу, которую вы создали ➜ сохраните
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ перейдите в НАСТРОЙКИ
САЙТА ➜ 404 страница ➜ выберите из списка страницу, которую вы создали
*создайте новую страницу сайта на Тильде ➜ сделайте оформление ➜ опубликуйте ➜ перейдите в НАСТРОЙКИ САЙТА ➜ 404 страница
16. С чего начинается перенос сайта на Тильду?
*с включения модульной сетки
*с переноса цветов
*с подгрузки шрифта
*с выгрузки логотипа
17. Какие элементы можно добавить в Zero Block?
*текст, картинка, шейп-файл, видео, тултип, кнопка, код, форма, галлерея
*картинка, видео, кнопка, форма, галлерея
*текст, картинка, видео, кнопка, форма, галлерея
*текст, картинка, видео, кнопка, код, форма, галерея
18. Выберите НЕ верное утверждение.
*мудборд помогает заложить основу будущего проекта
*мудборд сокращает работу по времени
*мудборд вовлекает заказчика в проект уже на стадии обсуждения
*мудборд сформировывает общее представление финального проекта у команды
*мудборд облегчает коммуникацию между заказчиком и исполнителем
19. Как избежать появления дублей при создании проекта на Тильде и последующей его
публикации?
*разрешить поисковикам переходить по ссылкам на данной странице
*запретить поисковикам переходить по ссылкам на данной странице
*разрешить поисковикам индексировать эту страницу
*запретить поисковикам индексировать эту страницу

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
20. С помощью чего можно отслеживать аналитику сайта?
*с помощью zero block'ов
*с помощью SEO-оптимизации сайта
*с помощью сервисов Тильды
*с помощью систем аналитики для интернет-сайтов и мобильных приложений, которые собирают данные о поведении пользователей и предоставляют их в виде удобно читаемых отчетов
21. При выстраивании адаптации для основных типов экранов и переключении между ними,
как понять, что настройки поменялись?
*не имеет значения какие настройки меняются, цвет шрифта всегда будет черным
*те настройки, которые были изменены для данного типа экрана, будут ярко выделены черным; те, которые наследуются с предыдущего, будут бледно-серыми
*не имеет значения какие настройки меняются, цвет шрифта всегда будет бледно-серым
*те настройки, которые были изменены для данного типа экрана, будут бледно-серыми; те, которые наследуются с предыдущего, будут ярко выделены черным
22. При работе с данным дизайн-макетом для выравнивания элементов мы использовали ...
*произвольное расположение элементов
*модульную сетку
*расположение элементов по желанию заказчика
*пресеты
23. В каком формате мы можем экспортировать страницу на платном тарифе в Тильде?
*pdf и код страницы
*img, gif и код страницы
*zip и код страницы
*bmp и код страницы
24. В режиме предпросмотра есть возможность ...
*просмотреть шаблон страницы
*переключения устройств
*изменить заголовок страницы
*загрузить картинку-бейдж
25. Где можно задать цвет фона?
*в настройках элемента
*в настройках элемента формы
*в настройках анимации
*в настройках артборда
26. Чего НЕ должно быть в мудборде?
*логотипы компании заказчика или продвигаемого продукт
*часто используемые изображения
*слоганы или заголовки

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*текстуры материалов
27. В данном уроке адаптивная верстка использовалась для ...
*для настольного компьютера, вертикального и горизонтального экрана планшета, вертикального и горизонтального экрана мобильного устройства
*для настольного компьютера, вертикального и горизонтального экрана планшета
*для настольного компьютера, вертикального и горизонтального экрана мобильного устройства
*для настольного компьютера, вертикального экрана планшета, вертикального экрана мобильного устройства
28. Выберите верное утверждение.
*в брифе предоставлена личная информация о клиенте
*в брифе фиксируются руководящие принципы разработки сайта: сведения о ресурсе и заказчиках, цели, требования и технические указания
*бриф не всегда актуален и нужен исполнителю
*бриф составляет исполнитель и отражает в нем технические подробности проекта
29. Какой плагин потребуется для подбора ключевых слов?
*Window Resizer
*Yandex Wordstat Assistant и WordStater
*Muzli
*ColorZilla
30. Добавить стандартное меню при клике.
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ вставляем ссылку на меню в необходимый блок
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ выбираем ME403 ➜ прописать все пункты меню, якорные ссылки через #
*ВСЕ БЛОКИ ➜ МЕНЮ ➜ прописать все пункты меню, якорные ссылки через # ➜ вставляем ссылку на меню в необходимый блок
31. Какими клавишами можно увеличивать масштаб Zero Block?
*+/-
*TAB +/-
*SHIFT +/-
*CTRI +/-
32. При загрузке в фрейм картинка …
*нельзя загружать картинку в фрейм
*загружается на всю ширину экрана
*загружается в своем исходном размере
*принимает размер фрейма, в который она загружается
33. Какого блока в Тильде НЕ существует?

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*абзац
*изображения
*колонки
*галерея
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

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*CTRL + SHIFT
*клавиша F
40. Какое максимальное количество создание сайтов доступно в демо-версии платформы
Тильда?
*5
*2
*1
*до 3
41. Какого типа заливки НЕ существует в Figma?
*сплошной цвет (Solid)
*угловой градиент (Angular)
*автоматическая заливка (Auto Layout)
*изображение (Image)
42. Чем характеризуется меню второго уровня?
*список программ или функций, предоставляемых на выбор пользователю
*элемент интерфейса пользователя вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню
*вложенная часть меню, содержащая команды, объединенные по смыслу одним пунктом меню
*сгруппированный набор ссылок с названиями разделов, облегчающий переход на другие страницы
43. Какие виды запросов бывают?
*коммерческие запросы
*Навигационные запросы
*Медийные запросы
*информационные запросы
44. В заголовке 2 уровня шрифт ...
*больше, чем в заголовке 1 уровня
*меньше, чем в заголовке 1 уровня
*един с 1 уровнем
*не имеет правил
45. Выберите верное утверждение.
*правильно подобранные составляющие позволяют управлять эмоциями посетителей сайта, потому что каждый из этих аспектов имеет собственную психологию
*тщательно выбирайте стиль и цвета всех элементов, чтобы показать целостную гармоничную картинку и общий хаос
*старайтесь не брать то, что стопроцентно подходит по теме и не будет понятно как клиенту, так и большинству людей в целом
*использовать как можно больше длинные фразы

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
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 статья

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*от 2 до 4 статей
*более 4 статей
53. С какого сервиса не стоит скачивать фотографии, чтобы избежать проблем с авторским
правом?
*Shutterstock
*раздел «картинки» в поисковой системе
*Pixabay
*Unsplash
54. Какой сервис позволяет приобретать картинки с фотостоков за скромную цену?
*Shutterstock
*Adobe
*Istock
*Shopdiz
55. Что характеризует термин типографика?
*создание базовой структуры, скелета вашего дизайна; «невидимые» линии, на которых могут быть расположены элементы дизайна для связи их в общую систему
*это свод правил оформления текста и графических элементов сайта, который несет определенный воздействует на эмоции и мотивирует посетителя к совершению целевых действий
*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание; все элементы дизайна воспринимаются целостно и составляют единую картину
*один из инструментов, позволяющих преобразить веб-сайт под требования клиента и, тем самым, создать собственный стиль, просто изменив фон или изображение
56. Модульная сетка - это...
*прямоугольник с заданной шириной и высотой, который лежит в основе композиции страницы
*дискретное множество точек, на котором задаётся разностная задача при численном моделировании некоторой исходной непрерывной задачи
*однородная ячеистая система
*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения
57. Как не рекомендуется располагать текст на странице? (выбрать несколько вариантов
ответа)
*выравнивать текст по правому краю страницы
*выравнивать текст по левому краю страницы
*располагать текст на всю ширину страницу
*выравнивать текста (более 3 строк) по центру страницы
*выравнивать текста (до 3 строк) по центру страницы
58. Работая в базе Flaticon, можно…

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
*...изменить цвет иконки .
*..изменить толщину линий иконки
* ...изменить фон иконки
*...отзеркалить и повернуть иконку
59. Какую роль играет модульная сетка на странице для пользователей?
*cобирает информацию воедино
*быстрое считывание информации, визуальный порядок и простая ориентация
*cлужит для украшения сайта
*обогащает дизайн страницы с помощью ярких акцентов
60. Заголовки страниц должны быть...
*от 36 пикселей
*от 38 пикселей
*от 34 пикселей
*14-22 пикселей
61. Что НЕ характерно для стиля брутализм в веб дизайне?
*экстремальные цвета и шрифты
*гиперболизированность элементов
* «потертые» элементы и переходы между блоков
*отсутствие симметрии и выравнивания
62. Композиция в веб-дизайне - это...
*пространство, на котором нанесены узоры, рисунки или геральдические изображения
*визуальное различие между противоположными элементами или областями, созданное для возбуждения визуального интереса
*гармоничное расположение всех элементов сайта на экране таким образом, чтобы максимально раскрывалось их содержание
*вертикальные и горизонтальные линии, разделяющие страницу на прямоугольники, определяющие как в целом будет выглядеть макет и где будут расположены отдельные элементы: заголовки, тексты, изображения
63. Чем характеризуется симметричный баланс?
*балансирование элементов вокруг центра композиции; элементы можно размещать вокруг центра по оси
*элементы композиции сбалансированы, но расположены не строго относительно друг друга
*баланс элементов, стоящих выше и ниже центральной оси
*создается путем равномерного размещения элементов по обе стороны от горизонтальной или вертикальной центральной оси
64. Метро стиль в веб-дизайне – это...
*...дизайн сайта на основе интерактивных карточек, которые содержат изображения, контент, гиперссылки

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
* ...дизайн сайта на основе лаконичности, простоты, точности и ясности композиции.
Используются простые геометрические формы и нейтральные цвета
*...дизайн сайта на основе 2D графики, иногда с тенями; наличие большого количества шейпов и контента в них
*...дизайн сайта на основе космических элементах
65. Интерлиньяж — это…
*пространство, расстояние между базовыми линиями соседних строк
*размер высоты буквы
*интервал между буквами в зависимости от их формы
*расстояние между буквами в целых строках, предложениях и абзацах
66. В чем преимущества скачивания иконок в векторной графике?
*реалистичность изображения
*обширная библиотека фильтров при работе с изображениями
*четкость при широкоформатной печати
*отсутствие возможности отредактировать часть изображения
67. Какой ресурс позволяет создавать шаблон в виде волны для макета, что служит
переходом между блоками?
*Blobmaker
*Gridzzly
*Getwaves
*Remove.bg
68. Контраст в типографике…
*показывает различия между разными типами контента
*повышает читаемость текста
*дает шрифту больше воздуха.
*избавляет от висячих предлогов, слов и строк
*выделяет ключевую мысль в тексте
69. Выберите основные правила использования шрифтовых пар
*не сочетать похожую пару шрифтов
*использовать шрифты, принадлежащие одной группе
*не использовать более 3 шрифтов
*не использовать разную цветность набора
*у каждого шрифта есть характер
*у любого шрифта использовать разные начертания
70. Какого типа сетки НЕ существует?
*сетка, разделенная на колонки
*цельная сетка
*блочная сетка
*иерархическая сетка

Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
Помощь студентам, готовые работы для Вуза
https://studwork.org/info/147162
71. Что из перечисленного НЕ относится к типам баланса?
*Горизонтальный баланс
*Разделительный баланс
*Асимметричный баланс
*Вертикальный Баланс
72. С помощью тени можно…
*создать объем белой фигуре
*передавать настроение
*разделять страницу на блоки
*создать фокус на определенном товаре
73. Какие цвета не рекомендуется использовать в веб-дизайне, если того не требует
определенный контент?
*темные тона (не черный)
*пастельные тона
*мягкие, скромные тона
*яркие и ядовитые тона
74. Какой должна быть тень?
*четкой, ясной
*размытой, заблюренной
*резкой
*отчетливой, резко очерченной


написать администратору сайта