Uvod
Web stranica je izrađena s ciljem prezentacije multimedijskog projekta za kolegij. Na početku je kreiran osnovni layout korištenjem HTML5 i CSS3 tehnologija.
Struktura stranice je podijeljena na header, main sadržaj i footer. Za stilizaciju je korišten CSS, gdje su definirani stilovi za osnovne elemente poput fontova, boja i rasporeda elemenata.
Uređivanje tekstualnog sadržaja
Za tekstualni sadržaj koristio sam semantičke HTML elemente kako bi struktura bila jasna i pristupačna. Tekst je formatiran korištenjem CSS-a,
gdje sam prilagodio veličinu fonta, boju i razmake za bolju čitljivost. Također, uvedeni su hover efekti za interaktivne elemente kako bi korisničko iskustvo bilo intuitivno.
Generalni dizajn
Posebna pažnja posvećena je responsivnom dizajnu, osiguravajući da web stranica izgleda ispravno na različitim uređajima i veličinama ekrana.
Za navigaciju kroz sadržaj izrađen je jednostavan i intuitivan izbornik koji vodi korisnika kroz sve dijelove projekta.
Na kraju, stranica je testirana na različitim preglednicima kako bi se osigurala kompatibilnost i funkcionalnost.
Poster
Za izradu postera u svrhu turističke promocije grada Pule koristio sam Marq software, koji je web alat sličan Scribusu, ali jednostavniji i moderniji za rad. Prvo sam stvorio novi prazan dokument veličine A4. Nakon toga, s lijeve strane u kartici Tekst, kliknuo sam na nju i odabrao zaglavlje kako bih napravio glavni naslov. Napisao sam "POSETITE GRAD PULU!" i promijenio boju teksta u zelenu te dodao lagani plavi obrub na način da sam kliknuo na zaglavlje, a zatim na tri točkice, pa mi se s desne strane otvorio izbornik gdje sam mogao sve promjene napraviti. Da bi tekst bio uočljiviji, ispod izbornika fontova s desne strane nalazi se opcija wrap. Koristio sam je kako bih tekstu dao lijepu krivulju. Na kraju, ispod funkcije wrap, uključio sam i sjenu da bi se naslov još više isticao. Sve navedeno primijenio sam i na tekst "Zašto", jedina razlika je što to nije zaglavlje nego podzaglavlje, i nisam stavio lagani plavi obrub.
S desne strane kliknuo sam na Oblici kako bih dodao upečatljivu pozadinu, odabrao sam "scroll" te sam ga povukao i ispustio na poster. Koristeći miša, postavio sam ga paralelno preko cijelog postera. Nakon toga, s desne strane u izborniku opcija za scroll, odabrao sam opciju gradijenta s tri klizača. Odabrao sam klasične boje grada Pule te sam stavio jedan žuti klizač u sredinu, a dva zelena na lijevu i desnu stranu. Time sam dobio lijepe i upečatljive boje postera.
Nakon toga, dodao sam tekst s vlastite audio skripte kako bih odgovorio na pitanje "Zašto". Tekst sam dodao tako što sam odabrao opciju Tijelo teksta s lijevog izbornika. Nakon dodavanja teksta, postavio sam ga da bude crne boje, podcrtan i kurziv, sve to sam radio u malom izborniku koji se pojavi prilikom klika na tekst. U desnom izborniku još sam uključio sjenu. Na kraju sam dodao prikladne slike tako što sam kliknuo na Slike u lijevom glavnom izborniku. Koristeći Bing pretragu, postavio sam prikladne slike te ih ravnomjerno rasporedio po plakatu. Na njima sam također uključio sjenu. Poster sam nakon toga spremio na svoje računalo.
