wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

boostrap

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

"Bir site için gerekli olan tüm elementleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, açılan menüler, farklı özellikte butonlar vb bir çok tasarım ögesini) içinde barındıran açık kaynak kodlu, ücretsiz bir CSS frameworktür, tasarım aracıdır diyen biri hangisini kullanıyordur?

a)

Camtasia

b)

İllustrator

c)

Bootstrap

d)

FrostWire

2.

Bootstrap çalışma sistemine göre kaç sütundan oluşur?

a)

15

b)

12

c)

9

d)

6

3.

Web sitesinin mobil ve tablet cihazlardan girildiğinde site içindeki resim, yazı gibi elementlerin ekran genişliğine göre yeniden şekillenip ekrana tam oturması olayını ifade edebilmek için kullanılan ingilizce terim hangisidir?

a)

responstrap

b)

moviesive

c)

viewstrap

d)

responsive

4.

Bu kod ne için kullanılır?

<meta charset="utf-8">

a)

Kodlar içerisindeki farklı karakterleri tanımlaması veya algılaması için (örneğin:türkçe ğ,ç,ş vs.)

b)

Farklı sayfalardan kod getirmek için

c)

Farklı sayfalara bağlanmak için

d)

Stil kodlarını tanımlayabilmek için

5.

Bu kod sitenin hangi bölümüne yazılır?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

a)

<label></label>

b)

<head></head>

c)

<body></body>

d)

<div></div>

6.

Bu kod ne için kullanılır?

<div class="container">

a)

Yazı ve resim stillerini tanımlamak için kullanılır.

b)

Site araçlarını farklı cihazlara göre ayarlamak için kullanılır.

c)

Ekranın belirli bir bolumunu yakınlaştırmak için kullanılır.

d)

Ekranın belirli bir bölümünde sabit bir genişliği kullanmak için yazılan kod'tur.

7.

Yukarıdaki resimde görülen site araçlarından hangisidir?

a)

Buttons

b)

Progres Bar

c)

Slide Bar

d)

Navigation Bar

8.

Resimde görülen araç için aşağıdaki kodlardan hangisi kullanılır?

a)

<span class="border"></span>

b)

<button type="button" class="btn"></button>

c)

<ul class="pagination"></ul>

d)

<label class="form-check-label"></label>

9.

Bootstrap hangisi için kullanılamaz?

a)

sql

b)

javascript

c)

html

d)

jquery

10.

Bootstrap hangi ortamlar için uygundur?

a)

Mobil

b)

Tablet

c)

Desktop

d)

Hepsi