Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Технологии верстки веб-сайта.mosap_БАК

Технологии верстки веб-сайта.mosap_БАК

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

40 вопросов Вариант 1 Доступ 7 дней
Содержание теста

Вопросы и варианты

Без отметок и подсказок к правильным ответам

Вопрос 1

Что в web называется клиентом?

  1. Пользователь браузера;
  2. Браузер, который используется для просмотра приложения;
  3. Любое устройство с программным обеспечением с выходом в интернет.
Вопрос 2

Что такое сервер?

  1. Некий компьютер, на котором хранятся данные о web страницах, приложениях;
  2. Компьютеры, объединенные в сеть с помощью интернета, которые производят обмен данными между собой, называются сервером;
  3. Сервер - это хранилище данных, защищенное от внешнего проникновения. Служит для надежной защиты информации.
Вопрос 3

Дайте определение браузеру.

  1. Браузер - это html страница, которая содержит в себе всю информацию по запросу клиента;
  2. Браузер - это приложение для визуального отображения web страницы на компьютере, или мобильном устройстве;
  3. Браузер - это устройство, позволяющее преобразовывать написанный код в машинный код, понятный для исполнения процессору.
Вопрос 4

Какие виды запросов на сервер вы знаете?

  1. get - получить запрос с сервера push - отправить запрос на сервер link - узнать статус запроса set - установить запрос по умолчанию;
  2. push - отправить запрос на сервер delete - удалить ресурсы, существующие на сервере break - остановить принудительно выполнение запросов continue - продолжить выполнение запросов;
  3. get - получить запрос с сервера push - отправить запрос на сервер delete - удалить ресурсы, существующие на сервере patch - внести частичные изменения.
Вопрос 5

Что означает ответ сервера с номером 404?

  1. Запрос содержит ошибку;
  2. Запрошенный ресурс не существует;
  3. Доступ к запрашиваемому ресурсу запрещен.
Вопрос 6

Какой ответ от сервера означает, что запрос успешно обрабатывается?

  1. 407
  2. 777
  3. 200
Вопрос 7

Из каких составляющих складывается frontend?

  1. html, css, java;
  2. html, scc, javascript;
  3. html, css, javascript.
Вопрос 8

Как бы вы охарактеризовали css?

  1. css - это составляющая frontend части web приложения, отвечающая за его внешний вид;
  2. css - это язык гипертекстовой разметки, формирующий видимую часть любого сайта или приложения;
  3. css - это файл, объединяющий статическую и динамическую структуру сайта или приложения.
Вопрос 9

За что, в основном, отвечает функционал js?

  1. Анимация, прокрутка (карусель), трансформационные эффекты;
  2. Придание сайту цветовых эффектов, широкий выбор шрифтов;
  3. Возможность прокручивать страницу, часть которой не вмещается в пределы видимости экрана монитор
Вопрос 10

Для чего нужны инструменты разработчика?

  1. Они позволяют создать web приложение не используя стандартные редакторы код Этот функционал специально интегрирован в новые версии браузеров;
  2. Инструменты разработчика позволяют оперативно просматривать и вносить изменения в структуру сайта или приложения, наблюдать за изменениями и, при необходимости, с помощью запросов patch, фиксировать эти изменения на сервере;
  3. Инструменты разработчика позволяют оперативно просматривать и вносить изменения в структуру сайта или приложения, наблюдать за изменениями. Однако при обновлении страницы, данные изменения не сохраняются.
Вопрос 11

С какой операционной системой можно работать в VSCode?

  1. VSCode поддерживается всеми актуальными операционными системами: Windows, Linux и macOS;
  2. VSCode может работать с операционными системами Windows и macOS;
  3. VSCode разработана компанией Microsoft исключительно для своей операционной системы.
Вопрос 12

Для чего используется расширение VSCode Live Server?

  1. Для передачи изменений в коде на удаленный сервер;
  2. Для отображения информации из редактора кода в отдельном окне и отслеживания изменений в коде;
  3. Для подключения локального сервер
Вопрос 13

Может ли сайт обойтись без html файла?

  1. Нет, html - это структура любого сайта или приложения, без которой невозможно отобразить визуальную информацию;
  2. Можно, при условии, если css файл будет содержать в себе элементы разметки;
  3. Современные версии web приложений обходятся без html структуры, однако в старых версиях они ещё довольно сильно распространены.
Вопрос 14

Для чего используются атрибуты тегов?

  1. Для установки связи между разметкой и стилями;
  2. Для того, чтобы можно было идентифицировать определенные элементы для совершения над ними необходимых действий;
  3. Для того, чтобы явно задать контенту, находящемуся между тегами, к которым применен атрибут, тех или иных свойст
Вопрос 15

С чего начинается любой html документ?

  1. С открывающего тега html
  2. С тега DOCTYPE HTML!
  3. С тега !DOCTYPE HTML
Вопрос 16

Где отображается содержимое, заключенное в тегах head.../head?

  1. Это основной контент страницы, где, как правило. отображаются крупные заголовки, контактная информация и прочие неизменяемые элементы сайта;
  2. Нигде не отображается. Служит для задания определенных параметров отображения страницы - языка, подключения стилей и скриптов и т.п.
  3. Отображение содержимого в тегах head.../head; появляется в строке поиска браузера для идентификации сайт
Вопрос 17

В чем основное отличие div от section?

  1. Тег div - это базовый, основополагающий тег, задающий структуру всему документу. section; более мелкие тематические секции;
  2. Основная разница в том, что section является семантическим тегом, а div нет;
  3. Тег section не может существовать без атрибутов, тогда как div вполне самостоятельный и самодостаточный тег.
Вопрос 18

Можно ли использовать текст в тегах p.../p в качестве заголовка?

  1. Нет, в этом случае браузер выдаст синтаксическую ошибку;
  2. Можно, однако для поисковых систем это будет являться обычным текстом, даже если к нему применить жирный и крупный шрифт. А это нежелательно;
  3. Можно, при условии, если выделить контекст жирным шрифтом и задать его размер значительно больше основного текст
Вопрос 19

За что отвечает тег ol?

  1. Упорядоченный список (элементы нумеруются);
  2. Неупорядоченный список (элементы не нумеруются);
  3. Элемент списк
Вопрос 20

В чем разница при использовании атрибутов class и id?

  1. class может использоваться многократно, давать множество имен элементам этого класса, тогда как id может применяться строго к одному элементу;
  2. class является более старой версией атрибута, он не имеет семантической нагрузки, тогда как id хорошо воспринимается браузером, работает быстрее;
  3. Это полностью взаимозаменяемые атрибуты. Использование того или иного атрибута зависит от предпочтений разработчик
Вопрос 21

Можно ли обойтись без файла css в структуре web документа?

  1. Да, если это небольшой проект, например лендинг, то стили можно прописать прямо в html файле, используя тег style;
  2. В современной web верстке css файл интегрирован с файлом js, поэтому его применение совершенно не обязательно;
  3. Нет, нельзя. Без style.css сайт или проект будет иметь абсолютно пустую, базовую конфигурацию, без цветов, шрифтов и т.п.
Вопрос 22

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

  1. Для того, чтобы можно было визуально определить какой контекст отвечает за определенную тему. Семантическая верстка автоматически отделяет смысловые блоки друг от друга и делает читабельность сайта более удобной;
  2. Семантическая верстка применяется в тех случаях, когда необходимо сверстать многостраничный сайт с удобной системой навигации;
  3. Семантическая верстка позволяет поисковым системам отождествлять сайт или приложение с контекстным смыслом и выдавать в системе поиска в соответствующих запросах.
Вопрос 23

В чем разница между тегами strong и b?

  1. Абсолютно ничем не отличаются. b используется в более новых версиях html, начиная с html4;
  2. Оба тега визуально дают один и тот же эффект, однако strong - это семантический тег;
  3. strong можно использовать для выделения целых фраз, тогда как b применяется для одного слов
Вопрос 24

Как можно быстро и правильно заполнить базовую структуру нового документа html?

  1. Сохранить в отдельном файле (например в word), скопировать и вставить в созданный документ index.html;
  2. При создании нового документа данный шаблон прописывается автоматически;
  3. Используйте встроенный плагин Emmet. Набрать в первой строке созданного документа восклицательный знак и нажать tab.
Вопрос 25

Как подключить стили к html файлу?

  1. link rel=”stylesheet” href=”style.css”
  2. a href=”stylesheet” rel=”style.css”
  3. link rel=”style.css”
Вопрос 26

В чем разница между тегами em и i?

  1. Абсолютно ничем не отличаются. i используется в более новых версиях html, начиная с html4;
  2. Оба тега визуально дают один и тот же эффект, однако em - это семантический тег;
  3. em можно использовать для выделения курсивом целых фраз, тогда как b применяется для одного слов
Вопрос 27

Общеизвестно, что табличные семантические теги располагаются в логическом порядке следующим образом: thead, tbody, tfoot. Что выдаст браузер, если tfoot разместить самым первым?

  1. Браузер выдаст синтаксическую ошибку и не нарисует таблицу;
  2. Браузер сам поймет что и где должно располагаться и поставит футер таблицы в соответствующее место;
  3. Браузер будет рисовать таблицу так как это прописано в коде. То есть футер будет находится вверху.
Вопрос 28

За что отвечает атрибут мультимедиа loop?

  1. Зацикливание воспроизведения;
  2. Запретить полноэкранное воспроизведение;
  3. Воспроизведение в случайном порядке.
Вопрос 29

Какую форму, с точки зрения браузера, имеет элемент html/css “circle”, отображаемый визуально как круг?

  1. Имеет ту же форму, что и его визуальное отображение;
  2. Прямоугольную форму;
  3. В зависимости от браузер В некоторых прямоугольная форма, в некоторых - круг.
Вопрос 30

Как можно увидеть блочную модель web приложения?

  1. В инструментах разработчика установить специальный плагин, который будет отображать блочную модель;
  2. Сочетанием клавиш shift + alt + F в браузере открывается блочная модель;
  3. Открыв инструмент разработчика (F12) можно увидеть блочную модель.
Вопрос 31

Выберите правильные единицы измерения в css:

  1. px, %, pt, Q, мм.рт.ст.;
  2. em, vmin, px, vh;
  3. d, mm*2, em, vmax.
Вопрос 32

Что такое вьюпорт?

  1. Свободный порт, используемый для запуска web приложения на локальном компьютере;
  2. Видимая часть экрана устройства без прокрутки;
  3. Порт, для отправки и получения запросов post.
Вопрос 33

Каким образом определяются углы в css?

  1. От оси Х против часовой стрелки;
  2. От оси Х по часовой стрелке;
  3. От оси У по часовой стрелке.
Вопрос 34

Как подключается flexbox в css?

  1. display: flex;
  2. flexbox: display;
  3. .container {
  4. flexbox;
Вопрос 35

Как включить в фигме сетку и линейку?

  1. Скачав соответствующие плагины, можно запустить данные инструменты;
  2. Данный инструмент находится в свойствах фрейма, в правом окне, называется “Layout Grid”;
  3. Данный инструмент находится в левом всплывающем окне, называется “Layout Grid”.
Вопрос 36

Приведите пример синтаксиса написания препроцессора Sass.

  1. ::light-color:.........................
  2. &light-color:.........................
  3. $light-color:.........................
Вопрос 37

Для чего используют github page?

  1. Для постраничного просмотра загруженной в github информации;
  2. Для публикации своего проекта на бесплатном ресурсе (хостинге), с целью демонстрации возможностей;
  3. На github page собрана исчерпывающая информация по пользованию данным ресурсом.
Вопрос 38

Что нужно прописать в командной строке, чтобы git начал отслеживать изменение всех файлов в проекте?

  1. git commit -m
  2. git add .
  3. git add all
Вопрос 39

Что означает patch - запрос?

  1. отправить запрос на сервер
  2. узнать статус запроса
  3. внести частичные изменения.
Вопрос 40

Как будут расположены элементы flex контейнера, если записать: flex-direction: column?

  1. Справа налево
  2. Снизу вверх
  3. Сверху вниз