1) Zahtevi (opis)
Napraviti jednostavnu web prezentaciju o sebi ili temi po izboru koristeći HTML i CSS.
Prezentacija bi trebalo da ima najmanje tri međusobno povezane strane i da koristi osnovne elemente
web tehnologija (tekst, slike, linkove, listu, tabele, forme itd.).
2) 📂 Struktura projekta
Projektni folder se zove prezime_ime_brindeksa (na primer danijela_simic_mi25005) i sadrži:
/prezime_ime_brindeksa
│
├── index.html → početna strana
├── tema.html → akademska tema
├── style.css → stilovi za sve strane
├── main.tex → LaTeX izvor (generiše rad.pdf)
├── rad.pdf → PDF (generisano iz main.tex)
└── /slike → slike koje koristi projekat
3) 📜 Obavezni HTML elementi
Student mora da koristi najmanje po jedan primer iz svake kategorije.
| Kategorija |
Primeri elemenata |
| Struktura |
<html>, <head>, <body>,
<title>, <meta>
|
| Tekstualni sadržaj |
<h1>–<h3>, <p>,
<strong>, <em>, <br>
|
| Liste |
<ul>, <ol>, <li> |
| Linkovi i navigacija |
<a href=""> (unutrašnji i spoljašnji linkovi) |
| Slike |
<img src="" alt=""> (obavezno smislen alt)
|
| Tabele |
<table>, <tr>, <td>, <th>
(npr. raspored, ocene, reference)
|
| Forme |
<form>, <input>, <textarea>,
<button> (npr. kontakt forma)
|
| CSS selektori |
#id, .class, kombinovani selektori |
| CSS svojstva |
boje, fontovi, margine/padding, border, background,
:hover efekti
|
4) 🎨 Zahtevi za izgled (CSS)
- Koristiti spoljni CSS fajl (
style.css), ne inline stilove.
-
Definisati barem:
- različite stilove za naslove, tekst i linkove,
- raspored (jednostavna navigacija na vrhu),
- pozadinu (boja ili slika),
- hover efekat na linkovima ili dugmadima.
-
Strane treba da imaju jedinstven, ali konzistentan stil
(da izgledaju kao deo iste celine).
5) ⚙️ Zahtevi za funkcionalnost
- Navigacija između svih strana mora raditi (ispravni linkovi).
- Sadržaj je jasan i logično strukturiran.
- Strane se otvaraju u pregledaču bez grešaka.
- Kod je uredan i čitljiv (uvlake; komentari po potrebi).
- Svi resursi su lokalni (slike, CSS) — bez eksternih linkova.
6) LaTeX deo — rad.pdf
Kratak akademski tekst (~1 strana) u PDF formatu, generisan pomoću LaTeX-a iz
main.tex. Minimalno treba da sadrži:
- Dokument je na ćirilici
- Dokument ima sadržaj na početku
- Naslov, autor, datum
- Ima poglavlja i potpoglavlja, na primer:
\section{...}
- Matematičke formule (npr.
$E=mc^2$)
- Jedna tabela
- Liste u različitim formatima.
- Jedna slika (može ista/simbolična kao u HTML delu), ali lepo formatirana, recimo sa leve strane teksta
- Ima teoremu, definiciju, lemu (voditi računa da sve bude na srpskom jeziku)
- Tekst je u različitim formatima (bold, italic, različitih boja)
- Kratak zaključak
7) Povezivanje sa glavnim projektom (Git)
- Kreirati sopstveni folder u
/studenti/.
- Ubaciti sve fajlove projekta.
-
NE ažurirati glavnu stranu (glavni
index.html).
- Kreirati pull request radi predaje projekta.
-
Uraditi code review projekta jednog kolege i ostaviti konstruktivan komentar.
-
Link ka repozitorijumu