Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Верстка сайтов (HTML5+CSS3).ДРБ_РСДРБ57 Без ИМ

Верстка сайтов (HTML5+CSS3).ДРБ_РСДРБ57 Без ИМ

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

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

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

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

Вопрос 1

Комплексное программное приложение, которое помогает программистам эффективно разрабатывать программный код, автоматизирует сборку проекта и отлаживать:

  1. IDE
  2. EDI
  3. WIN
  4. DEVPROG
Вопрос 2

Специальная программа, которая позволяет отслеживать любые изменения в файлах, хранить их версии:

  1. ZIP
  2. DEV
  3. GIT
  4. WIN
Вопрос 3

Язык гипертекстовой разметки это:

  1. CSS
  2. HTML
  3. JS
  4. PHP
Вопрос 4

Теги, которые состоят из открывающего и закрывающего тега, образуя контейнер называют:

  1. Суммарный
  2. Общий
  3. Дублирующий
  4. Парный
Вопрос 5

С какого тега начинается документ тип стандарта html5:

  1. html
  2. !DOCTYPE html
  3. title
  4. body
Вопрос 6

Тег, для создания упорядоченного списка

  1. UL
  2. P
  3. EM
  4. OL
Вопрос 7

Тег, для создания маркированного списка

  1. OL
  2. P
  3. UL
  4. EM
Вопрос 8

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

  1. Form
  2. Script
  3. Action
  4. Frame
Вопрос 9

В какой парный тег лучше выносить стили из ин-лайновой стилизации?

  1. List
  2. Style
  3. Cascade
  4. Model
Вопрос 10

Символ "#" в стилях означает обращение к элементу

  1. Class
  2. Type
  3. Select
  4. Id
Вопрос 11

Перечисление тегов или селекторов через пробел означает:

  1. Соседние элементы
  2. Все теги, который в конце списка
  3. Наследованность
  4. Перечисление всех указанных селекторов
Вопрос 12

Как обратиться к первому элементу из списка через CSS псевдокласс:

  1. Last-child
  2. First-child
  3. One-child
  4. 1-child
Вопрос 13

В свойстве цвета rgba, параметр а отвечает за:

  1. Глубину цвета
  2. Насыщенность цвета
  3. Градиент
  4. Прозрачность
Вопрос 14

Какое свойство отвечает за определение семейства шрифтов?

  1. Font-awesome
  2. Font-size
  3. Font-family
Вопрос 15

Правило в CSS, которое позволяет управлять стилями элементов в зависимости от параметров устройств:

  1. @media
  2. @rules
  3. @static
  4. @adaptive
Вопрос 16

Тип верстки, когда удобно читается сайт на любом устройстве

  1. Фиксированная
  2. Адаптивная
  3. Модульная
  4. Системная
Вопрос 17

Укажите правильную последовательность тегов в HTML5 документе, для отображения правильной кодировки кириллицы и настройки корректной адаптации под мобильные устройства?

  1. !DOCTYPE html - начало документа, объявление начала документа html, объявление кодировки meta charset="UTF-8", мета тег области просмотра meta name="viewport" content="width=device-width, initial-scale=1", заголовок страницы titleTITLE/title, тело документа body/body и закрытие документа тегом /html и дальше по усмотрению и задачам
  2. объявление начала документа html, объявление кодировки meta charset="", titleTITLE/title, тело документа body/body и дальше по усмотрению и задачам
  3. !DOCTYPE html - начало документа, объявление начала документа html, заголовок страницы titleTITLE/title, тело документа body/body и закрытие документа тегом /html и дальше по усмотрению и задачам
  4. !DOCTYPE html - начало документа, заголовок страницы titleTITLE/title, тело документа body/body и закрытие документа тегом /html и дальше по усмотрению и задачам, по желанию добавить мета тег области просмотра meta name="viewport" content="width=device-width, initial-scale=1"
Вопрос 18

Какой план действий, по созданию адаптивной страницы?

  1. Разработка верстки для большой версии сайта, указать мета тега области просмотра meta name="viewport" content="width=device-width, initial-scale=1", а остальное самоадаптируется, так как CSS унаследует все свойства с больших устройств на меньшие.
  2. Разработка статической версии для большой версии сайта, установка специального мета тега области просмотра meta name="viewport" content="width=device-width, initial-scale=1", в CSS указывая @media и размер экрана, проводить адаптацию и те элементы которые попадали под условия, изменяли свое поведение. Проверить работу в эмуляторе и также по возможности на реальном девайсе.
  3. Разработка статической версии для большой версии сайта, в CSS указывая @media и размер экрана, проводить адаптацию и те элементы которые попадали под условия, изменяли свое поведение. Проверить работу в эмуляторе и также по возможности на реальном девайсе.
  4. Разработка статической версии для большой версии сайта, в JS скрывать и открывать блоки, проводить таким образом адаптацию поэлементно и те элементы которые попадали под условия, изменяли свое поведение. Проверить работу в эмуляторе и также по возможности на реальном девайсе.
Вопрос 19

Каким способом можно изменить порядок вывода элементов верстки, чтобы все нечетные оказались первыми элементами, а четные после всех нечетных? Уточнение, кол-во элементов в списке неизвестно и динамично.

  1. Все списки в css начинаются в 1, поэтому для того чтобы выбрать четные элементы мы должны перечислить их и добавить свойство float: left, а нечетные окажутся в конце списка
  2. Все списки в css начинаются в 1, поэтому для того чтобы выбрать четные элементы через псевдокласс nth-child(2n+2) и указать порядок с помощью свойства flexbox модели - order:1 или order:2. Аналогично для нечетных элементов nth-child(odd) указать отличный от четных значение order.
  3. Все списки в css начинаются в 1, поэтому для того чтобы выбрать четные элементы среди списка нужно обратиться по псевдоклассу nth-child(even). и указать порядок с помощью свойства flexbox модели - order:1 или order:2. Аналогично для нечетных элементов nth-child(odd) указать отличный от четных значение order.
  4. Все списки в css начинаются в 1, поэтому для того чтобы выбрать четные элементы среди списка нужно обратиться по псевдоклассу nth-child(flex). и указать порядок с помощью свойства flexbox модели - count:1 или count:2. Аналогично для нечетных элементов nth-child(fex) указать отличный от четных значение order.
Вопрос 20

Какие действия нужно совершить, чтобы правильно подключить файлы стилей и скриптов на странице html?

  1. На самой странице html в блоке head или в подвале подключить файл стилей тегом link и следующим фрагментом link rel="stylesheet" href="my.js", а скрипты, крайне желательно подключать в самом низу страницы html, следующим фрагментом script src="style.css"/script. Таким образом мы подключили файл стилей my.js и файл скрипта style.css
  2. На самой странице html в блоке head или в подвале подключить файл стилей тегом script и следующим фрагментом script rel="stylesheet" href="style.css", а скрипты, крайне желательно подключать в самом низу страницы html, следующим фрагментом link src="my.js"/link. Таким образом мы подключили файл стилей style.css и файл скрипта my.js
  3. На самой странице html в блоке head или в подвале подключить файл стилей тегом script и следующим фрагментом script rel="stylesheet" href="my.js", а скрипты, крайне желательно подключать в самом низу страницы html, следующим фрагментом link src="style.css"/link. Таким образом мы подключили файл стилей my.js и файл скрипта style.css
  4. На самой странице html в блоке head или в подвале подключить файл стилей тегом link и следующим фрагментом link rel="stylesheet" href="style.css", а скрипты, крайне желательно подключать в самом низу страницы html, следующим фрагментом script src="my.js"/script. Таким образом мы подключили файл стилей style.css и файл скрипта my.js