веб-дизайн. Веб-дизайн и оптимизация сайтов (ОТВЕТЫ). Помощь студентам, готовые работы для Вуза httpsstudwork orginfo147162Помощь студентам, готовые работы для Вуза
Скачать 0.68 Mb.
|
Помощь студентам, готовые работы для Вуза 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. Какой должна быть тень? *четкой, ясной *размытой, заблюренной *резкой *отчетливой, резко очерченной |