LV10 - Kod za WEB stranicu
Datoteke je potrebno staviti u isti direktorij kako bi sve funkcioniralo, nazive slika i datoteka je također ptorebno prilagoditi.
POČETNA STRANICA
Web stranica.html
<!DOCTYPE html>
<html>
<head>
<title>Ptice</title>
</head>
<style>
.zaglavlje {
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #3D7DFF;
padding: 30px;
text-align: center;
text-align: center;
font-size: 50px;
}
.glavno{
background-color: #3D7DFF;
text-align: left;
font-size: 25px;
}
.podnozje{
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #3D7DFF;
background-size: cover;
padding: 30px;
text-align: center;
}
</style>
<body>
</style>
<div class="zaglavlje">
<p>
<b>
<a href="Web stranica.html">Početna</a>
<a href="Galeb.html">Galeb</a>
<a href="Gavran.html">Gavran</a>
<a href="Prepelica.html">Prepelica</a>
</b>
</p>
</div>
<div class="glavno">
<pre>
<a href="Galeb.html">Galeb</a> <a href="Gavran.html">Gavran</a> <a href="Prepelica.html">Prepelica</a>
<img src="slike/pocetna/zavrsna.png" alt="Ptice">
</pre>
</div>
<div class="podnozje">
<p>
</p>
</div>
</body>
</html>
OSTALE STRANICE
Gavran.html
<!DOCTYPE html>
<html>
<head>
<title>Gavran</title>
</head>
<style>
.zaglavlje {
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #CCCCCC;
padding: 30px;
text-align: center;
text-align: center;
font-size: 50px;
}
.glavno{
background-color: #CCCCCC;
text-align: left;
font-size: 25px;
}
.podnozje{
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #CCCCCC;
background-size: cover;
padding: 30px;
text-align: center;
}
</style>
<body>
</style>
<div class="zaglavlje">
<p>
<b>
<a href="Web stranica.html">Početna</a>
<a href="Galeb.html">Galeb</a>
<a href="Gavran.html">Gavran</a>
<a href="Prepelica.html">Prepelica</a>
</b>
</p>
</div>
<div class="glavno">
<h1>Uvod o ptici</h1>
Gavran je dužinom tijela koja može biti i do 64 cm, težinom između 1 i 1,5 kg
te rasponom krila od 1,20 m značajno veći od svih drugih europskih članova porodice vrana.
Jednobojno je crn, a pokrovna pera, naročito na krilima, imaju metalni sjaj. Upadljiv klinasti
oblik repa je posebno vidljiv u letu i po njemu ga se već izdaleka može razlikovati od vrlo slične
vrste crnih vrana (Corvus corone). Kljun mu je snažan, i lagano zakrivljen prema dolje. U letu se glasno
glasaju zvukom koji liči na šuplje korrk ili korkh. Gavran može vrlo dobro oponašati i glasove drugih
vrsta. Može iznimno dobro imitirati ljudski govor.
<img src="slike/ptica2/Gavran1.jpg" alt="gavran u letu">
<img src="slike/ptica2/Gavran2.jpg" alt="gavran">
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/6ZJGsJ2JlAY?si=GGORleKLbcwxlxnz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div class="podnozje">
<p>
</p>
</div>
</body>
</html>
Prepelica.hmtl
<!DOCTYPE html>
<html>
<head>
<title>Prepelica</title>
</head>
<style>
.zaglavlje {
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #37CC12;
padding: 30px;
text-align: center;
text-align: center;
font-size: 50px;
}
.glavno{
background-color: #964B00;
text-align: left;
font-size: 25px;
}
.podnozje{
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #964B00;
background-size: cover;
padding: 30px;
text-align: center;
}
</style>
<body>
</style>
<div class="zaglavlje">
<p>
<b>
<a href="Web stranica.html">Početna</a>
<a href="Galeb.html">Galeb</a>
<a href="Gavran.html">Gavran</a>
<a href="Prepelica.html">Prepelica</a>
</b>
</p>
</div>
<div class="glavno">
<h1>Uvod o ptici</h1>
Prepelica (lat. Coturnix coturnix, eng. common quail, njem. Wachtel, fra. caille),
u cijelom svijetu poznata ptica s brojnim geografski ograničenim podvrstama.
Najmanja je iz reda kokoški. Najčešća su joj staništa žitna polja i ravnice s livadama.
Populacija prepelica varira 35 000 000 – 300 000 000. Pomalo su ugrožene zbog lova na njih.
<br>
<img src="slike/ptica3/Prepelica1.jpg" alt="Škanjac">
<img src="slike/ptica3/Prepelica2.jpg" alt="Škanjac u letu">
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KE3rLESMU64?si=Tr9xpyiO5oNUdlMy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div class="podnozje">
<p>
</p>
</div>
</body>
</html>
Galeb.html
<!DOCTYPE html>
<html>
<head>
<title>Galeb</title>
</head>
<style>
.zaglavlje {
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #C6E2FF;
padding: 30px;
text-align: center;
text-align: center;
font-size: 50px;
}
.glavno{
background-color: #C6E2FF;
text-align: left;
font-size: 25px;
}
.podnozje{
margin-top: auto;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #C6E2FF;
background-size: cover;
padding: 30px;
text-align: center;
}
</style>
<body>
</style>
<div class="zaglavlje">
<p>
<b>
<a href="Web stranica.html">Početna</a>
<a href="Galeb.html">Galeb</a>
<a href="Gavran.html">Gavran</a>
<a href="Prepelica.html">Prepelica</a>
</b>
</p>
</div>
<div class="glavno">
<h1>Uvod o ptici</h1>
Galeb (lat. Larus) je veliki rod galebova sa svjetskom rasprostranjenošću
(s daleko najvećom raznolikošću vrsta na sjevernoj polutci). Ime roda potječe
od starogrčkog laros (λάῥος) ili latinskog larus, što je, čini se, na tim jezicima
bio naziv za galeba ili drugu veliku morsku pticu.[1] Mnoge su vrste ovog roda
česte i dobro poznate ptice. Do oko 2005. – 2007., većina galebova se nalazila u
tom rodu, u aranžmanu poznatom kao polifilija. No, tada dolazi do ponovnog vraćanja
u uporabu rodova Ichthyaetus, Chroicocephalus, Leucophaeus i Hydrocoloeus (ovaj posljednji
je bio priznat češće od drugih rodovi) nekoliko vrsta tradicionalno uključenih u Larus.
Galebovi iz ovog roda općenito su srednje do velike ptice, obično sive ili bijele, često s crnim
oznakama na glavi ili krilima. Imaju stasite, dugačke kljunove i rebrasta stopala.
Taksonomija velikih galebova u kompleksu srebrnastih i smeđih galeba vrlo je složena, a različita
znanstvena tijela prepoznaju između dvije i osam vrsta.
<br>
<img src="slike/ptica1/Galeb1.jpg" alt="galeb iz bliza">
<img src="slike/ptica1/Galeb2.jpg" alt="galeb u letu">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Tk0_QWXSoks?si=N1vg4oDJ9SW6busX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="podnozje">
<p>
</p>
</div>
</body>
</html>
Datoteke je potrebno rasporediti na slijedeći način
Poseban direktorij za ove datoteke
Unutar direktorija slike potrebno je napraviti podriektorije sa slijedećim nazivima
Unutar tih direktorija se nalaze fotografije potrebne za WEB stranicu