ChatGPT izrada web stranice Dio 2

Nakon što mi je ChatGPT u prvom videu pomogao složiti osnovnu strukturu stranice, a u drugom videu sam dodao logo, slike, navigaciju i stranicu “Usluge”, vrijeme je za finalna podešavanja i objavu weba!

Evo što sam sve napravio u trećem dijelu:

🖼️ Dodavanje slika na stranicu “Usluge”

Na stranici “Usluge” dodao sam slike koje vizualno predstavljaju svaku od usluga. Time je stranica postala puno preglednija i zanimljivija.

🔠 Povećanje veličine naslova

Primijetio sam da su naslovi bili premali i teško uočljivi, pa sam ih povećao pomoću CSS-a. Sad su puno čitljiviji i bolje ističu ključne dijelove stranice.

🌑 Overlay na hero pozadinu

Da bi se tekst na hero slici bolje vidio, dodao sam tamni overlay (poluprozirni sloj preko slike). Efekt je jednostavan, ali vizualno jako efektan – tekst je čitljiv, a slika ostaje vidljiva.

📱 Dodavanje responzivnosti

Koristeći osnovne media query pravila u CSS-u, prilagodio sam stranicu za mobilne uređaje. Navigacija, slike i tekstovi sada izgledaju solidno i na manjim ekranima – nema više “razlijevanja” sadržaja.

☁️ Upload na hosting + provjera

Na kraju, stranicu sam postavio na hosting i napravio završnu provjeru:

✅ Svi linkovi rade

✅ CTA gumbi vode gdje trebaju

✅ Stranica se pravilno prikazuje na desktopu i mobitelu

📌 Zaključak

Ovo je bio važan korak jer sada web stranica:

• Izgleda profesionalnije

• Ima jasnu strukturu i funkcionalnost

• Radi na svim uređajima

• Dostupna je online na ovom linku!

ChatGPT može napraviti strukturu web stranice, ali da bi web stranica bila ono što treba, potrebno je ipak doraditi i uklopiti da sve funkcionira.

Pogledaj video