Адаптивна верстка. Кросбраузерність.

Тести Інформатика 11 клас Тест
Вихристюк С. В.
Додано: 15 березня 2023
Предмет: Інформатика, 11 клас
Копія з тесту: Адаптивна верстка. Кросбраузерність.
Тест виконано: 108 разів
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
38 запитань
Запитання 1

Підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

варіанти відповідей

Адаптивна верстка

Гумова верстка

Блокова верстка

Запитання 2

Спосіб опису блоків де розміри задаються не в статичному, а у відсотковому розмірі

варіанти відповідей

Гумова верстка

Блокова верстка

Адаптивна верстка

Кросбраузерність

Запитання 3

Префікс -webkit може описувати значення для браузерів:

варіанти відповідей

Chrome

Mozilla Firefox

Internet Explorer

Safari

Запитання 4

Префікс -moz може описувати значення для браузерів:

варіанти відповідей

Chrome

Opera

Mozilla Firefox

Safari

Запитання 5

За допомогою якого параметру css можна задати фон блоку в колірному значенні?

варіанти відповідей

background-color

background

color

color-background

Запитання 6

Яким із способів можна описувати блоки?


варіанти відповідей

<div id=“Block1”> </div>


<div class=“Block1”> </div>


div> </div>


 <Block1> </Block1>


Запитання 7

Кросбраузерна верстка - 


варіанти відповідей

підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах.


підхід до розробки html-кода (верстка), який забезпечує гнучке відображення у всіх браузерах.


підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах.


підхід до розробки html-кода (верстка), який забезпечує адаптивне відображення у всіх браузерах інформації відповідно смаків користувача.


Запитання 8

Кросбраузерність сайта

варіанти відповідей

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

Запитання 9

Верстка веб-сторінок

варіанти відповідей

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

Запитання 10

В якому HTML елементі підключається зовнішній CSS файл?

варіанти відповідей

< body >

< head >

Вкінці документа

< script >

Запитання 11

Програма Блокнот дозволяє відредагувати тест веб-публікації ?

варіанти відповідей

так

ні

Запитання 12

Текст документа міститься в його тілі, яке розташоване між тегами ...

варіанти відповідей

<html>...</html>

<title>...</title>

<head>...</head>

<body>...</body>

Запитання 13

Для вставлення зображення використовують тег ...

варіанти відповідей

<img src="ім'я файла">

<font size=?></font>

<body dgcolor=?>

<body link=?>

Запитання 14

Спеціальна мова, яку використовують для запису оформлення сторінок, написаних мовами розмітки даних - це.....

варіанти відповідей

CSS

платформа

HTML

каскадні таблиці стилів

Запитання 15

Каскадність CSS – це 

варіанти відповідей

механізм, завдяки якому до елемента HTML-документа може застосовуватися більш ніж одне правило СSS

характеристика тегу, що визначає місце його розташування в HTML-документ

спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовою розмітки даних

Запитання 16

Розрізняють такі верстки веб-сторінок:

варіанти відповідей

HTML-верстка сайта

CSS-верстка сайта

«Жорстка» верстка, «Гумова» верстка

Запитання 17

Гумова (або блокова) верстка -

варіанти відповідей

спосіб опису блоків де розміри задаються не в статичному, а у відсотковому розмірі

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

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

спосіб опису блоків де розміри задаються не в статичному, а за допомогою параметрів margin та padding.

Запитання 18

Яким із способів можна описувати блоки?

варіанти відповідей

<div id=“Block1”> </div>

<div class=“Block1”> </div>

<div> </div>

<Block1> </Block1>

Запитання 19

Опишіть призначення параметра solid в css:

варіанти відповідей

встановлення кольору контуру блоку

встановлення значень позиціювання блоків

встановлення параметрів розміщення блоків для браузера Solidario

встановлення способів взаємного переміщення блоків

Запитання 20

За допомогою якого параметру css можна задати фон блоку в колірному значенні?

варіанти відповідей

background-color

color

background

color-background

Запитання 21

Параметр margin позначає...

варіанти відповідей

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

Запитання 22

Параметр padding позначає...

варіанти відповідей

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

Запитання 23

Чи можливо для параметрів margin та padding окремо встановити відступи з лівого, правого боків, верху чи низу?

варіанти відповідей

Так

Ні

Ці параметри не можуть набувати таких значень

Запитання 24

Кросбраузерна верстка -

варіанти відповідей

підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує гнучке відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує адаптивне відображення у всіх браузерах інформації відповідно смаків користувача.

Запитання 25

Гумова (або блокова) верстка - 

варіанти відповідей

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

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

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

спосіб опису блоків де розміри задаються не в статичному, а за допомогою параметрів margin та padding.

Запитання 26

...... – спосіб опису блоків де розміри задаються не в статичному, а у відсотковому розмірі.



варіанти відповідей

Гумова (або блокова) верстка

Таблична верстка

Інваріантна верстка

Запитання 27

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

варіанти відповідей

для фірмового дизайну

для адекаатного відображення сайту на різних моніторах

для адекватного відображення графіки на сайті

Запитання 28

Gecko - це ядро браузера .....

варіанти відповідей

Mozilla Firefox

Opera

Internet Explorer

Google Chrome

Запитання 29

Що таке кроссбраузерна верстка

варіанти відповідей

коли сайт відображається однаково корректно у всіх браузерах

коли сайт відображається однаково корректно на всіх технічних засобах

коли сайт відображається однаково корректно на різного розміра екранах

Запитання 30

Виберіть основні інструменти для тестування кросбраузерної сумісності.

варіанти відповідей

Browserling

turbo.net Browser Sandbox

Browsershots

Browsercross

Запитання 31

Wap-сайт призначений для...

варіанти відповідей

перегляду на комп'ютері

перегляду з мобільного

перегляду з нетбука

перегляду з ноутбука

Запитання 32

Гумова верстка передбачала, що при її застосуванні...

варіанти відповідей

макету й окремим його складовим надавалися фіксовані розміри

вміст сторінки розтягувався

макету й окремим його складовим надавалися розміри у відсотках

макету й окремим його складовим надавалися єдині розміри для смартфонів

Запитання 33

Медіа-запити - це...

варіанти відповідей

правила CSS, які дозволяють керувати стилями елементів залежно від значень технічних параметрів пристроїв

пошукові (ключові) слова, які створює користувач

правила CSS, які дозволяють створювати запити на різних пристроях

пошукові (ключові) слова, які створює користувач через різні браузери

Запитання 34

Вкажіть всі правильні твердження, які відносяться до медіа-запитів:

варіанти відповідей

медіа-запит складається з ключового слова, що описує тип пристрою і виразу, який перевіряє характеристики цього пристрою

медіа-запит є логічним виразом, який повертає істину або хибність

запит записують у кінці таблиці стилів

запит записують перед таблицею стилів

Запитання 35

Адаптивність - це...

варіанти відповідей

особливий підхід до розробки сайта, який дозволяє вже наявним вебресурсам підлаштовуватися під розміри екранів різних пристроїв

налаштування веб-сторінок, щодо їхнього розміщення на веб-сайті

розробка сайту за наявних параметрів

особливий підхід до розробки сайта, який дозволяє вже наявним вебресурсам у відсотковому співвідношенні змінювати розміри веб-сторінок, залежно від пристроїв

Запитання 36

Вкажіть основні особливості адаптивного дизайну:

варіанти відповідей

застосування гнучкого макета на основі сітки

використання гнучких зображень

робота з медіа-запитами

плавна перебудова блоків у разі зміни розмірів екрана

зміна зовнішніх параметрів налаштування контенту

Запитання 37

CSS flexbox - це...

варіанти відповідей

модуль макета гнучкого контейнера, що являє собою спосіб компонування елементів

модуль макета контейнера flex, що являє собою спосіб центрального розташування елементів

модуль, що дозволяє оперувати стовпцями та рядками

модуль, що дозволяє розміщувати малюнки у певних, відведених для цього місцях на веб-сторінках

Запитання 38

Grid-контейнер - це...

варіанти відповідей

набір горизонтальних та вертикальних ліній, що задані певним геометричним описом

набір горизонтальних та вертикальних grid-ліній, що перетинаються

набір горизонтальних та вертикальних grid-ліній, що не перетинаються

технологія, що ставить на меті зробити шари гнучкими

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест