WorksheetsГрафикалық интерфейстер туралы тест
Total questions: 134
Worksheet time: 1hrs 20mins
Графикалық интерфейске қосу үшін пайдаланылатын ең негізгі құралдар қандай?
HTML,CSS,JavaScript
Python,Django,Flask
C++,Java,Kotlin
SQL,MySQL,PostgreSQL
Интерфейстің қолданушымен өзара әрекеттесуін қандай принцип басқарады?
Сәйкестік принципі
Функционалдық принципі
Қолданушының түсінігі
Қауіпсіздік принципі
GUI (Graphical User Interface) дегеніміз не?
Мәліметтерді сақтау жүйесі
Кодты басқару жүйесі
Қолданушымен компьютер арасындағы визуалды байланыс
Желілік байланыс жүйесі
"Скроллинг" дегеніміз не?
Басқа қосымшаға көшу
Парақтың ішін жоғары немесе төмен жылжыту
Үлкен көлемдегі мәліметтерді сақтау
Мазмұнды іздеу функциясы
HTML-де қандай тегтер графикалық бейнелерді көрсету үшін қолданылады?
Барлық жауаптар дұрыс
CSS-те фонды орнату үшін қандай қасиет пайдаланылады?
background-color
color
font-size
margin
Векторлық графиканың негізгі ерекшелігі қандай?
Нүктелерден, сызықтардан және қисықтардан тұрады
Пиксельдерден тұрады
Мазмұнды мәтін ретінде сақтайды
Тек қара-ақ түсті болады
SVG (Scalable Vector Graphics) форматы қай типтегі графикаға жатады?
Векторлық
Растрлық
Анимация
Суреттеме
CSS-тегі градиент құру үшін қандай функция қолданылады?
linear-gradient()
gradient()
color-mix()
gradient-color()
жатады?
Векторлық
Растрлық
Анимация
Суреттеме
CSS-теградиентқұруүшінқандайфункцияқолданылады?
linear-gradient()
gradient()
color-mix()
gradient-color()
"ResponsiveDesign"дегенімізне?
Интерфейстіңэкранныңөлшемінебайланыстыбейімделуі
Интерфейстіңанимациялардықолдануы
Интерфейстіңтекқанабелгілібірқұрылғыдажұмысістеуі
Парақтыңдизайныныңстатикалықтүрдекөрінуі
GUIкомпоненттеріретіндеқайсысыдұрыс?
Кнопка,терезе,мәтін
Жолақ,кесте,код
Мәліметтербазасы,кесте,график
Текқанавизуалдыкомпоненттер
"UserExperience"(UX)дегенімізне?
Қолданушыныңинтерфейспенжұмысістеутәжірибесі
Бағдарламалаутілініңтиімділігі
Интерфейстіңкөрінісінжобалау
Кодтыңтиімділігіменжылдамдығы
Графикалықинтерфейстіжасаудақандайқұралдаркеңіненқолданылады?
AdobePhotoshop,Sketch,Figma
MicrosoftWord,Excel
Git,GitHub
VisualStudioCode,Eclipse
Пиксельдікграфиканыңерекшелігіқандай?
Текқананүктелердентұрады
Жоғарысапалымасштабтаудықамтамасызетеді
Басқаруқұралдарыншектеугемүмкіндікбереді
Теканимациялардыкөрсетугеқолданылады
HTML-депайдаланушыныңмәтіндіенгізуіүшінқандайтегқолданылады?
a)менb)дұрыс
Графикалықинтерфейстіжасаукезінде"Usability"дегенімізне?
Даланушының мәтінді енгізуі үшін қандай тег қолданылады?
a) мен b) дұрыс
Графикалық интерфейсті жасау кезінде "Usability" дегеніміз не?
Интерфейстің жұмыс істеу жылдамдығы
Интерфейстің қолданушыға ыңғайлы әрі қолжетімді болуы
Кодтың құрылымын басқару
Интерфейстің эстетикалық көрінісі
Графикалық дизайндағы "contrast" дегеніміз не?
Жарықпен көлеңкелердің айырмашылығы
Түспен түс арасындағы айырмашылық
Қара-ақ түстердің қолданылуы
Тек қана графикадағы анимациялар
CSS-де "position" қасиеті қандай мақсатқа қызмет етеді?
Мазмұнның түсін өзгерту
Элементтің беттегі орналасуын анықтау
Шрифттың өлшемін басқару
Фонның түсін орнату
"Wireframe" дегеніміз не?
Графикалық интерфейстің толық жобасы
Интерфейстің негізгі құрылымын көрсететін схемалық жоспар
Тек қана анимацияларды көрсететін үлгі
Кодтың ішкі құрылымы
JavaScript-де элементті көрсету немесе жасыру үшін қолданылатын әдіс қандай?
display
toggle()
show()
hide()
"Dropdown" меню дегеніміз не?
Бірнеше таңдауларды қатар көрсету
Қолданушы таңдаған кезде пайда болатын меню
Тек қана мәтіндермен жұмыс істеу
Суретке арналған интерфейс элементі
HTML-де құжаттың басын анықтайтын тег қандай?
CSS-те "flexbox" дегеніміз не?
HTML-де құжаттың басын анықтайтын тег қандай?
CSS-те "flexbox" дегеніміз не?
Элементтерді тікелей бір қатарға қоюға арналған жүйе
Графикаларды басқару жүйесі
Контейнерлердің ішіндегі элементтердің дұрыс орналасуын басқару тәсілі
Мазмұнды анимациялау үшін қолданылатын қасиет
"Modal window" дегеніміз не?
Бірнеше терезелердің біріне қарай жылжуы
Қолданушының әрекетін күтіп тұрған терезе
Бүкіл бет бойынша жылжытылатын элемент
Парақтың ішіндегі мәтіннің бөлінуі
UI (User Interface) элементтері ретінде қайсысы дұрыс?
Кнопкалар, таңдаулар, терезелер
Мәліметтер қорлары
Кодтың жазылуы
Графикамен жұмыс
Анимацияларда "ease-in" және "ease-out" дегендер не үшін қолданылады?
Анимацияның жылдамдығын өзгерту
Элементтің мөлшерін өзгерту
Тек қана фондық түсті ауыстыру
Құжатты толық жүктеу уақытын өзгерту
"Z-index" қасиеті CSS-тен не үшін қолданылады?
Элементтің көлемін өзгерту
Элементтердің қабаттарын реттеу
Элементтің түсін орнату
Фондық қою
"CSS Grid" дегеніміз не?
Парақтағы суреттердің орналастыру әдісі
Дизайнды реттейтін және құрылымды басқаруға арналған жүйе
Элементтердің түстерін басқару
Мазмұнды жазу жүйесі
HTML-де "form" элементіне үшін қолдан
HTML-де "form" элементіне үшін қолданылады?
Жоғары сапалы графикаларды көрсету
Мәтіндермен жұмыс істеу
Қолданушыдан деректер жинау
Сайттың стилін орнату
CSS-те "hover" псевдоклассы не үшін қолданылады?
Суретке жүгірткішті әкелген кезде стильді өзгерту
Элементті жылжыту
Жазу көлемін өзгерту
Элементтің түсін ауыстыру
HTML-де қай тег форма элементтерін анықтайды?
CSS-те "box-sizing" қасиетінің мәні не үшін қолданылады?
Элементтің түсін анықтау
Элементтің өлшемін есептеу ережесін орнату
Элементтің орнын белгілеу
Элементке мәтін қосу
Келесі сипаттамалардың қайсысы веб-дизайндағы "accessibility" принципіне жатпайды?
Экранды оқитын бағдарламаларға қолдау көрсету
Қаріп өлшемін қолданушының қажеттілігіне қарай реттеу
Веб-беттің функционалдығының күрделілігін арттыру
Түстік көрмейтін қолданушылар үшін түсконтрастын орнату
"Responsive Web Design" негізінде сайттың қалай жұмыс істеуі керек?
Барлық құрылғыларда бірдей масштабта көрсетілуі керек
Сайттың интерфейсі әртүрлі экрандарда бейімделіп, оңтайландырылуы керек
Сайт тек десктопта дұрыс жұмыс істейді
Сайттың мазмұны тек мобильді құрылғылар үшін жасалады
Сайттың интерфейсі әртүрлі экрандарда бейімделіп, оңтайландырылуы керек
HTML-демәтінді қоюлау үшін қандай тег қолданылады?
CSS-те "opacity" қасиеті қандай қызмет атқарады?
Элементтің көлеңкесін орнатады
Элементтің мөлдірлігін (жартылай көрінуін) анықтайды
Элементтің көлемін өзгерту
Элементтің шрифтін реттейді
SVG файлдарының артықшылығы неде?
Пиксельдерге негізделген және тек қана статикалық графикамен жұмыс істейді
Масштабтауға болмайды
Масштабтау кезінде сапа жоғалмайды
Тек қана анимациялар үшін қолданылады
"Flexbox" және "CSS Grid" арасында қандай айырмашылық бар?
"Flexbox" тек тізбектелген орналасуды қолдайды, ал "Grid" екі өлшемді (қатар және баған) орналасуды қолдайды
"Flexbox" тек жолдарды реттейді, ал "Grid" тек бағандарды реттейді
"Grid" тек анимацияларды басқаруға мүмкіндік береді
"Flexbox" тек мобильді құрылғыларда жұмыс істейді
CSS-де "z-index" мәнінен не басқаруға мүмкіндік береді?
Элементтің түсін
Элементтің шрифтін
Элементтердің қабаттасу тәртібін
Элементтің орналасу орнын
"Web Accessibility" дегеніміз не?
Web Accessibility дегеніміз не?
Веб-сайттың қауіпсіздігін қорғау
Веб-сайттың барлық пайдаланушылар үшін қолжетімді болуы, оның ішінде мүгедектер үшін де
Веб-сайттың тез жүктелуі
Веб-сайттың іздеу жүйелерінде оңтайландырылуы
CSS-те "display" қасиеті қандай мақсатқа қолданылады?
Элементтің шрифтін өзгерту
Элементтің мазмұнын көрсету немесе жасыруды басқару
Элементтің түсін өзгерту
Элементті анимациялау
HTML-де қай тег мәтіннің абзац ретінде көрсетілуін қамтамасыз етеді?
CSS-те "hover" псевдокласын қолданғанда қандай әрекет орын алады?
Тек мәтіннің түсі өзгереді
Элементке жаңа стильдер қосылады, егер қолданушы элементке жүгірткішті алып келсе
Элементтің толық түсі өзгереді
Элементтің контуры қосылады
CSS-те "box-shadow" қасиеті не үшін қолданылады?
Элементтің көлеңкесін қосу
Элементтің көлемін өзгерту
Элементтің шрифтін өзгерту
Элементтің орнымен орналасуын анықтау
"Bootstrap" фреймворкының негізгі артықшылығы қандай?
Графикамен жұмыс істеу мүмкіндігі
Мобильді құрылғылар үшін оңтайландырылған құрылымдарды қолдауы
Тек HTML мен CSS қолдану мүмкіндігі
Күрделі код жазуды талап етеді
Viewport метатегінің негізгі міндеті қандай?
Құжаттың шрифтімен түсін өзгерту
Экранның өлшеміне сәйкес веб-бетті бейімдеу
Веб-бетті жүктеу жылдамдығын реттеу
Парақтың көлемін өзгерту
Canvas тегінің мақсаты қандай?
Веб-бетке мәтін енгізу
Веб-бетте графиканы көрсету
Парақтың фон түсін орнату
Элементтерді анимациялау
CSS-те border-radius қасиетіне үшін қолданылады?
Элементтің бұрыштарын дөңгелету
Элементтің көлеңкесін қою
Элементтің шрифтін өзгерту
Элементтің көлемін өзгерту
HTML-де қолданушының жеке мәліметтерінен енгізу үшін қолданылатын форма элементі қандай?
JavaScript-те қай әдіс DOM элементін табу үшін қолданылады?
document.querySelector()
document.getElementsByClassName()
document.getElementById()
Барлық жауаптар дұрыс
CSS-те float қасиетіне үшін қолданылады?
Элементтің көлемін өзгерту
Элементті оңға немесе солға жылжыту
Элементтің түсін өзгерту
Элементтің фонын орнату
CSS-те visibility қасиеті қандай рөл атқарады?
Элементтің жасыру немесе көрсету мүмкіндігін анықтайды
Элементтің түсін өзгерту
Элементтің жылдамдығын реттейді
Элементтің өлшемін өзгерту
CSS-те "visibility" қасиеті қандай рөл атқарады?
Элементтің жасыру немесе көрсету мүмкіндігін анықтайды
Элементтің түсін өзгерту
Элементтің жылдамдығын реттейді
Элементті анимациялайды
HTML-де қай тег кескінді көрсету үшін қолданылады?
"Media Queries" CSS-те қандай мақсатқа қызмет етеді?
Бетті тексеру жылдамдығын орнату
Веб-беттің интерфейсін құрылғының экран өлшеміне байланысты бейімдеу
Беттің анимациясын реттеу
Беттің мазмұнын басқалармен бөлісу
HTML-дің қай тегінде веб-беттің мета ақпараттары орналасады?
CSS-те "position" қасиетінің "absolute" мәні қандай жағдайларда қолданылады?
Элементті экранда көрінбейтін етіп жасыру
Элементті нақты бір орынды дәл көрсету үшін
Элементті динамикалық түрде жылжыту үшін
Элементтің түсін өзгерту үшін
CSS-те "transition" қасиеті қандай мақсатта қолданылады?
Элементтің түстерін өзгерту
Элементтің өлшемін өзгерту
Стильдердің өзгеруін анимациялау
Элементтерді анимациялау үшін суреттер қолдану
HTML-де қай тег мәтіннің бағытын анықтайды?
CSS-те "calc()" функциясы қандай мақсатта қолданылады?
Мәтіннің түсін есептеу
Элементтің енін немесе биіктігін динамикалық түрде есептеу
Элементтің мөлшерін өзгерту
Ани
CSS-те "calc()" функциясы қандай мақсатта қолданылады?
Мәтіннің түсін есептеу
Элементтің енін немесе биіктігін динамикалық түрде есептеу
Элементтің мөлшерін өзгерту
Анимацияның ұзақтығын анықтау
"Viewport width" (vw) және "viewport height" (vh) өлшем бірліктері қандай үшін қолданылады?
Шрифт өлшемін орнату
Экранның енінен биіктігіне пропорционалды өлшемдер беру
Элементтің анимациясын басқару
Жазу өлшемін динамикалық түрде орнату
HTML-дің "meta" тегінің негізгі қолданылуы қандай?
Қолданушының әрекетін бақылау
Веб-беттің мета-мәліметтерін көрсету (мысалы, сипаттама, кілт сөздер)
Веб-беттің көрінісін өзгерту
Мәтінді орталықта көрсету
JavaScript-де DOM элементін қалай өзгертуге болады?
document.getElementById('id').style.property='value'
document.getElementById('id').innerText='new value'
document.querySelector('.class').style.property='value'
Барлық жауаптар дұрыс
HTML-де қай тег қолданушының пікірін немесе пікірін жинауға арналған?
CSS-те "box-model" туралы қай қасиеттер жиі қолданылады?
border, padding, margin, width, height
font-size, font-family, color, background
display, position, flex, grid
box-shadow, ba
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-де бейнелердің кірістірілуі үшін қай тег қолданылады?
CSS-те "clear" қасиеті қандай қызмет атқарады?
Элементтің ішіндегі мәтінді көрсетеді
Элементтің сыртқы шекараларын жояды
Элементтің орналастыру орнын анықтайды
Элементтің айналасындағы плавающие элементтерді жояды
JavaScript-те қай әдіс массивтің соңына элемент қосуға қолданылады?
push()
pop()
shift()
unshift()
CSS-те "text-align" қасиетіне үшін қолданылады?
Мәтінді форматтау
Мәтінді экранда ортаға орналастыру
Мәтіннің түсін өзгерту
Мәтіннің мөлшерін өзгерту
HTML-де қай тег суреттерді көрсету үшін қолданылады?
HTML-де қайтег суреттерді көрсету үшін қолданылады?
CSS-те "overflow" қасиетіне үшін қолданылады?
Элементтің көлеңкесін өзгерту
Элементтің ішіндегі мазмұнның мөлшерінен асып кетуін бақылау
Элементтің шрифтін өзгерту
Элементтің түсін орнату
CSS-те "display:none;" қасиеті қандай әсер етеді?
Элементті беттен алып тастайды және оның кеңістігін жояды
Элементті бетте көрсетеді, бірақ көрінбейтін етеді
Элементті тек экраннан жасырады, бірақ кеңістігін сақтайды
Элементті тек мобильді құрылғыларда жасырады
HTML-де қайтег мәліметтерді кесте түрінде көрсету үшін қолданылады?
