vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом...
Transcript of vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом...
![Page 1: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/1.jpg)
Предлог поена:
Коначно поена:
Увод у веб дизајн:
Испитни ПројекатДатум:
Петар Петровић, вд 12/12
12/12ПетарПетровић вд Page 1
![Page 2: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/2.jpg)
Питања://оставите празну страницу за одговоре
12/12ПетарПетровић вд Page 2
![Page 3: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/3.jpg)
Пројекат
Кратак опис:следи пример који треба обрисати и убацити свој пројекат
Применом Bootstrap Studio- a креиран је веб сајт ........ који садржи странице приказане на сликама испод.
Слика1: Почетна страница
Слика2: Падајући мени
12/12ПетарПетровић вд Page 3
![Page 4: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/4.jpg)
Слика3: Страница је рспонсивна
Напомена:слике треба да буду нумерисане, као и странице
Слике из радног окружења у свим фазама израде без коментара
Слика 4
12/12ПетарПетровић вд Page 4
![Page 5: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/5.jpg)
Слика 5
CSS код (накнадних измена елемената, обавезно! Без коментара.)
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
iframe{max-width:100%;}
navbar navbar-default{width:100%}
.navColor{background:beige;}
#content{width:100%;margin:auto;}
12/12ПетарПетровић вд Page 5
![Page 6: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/6.jpg)
#footer{background:beige;}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red;
color: white;
font-weight:bold;
cursor: pointer;
padding: 15px;
border-radius: 10px;
}
#myBtn:hover {
background-color: Tomato;
}
HTML код (само накнадних измена елемената, обавезно! Без коментара.)
.....................
12/12ПетарПетровић вд Page 6
![Page 7: vtsns.edu.rsvtsns.edu.rs/.../uploads/2017/12/templateZaIapitIBoots… · Web viewПрименом Bootstrap Studio- a креиран је веб сајт ..... који садржи](https://reader033.fdocuments.in/reader033/viewer/2022042420/5f375673c6359a0fc56e960a/html5/thumbnails/7.jpg)
12/12ПетарПетровић вд Page 7