Проектування та верстка веб-сторінок

Додано: 5 березня
Предмет: Інформатика, 10 клас
20 запитань
Запитання 1

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

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

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

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

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

всі відповіді вірні

Запитання 2

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

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

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

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

мова розмітки гіпертексту

атрибут сайта

Запитання 3

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

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

< script >

 < body >

< head >

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

Запитання 4

Між якими тегами міститься тіло веб-сторінки (тексти, малюнки, відео, аудіо, гіперпосилання)? Оберіть одну правильну відповідь.

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

<html>...</html>

 <body>...</body>

 <title>...</title>

 <head>...</head>

Запитання 5

Який тег використовують для вставлення зображення на сторінку? Оберіть одну правильну відповідь.

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

 <body bgcolor=?>

<font size=?></font>

<body link=?>

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

Запитання 6

Як називається комплекс заходів щодо збільшення відвідуваності веб-ресурсу цільовими відвідувачами? Оберіть одну правильну відповідь.

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

каскадність CSS 

просування сайта

наповнення сайта

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

Запитання 7

Якою буває верстка веб-сторінок? Оберіть всі правильні відповіді.

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

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

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

«Жорстка» верстка

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

Запитання 8

Що таке тег? Оберіть одну правильну відповідь.

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

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

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

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

код для визначення структури веб-сторінки

Запитання 9

Для чого призначений тег <FONT>? Оберіть одну правильну відповідь.

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

розмічення групи символів напівжирним шрифтом

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

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

настроювання вигляду тла частини веб-сторінки

Запитання 10

 Який тег визначає заголовок вікна, в якому відображатиметься документ? Оберіть одну правильну відповідь.

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

<Н1>...<Н6>

<TITLE> 

<BODY> 

<TABLE> 

Запитання 11

Який тег задає напівжирний шрифт уривка тексту, не надаючи акцент або на важливості виділеного? Оберіть одну правильну відповідь.

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

 <b> </b>

 <h1> </h1>

<u> </u>

 <p> </p>

Запитання 12

За що відповідає тег <JUSTIFY>? Оберіть одну правильну відповідь.

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

 текст по правому краю

 текст по лівому краю

 текст по центру

 текст по ширині

Запитання 13

Що таке CSS? Оберіть всі правильні відповіді.

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

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

Кольорові таблиці стилів

Каскадні таблиці шрифтів

Cascading Style Sheets

Запитання 14

В якому HTML елементі правильно підключати CSS файл? Оберіть одну правильну відповідь.

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

<body>


<head>

<script>

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

Запитання 15

Чи вірне твердження:

Елемент div не має оформлення; щоб його побачити, потрібно задати стилі в css

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

так

ні

Запитання 16

Виберіть правильний CSS синтаксис. Оберіть всі правильні відповіді.

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

<div style="color: green;">

...

</div>


<div style="background-color: yellow; font-face: Monotype Corsiva; font-size: 20pt;">

...

</div>

<div style="border: 5px double blue; width: 50%; height: 90px;">

...

</div>

<div style

{"background-color: yellow; font-face: Monotype Corsiva; font-size: 20pt;">}

...

</div>

Запитання 17

Яка CSS властивість відповідає за розмір тексту? Оберіть одну правильну відповідь.

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

text-size

size

font-size

text

Запитання 18

Як зробити текст в <p> елементі жирним? Оберіть одну правильну відповідь.

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

p {font-weight: bold;}

< p style="font-size: bold;">

p {text-size: bold;}

 < p style="text-size: bold;">

Запитання 19

Який знак розділяє CSS властивість та значення? Оберіть одну правильну відповідь.

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

:

;

#

=

Запитання 20

Як звернутися до CSS селектора по класу у файлі стилів?

<div class="container"></div>

Оберіть одну правильну відповідь.

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

.container

=container

#container

container

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

Створити тест
В прямому ефірі
Інтернет-конференція: Освітні онлайн-ресурси: практичні інструменти педагога