vtsns.edu.rsvtsns.edu.rs/.../2017/12/templatezaiapitibootstrap.docx · web viewcss(оставите...
TRANSCRIPT
Предлог поена:
Коначно поена:
Увод у веб дизајн:
Испитни ПројекатДатум:
Петар Петровић, вд 12/12
12/12ПетарПетровић вд Page 1
Питања://оставите празну страницу за одговоре
12/12ПетарПетровић вд Page 2
Пројекат
Кратак опис:следи пример који треба обрисати и убацити свој пројекат
Применом Bootstrap- a креиран је веб сајт ........ који садржи странице приказане на сликама испод.
Слика1: Почетна страница
Слика2: Падајући мени
12/12ПетарПетровић вд Page 3
Слика3: Страница је рспонсивна
Напомена:слике треба да буду нумерисане, као и странице
12/12ПетарПетровић вд Page 4
Код: (обришите постојећи и копирајте ваш код)
//Коментари и објашњења нису дозвољена
HTML(оставите наслов HTML)<div class="row" id="content"><div class="col-sm-12 col-md-6 col-lg-8" id="test1"><h1>Вести</h1>
<div class="jumbotron"> <h1 class="display-3">Пријава ипсита</h1> <p class="lead">Пријава испита за јануарскин испитни рок траје од 15.11.2017-12.12.2017. године</p> <hr class="my-4"> <p>Накнадна пријава се плаћа 700 динара.</p> <p class="lead"> <a class="btn btn-primary btn-lg" href="#" role="button" style="background:green">Прочитај више</a> </p></div>
<div class="jumbotron"> <h1 class="display-3">Распоред испита</h1> <p class="lead">Објављен је распоред испита за јаnнуарски испитни рок.</p> <hr class="my-4"> <p>Молимо студенте да пријаве евентуалне грешке.</p> <p class="lead"> <button type="button" class="btn btn-primary btn-lg" data-toggle="collapse" data-target="#demo" style="background:green">Распоред</button> <div id="demo" class="collapse"> <div class="container"> <h2>Распоред испита </h2> <table class="table table-condensed">
12/12ПетарПетровић вд Page 5
<thead> <tr> <th>Датум</th>
<th>време</th> <th>Предмет</th> <th>Просторија</th> </tr> </thead> <tbody> <tr> <td>21.01.2017.</td> <td>9.00</td> <td>Увод у интернет технологије</td>
<td>А</td> </tr> <tr> <td>21.01.2017.</td> <td>14.00</td> <td>Математика</td>
<td>А</td> </tr> <tr> <td>22.01.2017.</td> <td>9.00</td> <td>Графички дизајн</td>
<td>П</td>> </tr> </tbody> </table></div> </div> </p></div>
</div>
12/12ПетарПетровић вд Page 6
CSS(оставите наслов 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;}
//#test1{background:green;}
//#test2{background:orange;}
#content{width:100%;margin:auto;}
#footer{background:beige;}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red;
12/12ПетарПетровић вд Page 7
color: white;
font-weight:bold;
cursor: pointer;
padding: 15px;
border-radius: 10px;
}
#myBtn:hover {
background-color: Tomato;
}
12/12ПетарПетровић вд Page 8