https://siwiki.rs/w/index.php?action=history&feed=atom&title=%D0%92%D0%B5%D0%B1_%D0%B4%D0%B8%D0%B7%D0%B0%D1%98%D0%BD%2F%D0%9A1_%D0%88%D1%83%D0%BD_2021
Веб дизајн/К1 Јун 2021 - Историја измена
2026-06-04T02:38:03Z
Историја измена ове странице на пројекту
MediaWiki 1.39.8
https://siwiki.rs/w/index.php?title=%D0%92%D0%B5%D0%B1_%D0%B4%D0%B8%D0%B7%D0%B0%D1%98%D0%BD/%D0%9A1_%D0%88%D1%83%D0%BD_2021&diff=7511&oldid=prev
DjoleRkc: Нова страница: {{tocright}} '''Prvi kolokvijum u junskom roku 2021. godine''' održan je 10. juna. Postavka je dostupna [https://rti.etf.bg.ac.rs/rti/si2vd/rokovi/VD_2021_Jun.zip sa stranice predmeta.] ''Bootstrap'' biblioteka se uvozila preko minifikovanih JavaScript i CSS fajlova koji su bili dati u materijalima. == Rešenje == === <code>zadatak1.html</code> === <syntaxhighlight lang="html"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi…
2024-04-18T10:32:47Z
<p>Нова страница: {{tocright}} '''Prvi kolokvijum u junskom roku 2021. godine''' održan je 10. juna. Postavka je dostupna [https://rti.etf.bg.ac.rs/rti/si2vd/rokovi/VD_2021_Jun.zip sa stranice predmeta.] ''Bootstrap'' biblioteka se uvozila preko minifikovanih JavaScript i CSS fajlova koji su bili dati u materijalima. == Rešenje == === <code>zadatak1.html</code> === <syntaxhighlight lang="html"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi…</p>
<p><b>Нова страница</b></p><div>{{tocright}}<br />
'''Prvi kolokvijum u junskom roku 2021. godine''' održan je 10. juna. Postavka je dostupna [https://rti.etf.bg.ac.rs/rti/si2vd/rokovi/VD_2021_Jun.zip sa stranice predmeta.] ''Bootstrap'' biblioteka se uvozila preko minifikovanih JavaScript i CSS fajlova koji su bili dati u materijalima.<br />
<br />
== Rešenje ==<br />
=== <code>zadatak1.html</code> ===<br />
<syntaxhighlight lang="html"><br />
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"><br />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bundle.min.js"></script><br />
<link rel="stylesheet" href="zadatak1.css"><br />
<title>Document</title><br />
</head><br />
<body><br />
<br />
<div class="container"><br />
<div class="row"><br />
<div class="col-lg-12 col-md-12 col-sm-12 jumbotron"><br />
<nav class="navbar2"><br />
<img src="./slike k1/logo.png" alt="Logo" class="logo justify-content-left"><br />
<h2 class="naslov">Špageterija</h2><br />
<img src="./slike k1/logo.png" alt="Logo" class="logo justify-content-right"><br />
</nav><br />
<br />
</div><br />
</div><br />
<br />
<div class="row"><br />
<div class="col-lg-12 col-md-12 col-sm-12 d-flex midrow"><br />
<img src="./slike k1/slika1.jpg" alt="Bolonjeze" id="s1"><br />
<img src="./slike k1/slika2.jpg" alt="Karbonara" id="s2"><br />
<img src="./slike k1/slika3.jpg" alt="Arabiata" id="s3"><br />
<br />
</div><br />
</div><br />
<br />
<br />
<br />
<div class="row"><br />
<div class="col-lg-12 col-md-12 col-sm-12 bg-warning rounded"><br />
Najbolje špagete u gradu! Naručite i uverite se u to!<br />
</div><br />
</div><br />
<div class="row"><br />
<div class="class col-lg-4 col-md-4 col-sm-4"></div><br />
<br />
<div class="col-lg-4 col-md-4 col-sm-4"><br />
<form action=""><br />
<table class="table table-light table-striped"><br />
<tr><br />
<td>Ime:</td><br />
<td colspan="2"><input type="text"></td><br />
</tr><br />
<tr><br />
<td>Prezime:</td><br />
<td colspan="2"><input type="text"></td><br />
</tr><br />
<tr><br />
<td>Testenina:</td><br />
<td colspan="2"><select><br />
<option value="Pene">Pene</option><br />
<option value="Fusili">Fusili</option><br />
<option value="Taljatele">Taljatele</option><br />
</select><br />
</td><br />
</tr><br />
<tr><br />
<td>Dodatak</td><br />
<td colspan="2"><br />
<input type="checkbox" value="Pesto sos" name="sos">Pesto sos<br />
<input type="checkbox" value="Napoletana sos" name="sos">Napoletana sos&nbsp;&nbsp;&nbsp;&nbsp;<br />
<input type="checkbox" value="Bademi">Bademi<br />
<input type="checkbox" value="Parmezan">Parmezan<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" class="text-center"><br />
<button class="btn">Naruči</button><br />
</td><br />
</tr><br />
</table><br />
</form><br />
</div><br />
<div class="class col-lg-4 col-md-4 col-sm-4"></div><br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
</syntaxhighlight><br />
<br />
=== <code>zadatak1.css</code> ===<br />
<syntaxhighlight lang="css"><br />
.logo{<br />
width: 50px;<br />
}<br />
<br />
.navbar2{<br />
display: flex;<br />
justify-content: space-between;<br />
}<br />
<br />
.naslov{<br />
text-align: center;<br />
font-size: 28px;<br />
font-weight: bold;<br />
}<br />
<br />
.jumbotron{<br />
background-color: lightgray;<br />
padding-top: 60px;<br />
padding-bottom: 60px;<br />
margin-bottom: 10px;<br />
<br />
}<br />
<br />
#s1, #s2, #s3{<br />
width: 30%;<br />
}<br />
<br />
.midrow{<br />
justify-content: space-between;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
margin-top: 20px;<br />
}<br />
.bg-warning{<br />
text-align: center;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
.btn{<br />
background-color: lightsalmon;<br />
font-weight: bold;<br />
border: 2px solid black;<br />
}<br />
<br />
.btn:hover{<br />
background-color: lightgray;<br />
}<br />
<br />
</syntaxhighlight><br />
<br />
[[Категорија:Веб дизајн]]<br />
[[Категорија:Рокови]]</div>
DjoleRkc