Web-дизайн ИТ – итоговый тест
Если вы не нашли свой предмет , не огорчайтесь. Уточните у менеджера наличие ответов на тест. Мы физически не можем успеть выложить все ответы на тесты Витте - МУИВ по всем предметам учебных заведений. Большинство предметов выполняется на платной основе! Так же вы можете заказать решение "Web-дизайн ИТ"- промежуточных тестов, итогового теста и решения любого теста Витте у нашего менеджера
Что такое адаптивный веб-дизайн?
дизайн только для мобильных устройств
подход к созданию сайтов, обеспечивающий правильное отображение на разных устройствах и размерах экранов+
дизайн с использованием адаптивных изображений
дизайн, меняющийся под настроение пользователя
Что такое UI (User Interface) в веб-дизайне?
программный код сайта
визуальная часть интерфейса, с которой взаимодействует пользователь+
система управления контентом
пользовательский опыт
Что такое UX (User Experience) в веб-дизайне?
внешний вид сайта
совокупность ощущений пользователя от взаимодействия с сайтом+
количество посетителей сайта
скорость загрузки страниц
Что такое CSS?
язык программирования для создания анимации
язык описания внешнего вида веб-страниц+
система управления базами данных
язык разметки документов
Что такое HTML?
язык стилизации страниц
язык разметки для создания структуры веб-страницы+
язык программирования для серверной части
система управления контентом
Что такое JavaScript в контексте веб-дизайна?
язык для описания стилей
язык программирования для создания интерактивных элементов на странице+
язык разметки документов
система управления базами данных
Что такое типографика в веб-дизайне?
размещение изображений на странице
искусство оформления текста с помощью шрифтов+
выбор цветовой схемы сайта
создание логотипа компании
Что такое фавикон (favicon)?
главное изображение на сайте
маленькая иконка, отображаемая во вкладке браузера+
логотип в шапке сайта
иконка мобильного приложения
Что такое CMS (Content Management System)?
язык программирования для веб-разработки
система управления контентом сайта+
сервер для хранения файлов
инструмент для создания графики
Что такое брейкпоинты в адаптивном дизайне?
точки остановки при отладке кода
контрольные точки ширины экрана, при которых меняется макет сайта+
места разрыва текста на странице
точки подключения медиазапросов
Что такое векторная графика в веб-дизайне?
изображения с высоким разрешением
графика, которая масштабируется без потери качества+
анимированные изображения
фотографии в формате JPEG
Что такое прототипирование в веб-дизайне?
написание финального кода сайта
создание макета будущего сайта для демонстрации функционала+
тестирование готового сайта
выбор хостинга для сайта
Что такое юзабилити (usability) веб-сайта?
скорость загрузки страниц
удобство и простота использования сайта для посетителей+
количество уникальных посетителей
внешняя привлекательность дизайна
Что такое call-to-action (CTA) в веб-дизайне?
контактная информация компании
элемент интерфейса, побуждающий пользователя к действию+
навигационное меню сайта
описание услуг компании
Что такое фреймворк в веб-разработке?
готовый шаблон сайта
набор инструментов и библиотек для ускорения разработки+
хостинг для размещения сайта
графический редактор
Что такое кроссбраузерная верстка?
верстка только для одного браузера
верстка, которая корректно отображается во всех основных браузерах+
верстка с использованием CSS Grid
адаптивная верстка для мобильных
Что такое семантическая верстка?
верстка с красивым дизайном
использование HTML-тегов в соответствии с их смысловым назначением+
верстка с использованием JavaScript
верстка таблицами
Что такое выше-the-fold в веб-дизайне?
нижняя часть страницы
часть страницы, видимая без прокрутки+
шапка сайта
область подвала сайта
Что такое лэндинг пейдж (landing page)?
главная страница корпоративного сайта
одностраничный сайт, сфокусированный на одном предложении+
страница с контактами компании
интернет-магазин
Что такое веб-доступность (accessibility)?
доступность сайта из разных стран
обеспечение доступности сайта для людей с ограниченными возможностями+
бесплатный доступ к сайту
открытость исходного кода
Использование какого принципа гештальта показано на картинке?
Принцип близости
Принцип фигуры и фона
Принцип непрерывности
Принцип завершения форм
Набор символов разметки или кода, помещенных в файл, предназначенный для отображения на странице веб-браузера это…
HTML
CSS
JavaScript
XML
Веб-хостинг, предполагающий аренду и эксклюзивное использование компьютера и его соединения с Интернетом, который расположен в офисе хостинг-провайдера, на его технической площадке называется…
Общий хостинг
Виртуальный хостинг
Колокация
Выделенный веб-сервер
Как правильно именовать файлы изображений для отображения на веб-странице?
Использовать длинные подробные имена
Использовать строчные латинские буквы
Использовать точки и пробелы в именах файлов
Не изменять расширение файла
_______________ - это аудиофайлы во Всемирной паутине, имеющие вид
радиошоу или интервью
аудиоблог
саундтрек
подкаст
аудиодневник
Каких правил следует придерживаться при размещении ссылок на сайте?
Имена ссылок должны быть содержательными и лаконичными
Нужно избегать фраз «Щелкните здесь, чтобы»
Не нужно использовать ссылки на внешние веб-сайты
Нужно размещать ссылки в больших блоках текста
Скрипт (сценарий) на стороне сервера — это…
метод передачи информации от формы к небольшой прикладной программе, которая выполняется операционной системой и обрабатывает данные
технология визуализации возвращаемых файлов и отображения запрашиваемых веб-страниц
технология, при которой на веб-сервере запускается серверный скрипт для динамической генерации веб-страниц
стандартный метод, для веб-сервера, позволяющий передать запрос веб-страницы пользователем к прикладной программе и принимать информацию для дальнейшей отправки пользователю
Дан сайт:
Какие принципы визуального дизайна применяются для блока в центре (выделен красной рамкой)?
узнаваемость
уникальность
контраст
управляемость
повторяемость
доступность
Выберите правильное имя файла для последующего его размещения на веб-странице:
velik.gif
neobychnyjvelosipednafonetravki.gif
velo siped.gif
neobychnyj.velosiped.gif
v1.gif
Какие функции используются в синтаксисе W3C для градиентов?
linear-gradient
radial-gradient
–webkit-gradient
filter
–moz-linear-gradient
background-color
Установите соответствие видов прототипов и их изображений.
Прототип низкой частотности
| Ответ 1 Вопрос 11 Выберите... Прототип низкой точности Скетч Прототип высокой точности | |
| Ответ 2 Вопрос 11 Выберите... Прототип низкой точности Скетч Прототип высокой точности | |
| Скетч | |
| Ответ 3 Вопрос 11 Выберите... Прототип низкой точности Скетч Прототип высокой точности | |
| Прототип высокой частотности | |
Установите последовательность разработки веб-страницы с использованием CSS
| Выделить различные области страницы (логотип, область навигации и т.п.) и составить список специальных конфигураций для них | Ответ 1 Вопрос 12 Выберите... 2 5 6 3 1 4 |
| Создать пробную страницу с запланированными элементами | Ответ 2 Вопрос 12 Выберите... 2 5 6 3 1 4 |
| Определить типовые элементы структуры страницы и описать их стили | Ответ 3 Вопрос 12 Выберите... 2 5 6 3 1 4 |
| Проанализировать дизайн страницы | Ответ 4 Вопрос 12 Выберите... 2 5 6 3 1 4 |
| При необходимости исправить CSS код | Ответ 5 Вопрос 12 Выберите... 2 5 6 3 1 4 |
| Проверить отображение страницы |
Установите соответствие категорий взаимодействия и их функций
| взаимодействие с помощью диалога | Ответ 1 Вопрос 13 Выберите... Беседа Инструкции Исследование Манипуляция |
| воздействие на виртуальные объекты | Ответ 2 Вопрос 13 Выберите... Беседа Инструкции Исследование Манипуляция |
| поиск и знакомство с информацией | Ответ 3 Вопрос 13 Выберите... Беседа Инструкции Исследование Манипуляция |
| ввод команд клавишами и использование меню |
Беседа
Инструкции
Исследование
Манипуляция
Сопоставьте свойства CSS и их описание
| Конфигурирует, будет ли фоновое изображение прокручиваться вместе со страницей или останется на месте | Ответ 1 Вопрос 14 Выберите... background-origin background-image background-attachment background-clip |
| Задает область позиционирования фонового рисунка | Ответ 2 Вопрос 14 Выберите... background-origin background-image background-attachment background-clip |
| Фоновое изображение элемента | Ответ 3 Вопрос 14 Выберите... background-origin background-image background-attachment background-clip |
| Задает область фонового рисунка |
-
background-origin
-
background-image
-
background-attachment
-
background-clip
Установить последовательность шагов для выявления незапланированных связей в CSS коде.
| Добавлять стили один за другим в основной код | Ответ 1 Вопрос 15 Выберите... 4 3 2 1 5 |
| Закомментировать некоторые стили | Ответ 2 Вопрос 15 Выберите... 4 3 2 1 5 |
| Проверить всю таблицу стилей аналогичным образом | Ответ 3 Вопрос 15 Выберите... 4 3 2 1 5 |
| Отслеживать «поведение» стилей при этом | Ответ 4 Вопрос 15 Выберите... 4 3 2 1 5 |
| Проверить стили небольшими группами |
- это цветовая схема, в которой все оттенки и тона одного цвета в сочетании с нейтральными белым, черным и/или серым цветами
Принцип Ответ Вопрос 17 - похожие операции должны использовать похожие элементы управления
Установите соответствие между сайтами и их целевой аудиторией
| Молодые люди и студенты 18-27 лет, проживающие в регионах, обучаются в московских вузах, редко выезжающие с целью туризма. Пожилые люди 55-70 лет, имеют низкий доход; дети проживают в других городах; увлекаются экскурсиями. | Ответ 1 Вопрос 18 Выберите... сайт элитного свадебного салона сайт по продажам жд-билетов сайт, продающий внедорожники магазина по продаже бытовой техники |
| Мужчины, 35-50 лет, со средним и высоким уровнем дохода (возможно, свой бизнес), ведут активный образ жизни, увлекаются путешествиями по стране, рыбалкой. | Ответ 2 Вопрос 18 Выберите... сайт элитного свадебного салона сайт по продажам жд-билетов сайт, продающий внедорожники магазина по продаже бытовой техники |
| Молодые девушки, 25-35 лет, проживают в крупных городах, со средним и высоким уровнем дохода, знакомы с трендами, большое значение придают престижу и статусу. | Ответ 3 Вопрос 18 Выберите... сайт элитного свадебного салона сайт по продажам жд-билетов сайт, продающий внедорожники магазина по продаже бытовой техники |
| Мужчины и женщины, 30-45 лет, средний и низкий доход, возможно есть ребенок; следят за расходами, стремятся экономить, поэтому все сравнивают, ищут оптимальное соотношение «цена-качество» (основной критерий выбора), а еще лучше на условиях покупки в кредит; другие критерии выбора – простота эксплуатации, надежность, возможность ремонта, гарантии, сервисное обслуживание. |
-
Выберите...
-
сайт элитного свадебного салона
-
сайт по продажам жд-билетов
-
сайт, продающий внедорожники
-
магазина по продаже бытовой техники
Перед вами 4 ситуации. Какая ситуация может привести к какому болоту непонимания пользователя и системы?
Ситуация 1. Вам подарили на день рождения беспроводные наушники. Вам неясно, как их использовать, где клавиша включения, как заряжать их и подключать к телефону.
Ситуация 2. Вы нашли кнопку включения наушников и нажимаете на нее, но ничего не происходит. Вы зажимаете ее пару секунд - стало слышно пищание, но результата нет.
Ситуация 3. Ваш домашний принтер стал издавать непонятные звуки при печати, на индикаторе количества копий появляются иероглифы, диалоговое окно Windows выдает " Ошибка#hjsgdf7wtrdwu4"
Ситуация 4. Вы решили впервые в жизни сами оплатить квитанцию за свет и газ через терминал в Сбербанке
Первая и четвертая - "А куда нажимать?" вторая и третья - "А что произошло?"
Первая и третья- "А куда нажимать?" вторая и четвертая- "А что произошло?"
Первая и вторая- "А куда нажимать?" третья и четвертая- "А что произошло?"
Дизайнер по заказу клиента разработал два варианта дизайна авиабилета. Оба варианта были показаны контрольной группе для выбора наиболее удачного дизайна. Какой вариант предпочла контрольная группа и почему?
Вопрос 20Выберите один ответ:
B, потому что чем проще и понятнее - тем лучше
A, потому что так всегда выглядят авиабилеты
B, потому что чем больше картинок - тем всегда лучше
A, потому что много точной информации - это всегда лучше
вопросы
Что такое типографика в веб-дизайне?
Что такое фавикон (favicon)?
Что такое CMS (Content Management System)?
Что такое брейкпоинты в адаптивном дизайне?
Что такое векторная графика в веб-дизайне?
Что такое прототипирование в веб-дизайне?
Что такое юзабилити (usability) веб-сайта?
Что такое call-to-action (CTA) в веб-дизайне?
Что такое фреймворк в веб-разработке?
Что такое кроссбраузерная верстка?
Что такое семантическая верстка?
Что такое выше-the-fold в веб-дизайне?
Что такое лэндинг пейдж (landing page)?
Что такое веб-доступность (accessibility)?
Другие тесты Витте:
Экономика и основы анализа финансово-хозяйственной деятельности торговой организации