Priprema za novu stranicu

U ovom postu ćemo krenuti sa novom stranicom. Prije izrade svake stranice trebamo imati na umu kako će to izgledati i napraviti si raspored datoteka. 

Kako će naša stranica izgledati?

Za početak ćemo napraviti jednostavnu landing/front page stranicu koja će imati u sebi navigaciju, nekakav video u pozadini, animirani tekst i na kraju logo i naziv stranice. U ovom slučaju, odlučio sam se da ćemo napraviti imaginarnu slastičarnicu imenom "Veliki Muffin". Logo će nam biti veliki muffin. Naravno, kao i svaka moderna web stranica i naša će biti responzivna. 

Struktura stranice

Na našem računali napravit ćemo novu mapu sa nekakvim imenom, može se zvati i Veliki Muffin, nije bitno. Bitno je kako ćemo organizirati datoteke i mape unutar samog projekta. Plan je odvojiti HTML datoteke od CSS datoteka. Kako ćemo imati video i slike, napraviti ćemo odvojene mape u koje ćemo ih spremati.

Struktura će izgledati onda ovako. Mapa Veliki Muffin će u sebi imati jedan index.html dokument i jednu mapu naziva public. U public mapi će biti tri mape: css, images i video. Unutar css mape ćemo imati dva css dokumenta: styles.css i homepage.css. Mapa images će u sebi imati logo.svg sliku, a video će imati homepage_background.mp4 video. 

U idućem postu ćemo krenuti sa izradom mapa i početnih dokumenta.