Онлайн тесты на тему "Синергия (Юрайт). Онлайн тесты. Технологии адаптивной верстки сайтов"


Синергия (Юрайт)- готовые ответы на онлайн тест. На тему : "Технологии адаптивной верстки сайтов". После покупки Вам будет доступен файл для скачивания, который вы найдете в личном кабинете.
Скриншот с набранными баллами предоставляю в демо файлах работы.
Сами вопросы находятся ниже. Перед покупкой сверяйте их в личном кабинете Синергии!
Количество страниц: 3
Демо работы
Описание работы
1. Сетка (Grid) позволяет

2. К современным приемам, используемым для адаптивной верстки сайтов можно отнести:
Выберите все правильные ответы (один или несколько)
• Использование табличной, а не блочной технологии верстки
• Использование нескольких изображений разного размера
• Использование сетки и технологии fiexbox
• Задание элементов web – страницы в процентах

3. Установите соответствие между основными размерами экранов современных устройств
Электронные книги >
Настольные компьютеры >
Ноутбуки >
Смартфоны >

4. Адаптивная верстка сайта это подход к разработке сайтов, предполагающий:
Выберите все правильные ответы (один или несколько)
• изменение дизайна в зависимости от используемых технологий web- разработки
• изменение дизайна в зависимости от ориентации экрана
• изменение дизайна в зависимости от используемой платформы
• изменение дизайна в зависимости от размера экрана

5. В соответствии с современными стандартами, предлагается устанавливать 4 варианта отображения страниц на дисплеях в зависимости от количества экранных пикселей по горизонтали (сопоставьте название и параметры)
id (large devices) >
xs (extra small devices) >
sm (small devices) >
md ( medium devices) >

6. Верстка веб - страниц – это

7. Установите соответствие между понятиями:
CSS – фреймворк > -
Библиотека >
программ
Bootstrap >
Фреймворк >

8. Какие из перечисленных систем можно отнести к классу CSS – фреймворки:
Выберите все правильные ответы (один или несколько)
• bootstrap
• Foundation
• Vue+
• Sceleton

9. Укажите пропущенные параметры для создания страницы, состоящей из двух колонок с применением сетки bootstrap, содержащей колонку шириной 2/3 всего экрана и правую – шириной 1/3 экрана:
• < divclass =
• < divclass =
• < divclass =
• < /div>

10. Укажите последовательность выполнения шагов для использования Вootstrap

11. Отметьте правильные утверждения:
Выберите все правильные ответы (один или несколько)
• при помощи технологий адаптивности верстки bootstrap можно автоматически выравнивать только блоки страницы, помещенные в тег < div >< /div>
• технология flexbox, в отличие от технологии grid не требует использование css
• flexbox- технология позволяет адаптивно размещать блоки web- страницы не только по горизонтали но и по вертикали
• с последними версиями bootstrap можно использовать не только технологию сетки (grid) но и технологию flexbox

12. Отметьте правильные утверждения:
Выберите все правильные ответы (один или несколько)
• медиазапрос это элемент адаптивной верстки в технологии bootstrap
• медиазапросы записываются в CSS – файле web- приложения
• медиазапросы указывают обычно в html- коде web- страницы
• медиазапросы позволяют изменять представление страницы в браузере при изменении ее размера

13. Вставьте в текст медиазапроса пропущенные параметры. Необходимо, чтобы размер шрифта 14pt уменьшался при уменьшении страницы до ширины 768 рхв два раза:
body{
font-size:
}
@mediascreenand(max-width:768px){
body{
font-size:
}
14. Медиазапросы позволяют выполнят определенные действия со страницей при изменении ее размера. Пример медиа-запроса:
@media screen and (max-width: 768px)
{
body {
font-size: 9pt;
}
}
Данный код означает следующее:
• Если ширина окна браузера станет меньше 768 рх, то не применять стили, указанные в фигурных скобках
• Если ширина окна браузера станет меньше 768 рх, то применить стили, указанные в фигурных скобках
• Если ширина окна браузера станет больше 768 рх, то не применять стили, указанные в фигурных скобках
• Если ширина окна браузера станет больше 768 рх, то применить стили, указанные в фигурных скобках