Sadržaj
Raspored se odnosi na raspodjelu elemenata u zadanom prostoru na stranici, dok urednički dizajn uključuje i druge elemente koji se kreću od grafičkog projekta do proizvodnih procesa koji se nazivaju i priprema za tisak. Međutim da bi
ovaj proces je poznat kao izgled.
Za početak dizajna web stranice
Potrebno je imati 3 programa poput PhotoShopa, Vatrometa i Dreamweavera. S druge strane, bitno je imati prethodno znanje o HTML kodu. HTML opisuje strukturu i sadržaj web stranice u obliku teksta. Elementi u HTML -u sastoje se od početne oznake i završne oznake, između njih se postavlja sadržaj.
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_2.jpg.webp)
Kad se multimedijski sadržaj počeo masovno koristiti na webu, pojavio se u kodu HMTL 5 kako bi se olakšalo to uključivanje. HTML5 ima sljedeće karakteristike.
- Ne biti iz privatnih ruku
- Fleksibilno
- Korišteni standardi
Prije nego što je počeo raditi s izgledom, dizajner je morao raditi na projektu u kojem odražava potrebe svojih klijenata:
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_3.jpg.webp)
Zatim će se otvoriti program PhotoShop (PSD) za pregled projekta:
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_4.jpg.webp)
Zatim ćemo početi analizirati zajedničke elemente, odnosno organizirati stranicu u grupe.
Može se vidjeti da će tijelo stranice biti ukupan iznos projekta gdje će se različiti elementi zatim početi grupirati, na primjer: unutar sadržaja dva logotipa koji se nalaze u gornjem dijelu:
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_5.jpg.webp)
Nakon što se osnovni projekt analizira u PhotoShopu, rad s vatrometom počet će:
Otvorite projekt pomoću vatrometa:
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_6.jpg.webp)
Pomoću alata za podjelu Vatromet svaki od elemenata dizajna počet će se uokvirivati:
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_7.jpg.webp)
Nakon podjele elemenata, oni se zajedno biraju i izvoze kao HTML i slike. Na taj će se način generirati datoteke za svaku od podjela.
![](https://cdn.smartworldclub.net/6332857/introduccin_a_la_maquetacin_web_8.jpg.webp)
Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima