HTML i CSS Vežba 5

Skinite arhivu sa potrebnim fajlovima za izradu ove vežbe i raspakujte je u svom folderu.

U arhivi sa zadatkom nalazi se slika u većoj rezoluciji nego ovde.

Početni dokument (koji se u ovom slučaju sastoji od polu-završenog HTML-a), možete otvoriti u Web Frontu na START platformi i odmah vežbati u njemu. Vežbu radite tako što menjate početni dokument, sledeći zadatke. I u ovoj vežbi ćete koristiti CSS Panel koji je integrisan u Web Front.

Kao i prošli put, zadaci su navedeni u samom dokumentu. Dokument je dat kao polu-završeni HTML, a naglasak je na kreiranju CSS-a. Od HTML-a je potrebno napraviti kompleksnu tabelu i listu sa podstavkama. Glavni izazov će biti kreiranje CSS stilova. Osim HTML selektora, pravićemo i selektore klase, ID selektore i pseudo-klase. Druga velika stvar vezana za CSS je pozicioniranje - relativno, apsolutno i fiksno. Sam CSS po prvi put neće biti definisan u HTML dokumentu, već u posebnom fajlu.

Podsetnik

• HTML
  • Generički blok element
  • HTML liste
  • Kreiranje podlista u HTML-u
  • Osnovna HTML tabela
  • HTML tabele sa spojenim ćelijama
  • Kreiranje kompleksnih HTML tabela
• CSS osnove
  • Kreiranje stilova
  • Korišćenje CSS-a u HTML dokumentu
  • Selektori
  • HTML selektori
  • CSS selektor klase i identifikacije
  • CSS pseudo-klase
  • CSS pozicioniranje
  • CSS relativno pozicioniranje
  • CSS apsolutno pozicioniranje
  • CSS fiksno pozicioniranje
• CSS atributi
  • Atributi fonta
  • Atributi teksta
  • Border
  • Padding
  • Margin
  • Širina i visina
  • CSS formatiranje tabela

Rešenje

Ako niste sigurni kako da uradite neki zadatak, kompletno rešenje možete odmah pogledati ovde...