Font size
WorksheetsГрафикалық интерфейс туралы тест
Total questions: 114
Worksheet time: 57mins
Графикалық интерфейске қосу үшін пайдаланылатын ең негізгі құралдар қандай?
HTML, CSS, JavaScript
Python, Django, Flask
C++, Java, Kotlin
SQL, MySQL, PostgreSQL
Интерфейстің қолданушымен өзара әрекеттесуін қандай принцип басқарады?
Сәйкестік принципі
Функционалдық принципі
Қолданушының түсінігі
Қауіпсіздік принципі
GUI (Graphical User Interface) дегеніміз не?
Мәліметтерді сақтау жүйесі
Кодты басқару жүйесі
Қолданушы мен компьютер арасындағы визуалды байланыс
Желілік байланыс жүйесі
"Скроллинг" дегеніміз не?
Басқа қосымшаға көшу
Парақтың ішін жоғары немесе төмен жылжыту
Үлкен көлемдегі мәліметтерді сақтау
Мазмұнды іздеу функциясы
HTML-де қандай тегтер графикалық бейнелерді көрсету үшін қолданылады?
<img>
<picture>
<canvas>
Барлық жауаптар дұрыс
CSS-те фонды орнату үшін қандай қасиет пайдаланылады?
background-color
color
font-size
margin
Векторлық графиканың негізгі ерекшелігі қандай?
Нүктелерден, сызықтардан және қисықтардан тұрады
Пиксельдерден тұрады
Мазмұнды мәтін ретінде сақтайды
Тек қара-ақ түсті болады
SVG (Scalable Vector Graphics) форматы қай типтегі графикаға жатады?
Векторлық
Растрлық
Анимация
Суреттеме
CSS-те градиент құру үшін қандай функция қолданылады?
linear-gradient()
gradient()
color-mix()
gradient-color()
"Responsive Design" дегеніміз не?
Интерфейстің экранның өлшеміне байланысты бейімделуі
Интерфейстің анимацияларды қолдануы
Интерфейстің тек қана белгілі бір құрылғыда жұмыс істеуі
Парақтың дизайнының статикалық түрде көрінуі
GUI компоненттері ретінде қайсысы дұрыс?
Кнопка, терезе, мәтін
Жолақ, кесте, код
Мәліметтер базасы, кесте, график
Тек қана визуалды компоненттер
"User Experience" (UX) дегеніміз не?
Қолданушының интерфейспен жұмыс істеу тәжірибесі
Бағдарламалау тілінің тиімділігі
Интерфейстің көрінісін жобалау
Кодтың тиімділігі мен жылдамдығы
Графикалық интерфейсті жасауда қандай құралдар кеңінен қолданылады?
Adobe Photoshop, Sketch, Figma
Microsoft Word, Excel
Git, GitHub
Visual Studio Code, Eclipse
Пиксельдік графиканың ерекшелігі қандай?
Тек қана нүктелерден тұрады
Жоғары сапалы масштабтауды қамтамасыз етеді
Басқару құралдарын шектеуге мүмкіндік береді
Тек анимацияларды көрсетуге қолданылады
HTML-де пайдаланушының мәтінді енгізуі үшін қандай тег қолданылады?
<input>
<textarea>
<button>
a) мен b) дұрыс
Графикалық интерфейсті жасау кезінде "Usability" дегеніміз не?
Интерфейстің жұмыс істеу жылдамдығы
Интерфейстің қолданушыға ыңғайлы әрі қолжетімді болуы
Кодтың құрылымын басқару
Интерфейстің эстетикалық көрінісі
Графикалық дизайндағы "contrast" дегеніміз не?
Жарық пен көлеңкелердің айырмашылығы
Түс пен түс арасындағы айырмашылық
Қара-ақ түстердің қолданылуы
Тек қана графикадағы анимациялар
CSS-де "position" қасиеті қандай мақсатқа қызмет етеді?
Мазмұнның түсін өзгерту
Элементтің беттегі орналасуын анықтау
Шрифттың өлшемін басқару
Фонның түсін орнату
"Wireframe" дегеніміз не?
Графикалық интерфейстің толық жобасы
Интерфейстің негізгі құрылымын көрсететін схемалық жоспар
Тек қана анимацияларды көрсететін үлгі
Кодтың ішкі құрылымы
JavaScript-де элементті көрсету немесе жасыру үшін қолданылатын әдіс қандай?
display
toggle()
show()
hide()
"Dropdown" меню дегеніміз не?
Бірнеше таңдауларды қатар көрсету
Қолданушы таңдаған кезде пайда болатын меню
Тек қана мәтіндер
HTML-де құжаттың басын анықтайтын тег қандай?
<head>
<footer>
<header>
<body>
CSS-те "flexbox" дегеніміз не?
Элементтерді тікелей бір қатарға қоюға арналған жүйе
Графикаларды басқару жүйесі
Контейнерлердің ішіндегі элементтердің дұрыс орналасуын басқару тәсілі
Мазмұнды анимациялау үшін қолданылатын қасиет
"Modal window" дегеніміз не?
Бірнеше терезелердің біріне қарай жылжуы
Қолданушының әрекетін күтіп тұрған терезе
Бүкіл бет бойынша жылжытылатын элемент
Парақтың ішіндегі мәтіннің бөлінуі
UI (User Interface) элементтері ретінде қайсысы дұрыс?
Кнопкалар, таңдаулар, терезелер
Мәліметтер қорлары
Кодтың жазылуы
Графикамен жұмыс
Анимацияларда "ease-in" және "ease-out" дегендер не үшін қолданылады?
Анимацияның жылдамдығын өзгерту
Элементтің мөлшерін өзгерту
Тек қана фондық түсті ауыстыру
Құжатты толық жүктеу уақытын өзгерту
"Z-index" қасиеті CSS-те не үшін қолданылады?
Элементтің көлемін өзгерту
Элементтердің қабаттарын реттеу
Элементтің түсін орнату
Фонды
"CSS Grid" дегеніміз не?
Парақтағы суреттердің орналастыру әдісі
Дизайнды реттейтін және құрылымды басқаруға арналған жүйе
Элементтердің түстерін басқару
Мазмұнды жазу жүйесі
HTML-де "form" элементі не үшін қолданылады?
Жоғары сапалы графикаларды көрсету
Мә��індермен жұмыс істеу
Қолданушыдан деректер жинау
Сайттың стилін орнату
CSS-те "hover" псевдоклассы не үшін қолданылады?
Суретке жүгірткішті әкелген кезде стильді өзгерту
Элементті жылжыту
Жазу көлемін өзгерту
Элементтің түсін ауыстыру
HTML-де қай тег форма элементтерін анықтайды?
<input>
<form>
<button>
<textarea>
CSS-те "box-sizing" қасиетінің мәні не үшін қолданылады?
Элементтің түсін анықтау
Элементтің өлшемін есептеу ережесін орнату
Элементтің орнын белгілеу
Элементке мәтін қосу
Келесі сипаттамалардың қайсысы веб-дизайндағы "accessibility" принципіне жатпайды?
Экранды оқитын бағдарламаларға қолдау көрсету
Қаріп өлшемін қолданушының қажеттілігіне қарай реттеу
Веб-беттің функционалдығының күрделілігін арттыру
Түсті көрмейтін қолданушылар үшін түс контр
HTML-де мәтінді қоюлау үшін қандай тег қолданылады?
<bold>
<strong>
<em>
<italic>
CSS-те "opacity" қасиеті қандай қызмет атқарады?
Элементтің көлеңкесін орнатады
Элементтің мөлдірлігін (жартылай көрінуін) анықтайды
Элементтің көлемін өзгерту
Элементтің шрифтін реттейді
SVG файлдарының артықшылығы неде?
Пиксельдерге негізделген және тек қана статикалық графикамен жұмыс істейді
Масштабтауға болмайды
Масштабтау кезінде сапа жоғалмайды
Тек қана анимациялар үшін қолданылады
"Flexbox" тек тізбектелген орналасуды қолдайды, ал "Grid" екі өлшемді (қатар және баған) орналасуды қолдайды
"Flexbox" тек тізбектелген орналасуды қолдайды, ал "Grid" екі өлшемді (қатар және баған) орналасуды қолдайды
"Flexbox" тек жолдарды реттейді, ал "Grid" тек бағандарды реттейді
"Grid" тек анимацияларды басқаруға мүмкіндік береді
"Flexbox" тек мобильді құрылғыларда жұмыс істейді
CSS-де "z-index" мәні нені басқаруға мүмкіндік береді?
Элементтің түсін
Элементтің шрифтін
Элементтердің қабаттасу тәртібін
Элементтің орналасу орнын
"Web Accessibility" дегеніміз не?
Веб-сайттың қауіпсіздігін қорғау
Веб-сайттың барлық пайдаланушылар үшін қолжетімді болуы, оның ішінде мүгедектер үшін де
Веб-сайттың тез жүктелуі
Веб-сайттың іздеу жүйелерінде оңтайландырылуы
CSS-те "display" қасиеті қандай мақсатқа қолданылады?
Элементтің шрифтін өзгерту
Элементтің мазмұнын көрсетуді немесе жасыруды басқару
Элементтің түсін өзгерту
Элементті анимациялау
HTML-де қай тег мәтіннің абзац ретінде көрсетілуін қамтамасыз етеді?
<section>
<p>
<div>
<article>
CSS-те "hover" псевдокласын қолданғанда қандай әрекет орын алады?
Тек мәтіннің түсі өзгереді
Элементке жаңа стильдер қосылады, егер қолданушы элементке жүгірткішті алып келсе
Элементтің толық түсі өзгереді
Элементтің контуры қосылады
CSS-те "box-shadow" қасиеті не үшін қолданылады?
Элементтің көлеңкесін қосу
Элементтің көлемін өзгерту
Элементтің шрифтін өзгерту
Элементтің орны мен орналасуын анықтау
"Bootstrap" фреймворкының негізгі артықшылығы қандай?
Графикамен жұмыс істеу мүмкіндігі
Мобильді құрылғылар үшін оңтайландырылған құрылымдарды қолдауы
Тек HTML мен CSS қолдану мүмкіндігі
Күрделі код жазуды талап етеді
"Viewport" мета тегінің негізгі міндеті қандай?
Құжаттың шрифті мен түсін өзгерту
Экранның өлшеміне сәйкес веб-бетті бейімдеу
Веб-бетті жүктеу жылдамдығын реттеу
Парақтың көлемін өзгерту
"Canvas" тегінің мақсаты қандай?
Веб-бетке мәтін енгізу
Веб-бетте графиканы көрсету
Парақтың фон түсін орнату
Элементтерді анимациялау
CSS-те "border-radius" қасиеті не үшін қолданылады?
Элементтің бұрыштарын дөңгелету
Элементтің көлеңкесін қою
Элементтің шрифтін өзгерту
Элементтің көлемін өзгерту
HTML-де қолданушының жеке мәліметтерін енгізу үшін қолданылатын форма элементі қандай?
<input type="text">
<textarea>
<button>
<input type="email">
JavaScript-те қай әдіс DOM элементін табу үшін қолданылады?
document.querySelector()
document.getElementsByClassName()
document.getElementById()
Барлық жауаптар дұрыс
CSS-те "float" қасиеті не үшін қолданылады?
Элементтің көлемін өзгерту
Элементті оңға немесе солға жылжыту
Элементтің түсін өзгерту
Элементтің фонын орнату
CSS-те "visibility" қасиеті қандай рөл атқарады?
Элементтің жасыру немесе көрсету мүмкіндігін анықтайды
Элементтің түсін өзгерту
Элементтің жылдамдығын реттейді
Элементті анимациялайды
HTML-де қай тег кескінді көрсету үшін қолданылады?
<img>
<picture>
<src>
<image>
"Media Queries" CSS-те қандай мақсатқа қызмет етеді?
Бетті тексеру жылдамдығын орнату
Веб-беттің интерфейсін құрылғының экран өлшеміне байланысты бейімдеу
Беттің анимациясын реттеу
Беттің мазмұнын басқалармен бөлісу
HTML-дің қай тегінде веб-беттің мета ақпараттары орналасады?
<body>
<head>
<footer>
<header>
CSS-те "position" қасиетінің "absolute" мәні қандай жағдайларда қолданылады?
Элементті экранда көрінбейтін етіп жасыру
Элементті нақты бір орынды дәл көрсету үшін
Элементті динамикалық түрде жылжыту үшін
Элементтің түсін өзгерту үшін
CSS-те "transition" қасиеті қандай мақсатта қолданылады?
Элементтің түстерін өзгерту
Элементтің өлшемін өзгерту
Стильдердің өзгеруін анимациялау
Элементтерді анимациялау үшін суреттер қолдану
HTML-де қай тег мәтіннің бағытын анықтайды?
<direction>
<text>
<dir>
<bdi>
CSS-те "calc()" функциясы қандай мақсатта қолданылады?
Мәтіннің түсін есептеу
Элементтің енін немесе биіктігін динамикалық түрде есептеу
Элементтің мөлшерін өзгерту
Анимацияның ұзақтығын анықтау
"Viewport width" (vw) және "viewport height" (vh) өлшем бірліктері қандай үшін қолданылады?
Шрифт өлшемін орнату
Экранның ені мен биіктігіне пропорционалды өлшемдер беру
Элементтің анимациясын басқару
Жазу өлшемін динамикалық түрде орнату
HTML-де қай тег белгісіне сілтеме жасау үшін қолданылады?
<img>
<a>
<link>
<url>
HTML-дің "meta" тегінің негізгі қолданылуы қандай?
Қолданушының әрекетін бақылау
Веб-беттің мета-мәліметтерін көрсету (мысалы, сипаттама, кілт сөздер)
Веб-беттің көрінісін өзгерту
Мәтінді орталықта көрсету
JavaScript-де DOM элементін қалай өзгертуге болады?
document.getElementById('id').style.property = 'value'
document.getElementById('id').innerText = 'new value'
document.querySelector('.class').style.property = 'value'
Барлық жауаптар дұрыс
HTML-де қай тег қолданушының пікірін немесе пікірін жинауға арналған?
<form>
<input>
<textarea>
<select>
CSS-те "box-model" туралы қай қасиеттер жиі қолданылатынын көрсетіңіз?
border, padding, margin, width, height
font-size, font-family, color, background
display, position, flex, grid
box-shadow, background-image, border-radius
HTML-де "fieldset" тегінің мақсаты қандай?
Форма элементтерін топтастыру
Сілтеме жасау
Мәтінді жасыру
Мәліметтерді сақтау
CSS-те "animation" қасиеті қандай қызмет атқарады?
Элементті жылдам қозғалысқа келтіреді
Элементтің өлшемін өзгертуге мүмкіндік береді
Элементтің анимациясын орнату
Элементтің көлеңкесін өзгерту
HTML-де бейнелердің кірістірілуі үшін қай тег қолданылады?
<embed>
<object>
<video>
<audio>
CSS-те "clear" қасиеті қандай қызмет атқарады?
Элементтің ішіндегі мәтінді көрсетеді
Элементтің сыртқы шекараларын жояды
Элементтің орналастыру орнын анықтайды
Элементтің айналасындағы плавающие элементтерді жояды
JavaScript-те қай әдіс массивтің соңына элемент қосуға қолданылады?
push()
pop()
shift()
unshift()
CSS-те "text-align" қасиеті не үшін қолданылады?
Мәтінді форматтау
Мәтінді экранда ортаға орналастыру
Мәтіннің түсін өзгерту
Мәтіннің мөлшерін өзгерту
HTML-де қай тег суреттерді көрсету үшін қолданылады?
<img>
<figure>
<pic>
<image>
CSS-те "overflow" қасиеті не үшін қолданылады?
Элементтің көлеңкесін өзгерту
Элементтің ішіндегі мазмұнның мөлшерінен асып кетуін бақылау
Элементтің шрифтін өзгерту
Элементтің түсін орнату
CSS-те "display: none;" қасиеті қандай әсер етеді?
Элементті беттен алып тастайды және оның кеңістігін жояды
Элементті бетте көрсетеді, бірақ көрінбейтін етеді
Элементті тек экраннан жасырын етеді, бірақ кеңістігін сақтайды
Элементті тек мобильді құрыл
HTML-де қай тег мәліметтерді кесте түрінде көрсету үшін қолданылады?
<table>
<ul>
<div>
<ol>
CSS-те "float" қасиетінің негізгі қолданысы қандай?
Элементті оңға немесе солға жылжыту
Элементтің мөлшерін өзгерту
Элементтің түсін орнату
Элементтің шрифтін өзгерту
JavaScript-те қандай әдіс элементтің сыртқы HTML кодын өзгертеді?
innerHTML
style
outerHTML
textContent
"Grid" және "Flexbox" арасындағы басты айырмашылық қандай?
"Grid" тек бағандарды ғана басқарады, ал "Flexbox" тек қатарларды
"Flexbox" тек екі өлшемде жұмыс істейді, ал "Grid" бір өлшемде
"Grid" элементтердің екі өлшемді реттелуін қамтамасыз етеді, ал "Flexbox" бір өлшемде
"Grid" тек мобильді сайттар үшін қолданылады
HTML-де мәтінді белгілермен көрсетудің қай тегін қолдануға болады?
<b>
<i>
<u>
Барлық жауаптар дұрыс
CSS-те "margin" мен "padding" қасиеттерінің айырмашылығы неде?
"Margin" ішкі кеңістік, ал "padding" сыртқы кеңістік
"Margin" сыртқы кеңістік, ал "padding" ішкі кеңістік
Олардың еш айырмашылығы жоқ
"Margin" тек мәтіндер үшін, ал "padding" тек суреттер үшін
HTML-де "video" тегінің қандай атрибуты бейнені автоматты түрде ойнатуды қосады?
autoplay
loop
controls
muted
CSS-те "transition" қасиеті не үшін қолданылады?
Элементтің көлемін өзгерту
Стильдер арасындағы өзгерістерді анимациялау
Элементтің түсін өзгерту
Элементтің фонын өзгерту
HTML-де қай тег пайдаланушының есептік жазбасын жасау үшін қолданылады?
<login>
<form>
<register>
<input>
CSS-те "font-family" қасиеті не үшін қолданылады?
Элементтің түсін өзгерту
Мәтіннің шрифтін орнату
Мәтіннің бағытын өзгерту
Мәтіннің мөлшерін өзгерту
HTML-де қай атрибут элементтің ID-ін орнатады?
class
id
name
href
"Responsive design" дегеніміз не?
Беттің толық кэштеу
Веб-беттің құрылымын әр түрлі экран өлшемдеріне сай бейімдеу
Бетке тек мәтін қосу
Сайттың сервер жағынан орындалуы
HTML-де қай тег мәтіннің сілтемесін көрсетеді?
<a>
<link>
<url>
<href>
CSS-те "visibility: hidden;" мәні элементке қандай әсер етеді?
Элементті жасырады, бірақ оның орын алатын кеңістігін сақтайды
Элементті толық жасырады және оның кеңістігін де алып тастайды
Элементті қояды, бірақ оны көрсету үшін қайтадан жүктеу қажет
Элементті басқа түске ауыстырады
JavaScript-те қандай әдіс массивтің алғашқы элементін алып тастайды?
pop()
shift()
push()
unshift()
HTML-де қай тег файлды таңдау үшін қолданылады?
<input type="file">
<input type="text">
<file>
<upload>
JavaScript-те қай әдіс элементті терезе бойынша жылжытуды қамтамасыз етеді?
move()
drag()
scrollIntoView()
position()
CSS-те "align-items" қасиеті қандай жағдайда қолданылады?
Элементтерді тік (қатар бойымен) орналастыру үшін
Элементтерді көлденең (баған бойымен) орналастыру үшін
Элементтің шрифтін өзгерту үшін
Элементтің түсін өзгерту үшін
HTML-де қай тег тұтас парақтың астынғы бөлігін анықтайды?
<footer>
<section>
<header>
<body>
CSS-те "z-index" қасиеті не үшін қолданылады?
Элементтің түсін өзгерту үшін
Элементтің орындарын өзгерту үшін
Элементтің шрифтін орнату үшін
Элементтердің қабаттағы (layer) тәртібін анықтау үшін
HTML-де қай тег бір немесе бірнеше сілтемелерді жинақтайды?
<nav>
<link>
<a>
<section>
JavaScript-те қай әдіс бір объектінің барлық қасиеттерін қайтарады?
Object.keys()
Object.values()
Object.entries()
Object.all()
CSS-те "flexbox" моделінде "justify-content" қасиеті не үшін қолданылады?
Элементтердің көлденең (баған бойымен) таралуын басқару үшін
Элементтерді тік (қатар бойымен) тарату үшін
Элементтердің айналасындағы бос орындарды басқару үшін
Элементтердің шрифтін басқару үшін
HTML-де қай атрибут бетке сыртқы стильдер қосу үшін қолданылады?
href
link
src
rel
CSS-те "border-radius" қасиеті не үшін қолданылады?
Элементтің түстерін өзгерту үшін
Элементтің шекарасын дөңгелектеу үшін
Элементтің фонын қою үшін
Элементтің шрифтін орнату үшін
HTML-де қай тег мәтінді үлкен қалың шрифтпен көрсету үшін қолданылады?
<strong>
<b>
<big>
<em>
HTML-де қай атрибут элементтің енін немесе биіктігін автоматты түрде реттейді?
width
height
auto
scale
JavaScript-те қай әдіс массивтің барлық элементтерін біріктіреді?
concat()
join()
merge()
combine()
HTML-де қай тег сыртқы стильдермен сілтеме жасау үшін қолданылады?
<style>
<script>
<link>
<external>
CSS-те "box-shadow" қасиеті не үшін қолданылады?
Элементтің ішкі көлеңкесін қосу үшін
Элементтің айналасында көлеңке жасау үшін
Элементтің шрифтін өзгерту үшін
Элементтің шекарасын жасау үшін
HTML-де қай тег жүктелген бейнені көру үшін пайдаланушыға басқару элементтерін көрсетеді?
<video>
<audio>
<iframe>
<embed>
CSS-те "clear" қасиеті не үшін қолданылады?
Элементтің барлық шекараларын жою үшін
Элементтің айналасындағы плавающие элементтерді жою үшін
Элементтің мөлшерін өзгерту үшін
Элементтің түсін өзгерту үшін
HTML-де қай тег бетке тақырып қосу үшін қолданылады?
<header>
<title>
<h1>
<body>
CSS-те "flex-grow" қасиеті не үшін қолданылады?
Элементтің шекарасын өзгерту үшін
Элементтің ішкі кеңістігін өзгерту үшін
Элементтің контейнерінде қаншалықты кеңейетінін анықтау үшін
Элементтің түсін өзгерту үшін
HTML-де қай тег сілтемелерге арналған мәтінді қосады?
<a>
<link>
<url>
<href>
CSS-те "position: relative;" қасиеті қандай мақсатта қолданылады?
Элементті нақты бір орнын көрсету үшін
Элементтің орналасуын тек жоғары немесе төмен жылжыту үшін
Элементтің шрифтін орнату үшін
Элементтің түсін өзгерту үшін
JavaScript-те қай әдіс тізімнің соңына жаңа элемент қосады?
push()
shift()
unshift()
pop()
HTML-де қай тегдің атрибуты бойынша пайдаланушыдан деректер алу үшін қосымша ақпарат беріледі?
placeholder
value
id
href
CSS-те "font-size" қасиеті не үшін қолданылады?
Элементтің көлемін өзгерту үшін
Мәтіннің шрифтінің мөлшерін орнату үшін
Элементтің түсін өзгерту үшін
Элементтің анимациясын жасау үшін
HTML-де қай тег белгілі бір мәтін бөлігін көрсетеді (мысалы, бұрыштар немесе код)?
<code>
<pre> <samp>
<b>
CSS-те "opacity" қасиеті не үшін қолданылады?
Элементтің түсін орнату үшін
Элементтің көріну дәрежесін өзгерту үшін
Элементті шрифт бойынша орнату үшін
Элементтің мөлшерін өзгерту үшін
