Основи роботи з веб-дизайну (підсумковий)

Додано: 11 травня 2022
Предмет: Інформатика, 10 клас
Тест виконано: 69 разів
47 запитань
Запитання 1

Що таке веб-сайт?

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

Сукупність веб-сторінок певної тематики із системою навігації

Щось в інтернеті

сторінки в підручнику з інформатики

Набір зошитів у портфелі

Запитання 2

Якого виду може бути внутрішня структура сайту? (декілька відповідей)

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

Лінійна, ,

Мережева

Гібридна

Довільна

Ієрархічна

Районна

Запитання 3

Яке правило спрацьовує для головної сторінки веб-сайту?

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

Три абзаци по три речення про тематику та зміст, авторів і призначення сайта

Три малюнки і три речення про призначення сайту

Три людини і три стільці для розробників сайту

Три питання і три варіанти відповідей для тих хто дивиться веб-сайт

Запитання 4

Якою мовою здебільшого створюються веб-сторінки (декілька варіантів відповідей)

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

HTML

XHTML

Українською

Китайською

Племені ОГО

Запитання 5

Які типи веб-сторінок розрізняють (декілька варіантів відповідей)

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

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

форми

домашні сторінки

сторінки форуму та чату

веб-каталоги

паперові

Прикольні

Запитання 6

З чого має початися процес створення веб-сайта?

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

визначення теми та мети створення сайта, розробка концепції веб-сайта та його структури;

проведення дослідження з обраної теми;

наповнення сайта даними;

популяризація сайта та підтримка його роботи.

Запитання 7

Який кінцевий етап створення веб-сайта?

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

публікація його в інтернеті, популяризація та підтримка роботи

художнє оформлення сторінок та програмування сайту

розміщення веб-сторінок на сервері та наповнення даними

художнє оформлення та наповнення даними

Запитання 8

Елемент управління для збирання інформації від відвідувачів веб-сайта

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

Форма

Чат

Повідомлення

Запитання 9

Які бувають види послуг хостингу?

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

Платні і безкоштовні 

Однорівневі і багаторівневі

Динамічні і статичні

Запитання 10

4. Яким тегом починається кожна HTML сторінка? 

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

<title>

<html>


<body>

Запитання 11

5. Який оператор вирівнює текст по центру?

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

align:middle

align=center


align:bottom

align:center

Запитання 12


6. Який із фрагментів HTML-коду дасть наведений результат? 

березень квітень травень

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

<b>березень</b><i>квітень</i><u>травень</u>

<u>березень<i><b>квітень</u></i>травень</b>

<i>березень<u>квітень</i></u><b>травень</b>


<u>березень<i>квітень</i>травень</u>

Запитання 13


7. Які з тегів призначено для формування загальної структури HTML-документа?

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

<b>...</b>

<head>...</head>

<p>...</p>

<body>...</body>


Запитання 14

8. Заголовок 1 рівня:

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

<u>...</u>

<ul>...</ul>

<h1>...</h1>

Запитання 15

10. Маркований список:

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

<u>...</u>

<ul>...</ul>

<h1>...</h1>

Запитання 16

Вкажіть графічні елементи веб-дизайну

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

Фотографії

Рисунки

Фонові малюнки

Відео

Заголовки

Меню, кнопки

Списки

Шаблони

Запитання 17

Основні формати графічних файлів у веб-дизайні

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

png

jpg

bmp

svg

gif

tiff

Запитання 18

16-бітовий формат растрових  зображень, популярний для зберігання цифрових фотографій, які мають дрібні деталі та яскраві кольори. Зображення у форматі швидко завантажуються. Проте формат не підтримує прозорість, і його не має сенсу використовувати для логотипів і піктограм.

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

jpg

svg

gif

png

Запитання 19

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

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

jpg

svg

gif

png

Запитання 20

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



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

jpg

svg

gif

png

Запитання 21

Новий графічний формат, розроблений у 2010 році компанією Google з використанням нового алгоритму стиснення і спрямований на зменшення обсягу при збереженні якості, стискує зображення без втрат краще, ніж інші формати, підтримує прозорість.



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

jpg

svg

webp

png

Запитання 22

Найбільш поширений векторний формат. Розмір об'єктів набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. Формат чудово підходить для малокольорових схем, логотипів і іконок. 




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

jpg

svg

webp

png

Запитання 23

Продовжіть речення: "За своєю суттю будь-який сайт — це ..."

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

Інтерфейс

Візитівка

Картинка

Програма

Запитання 24

Обов’язковим атрибутом тегу для вставки зображення є

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

img

src

image

link

width

height

Запитання 25

CSS-властивості зображень

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

height

width

src

link

img

color

background

Запитання 26

Якщо не задавати розміри зображення:

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

Зображення  відобразиться на сторінці в реальному розмірі

Браузер потребуватиме часу на те, щоб дізнатися розміри і завантажити зображення.

Браузер спочатку зарезервує місце під зображення, підготує макет документа, відобразить текст і лише потім завантажить зображення.

Розмір буде обчислюватися автоматично для збереження пропорцій малюнка

Запитання 27

Основні властивості блоку анімації CSS

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

animation-name:

animation-duration:

animation-timing-function:

animation-iteration-count

animation-iteration

Запитання 28

Об’єктом авторсько-правових відносин є ...

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

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

твори науки, літератури, мистецтва


матеріальне благо у вигляді продукту

Запитання 29

Відповідно до роз’яснення Всесвітньої організації інтелектуальної власності (ВОІВ) під авторським правом зазвичай розуміють 

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

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

 Результат творчої діяльності однієї людини (автора, виконавця, винахідника та інш.)

Результат творчої діяльності однієї людини (автора, виконавця, винахідника та інш.) або кількох осіб.

Творча діяльність однієї людини.


Запитання 30

Атрибути тегу розміщуються:

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

У відкриваючому тегу після назви, але до кутової дужки;

Між відкриваючим та закриваючим тегами;

Залежно від типу атрибутів, використовують той чи інший варіант.

Запитання 31

Оберіть рядок, у якому допущено помилку у коді:

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

 <title>Document</title>

<img src="photo.png" alt="круте фото" height="400" width="400">

<p>Привіт! Мене звати <strong>Сегрій</p></strong>

</body>

Запитання 32

Щоб додати зображення на сторінку можна використати:

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

тег img з атрибутом href;

тег photo з атрибутом href;

тег photo з атрибутом src;

тег img з атрибутом src;

Запитання 33

Який тег визначає частину документа, що бачить користувач?

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

<body>...</body>

<html>...</html>

<p>...</p>

<table>...</table>

Запитання 34

Яке розширення повинні мати HTML документи? 

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

.pdf

.html або .htm

.txt або .doc

.php або .asp

Запитання 35

Як прочитати наступний фрагмент коду

P {

font-size:20pt;

color:#000000; f

ont-family:"Times New Roman"

} 

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

до об'єкту веб-сторінки застосований стиль css

до веб-сторінки додається фон

стильове оформлення абзацу тексту з параметрами: розмір 20 пт; обраний певний колір тексту; назва шрифту Times New Roman

Запитання 36

Сайт логічно розділений на частини:

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

front-end

black-end

back-end

white-end

Запитання 37

Записана в кутових дужках команда мови HTML, яку виконує браузер

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

HTML

атрибут

тег

контейнер

Запитання 38

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

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

<img id="image">

<img src="image.png">

<img type="image">

<img src="image">

Запитання 39

Контейнером називається 

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

відкриваючий <ТЕГ>

закриваючий </ТЕГ>

пара: відкриваючий <ТЕГ> і закриваючий </ТЕГ>

завершаючий </ТЕГ>

Запитання 40

Каскадні таблиці стилів -  CSS(Cascading Style Sheets) -

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

назва тега

мова, яку використовують для опису вигляду (кольори, шрифти, розташування блоків та інші аспекти) веб-сторінок.

окремий вид дизайну

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

Запитання 41

Як під'єднати зовнішні стилі до сторінки?

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

<style></style>

<link rel="stylesheet" href="style.css">

<h1 style="color=green;">

Запитання 42

Який тип (формат) файлу стилів

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

.css

.html

.js

.txt

Запитання 43

Будь-яку CSS правило складається із ...

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

селектора, властивості, значення

лише з селектора

лише з властивості та значення

лише з селектора та властивості

Запитання 44

body {

color: red;

}

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

body - це селектор по тегу

body - це селектор по класу

body - це селектор по ідентифікатору

body - це значення

body - це властивість

Запитання 45

Які лапки використовують в оголошенні СSS правила?

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

[ ]

{ }

" "

< >

Запитання 46

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

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

-

;

#

:

Запитання 47

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


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

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

.container

container

#container

:container

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

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