Pozdrav sigurno ako se bavite web developerstvom (mislim na front-end.) došli ste u situaciju da prosto na tren 'mozak stane' i ne znate kuda dalje?
Eto rešenja, novije verzije Adobe Photoshop CC -a imaju mogućnost da stilizuju klase za vas!
U narednih par koraka ćemo pojasniti zapravo kako to CC stilizuje za vas.
1) KORAK
'Kupite'PS CC i pokrenite ga.
Pokretanje i dizajniranje ćemo preskoÄiti, to je individualna stvar.
2) KORAK
Dizajnirajte nešto što želite da CC convertuje.
*Kada dizajnirate pregled vašeg veba, moj Vam je savet da pravilno nazovete te objekte (u CC) kako bi Vam kasnije bilo jednostavnije.
(http://image.prntscr.com/image/2524499cae894eab914b6fa2ceeab252.png)
3) KORAK
Pripremite radno okruženje u vaÅ¡em editoru za pisanje koda.I ovaj deo ćemo da preskoÄimo, kako i gde će te da pripremite radno okruženje to je vaÅ¡a stvar. Ako ne znate to...
4) KORAK
Vratićemo se za kratko na prvu sliÄicu kada sam vam rekao da objekte u CCu nazovete isto kako i želite da nazovete klase u vaÅ¡em HTML i CSS kodu.
(http://image.prntscr.com/image/97a6f35987344637a088c5062e84c749.png)
Kako je ovo i gde, saznajte na nekim drugim tutorijalima gde možete da nauÄite osnove HTMLa i CSSa.
5) KORAK
Vratimo se na CC i pribavimo CSS kod.
(http://image.prntscr.com/image/f7eb4b5bf44749b6b80481b157745014.png)
Pribavljanje koda se dobija klikom na Copy CSS.
6) KORAK
Otvorite vaš NotePad i pejstujte dobijeni kod. (To izgleda ovako)
(http://image.prntscr.com/image/f207c231cddc4706b7e8c3fb4309af00.png)
7) KORAK
Ako to nije dovoljno, dobijeni kod prilagodite vama.
U mom sluÄaju trebam prilagoditi pozadinu. (Prebaciti background-image u background-color, zaÅ¡to ne želim da objaÅ¡njavam...
8 ) KORAK
Kada se sve prilagodi to izgleda ovako:
(http://image.prntscr.com/image/fe521cdb849c478b8ddaaba715e9182f.png)
9) KORAK
Pregledajte vaš rad u vašem web browseru.
(http://image.prntscr.com/image/ed0281c1334d4bf7af2ab97fd9d87dab.png)
Voalá... Kroz par koraka skelet vaše web strane je napravljen.
Jedina mana je ne repsonzivnost! Što naravno može da se sredi kroz par klasa Bootstrap-a ili Materialize-a.
Iskreno se nadam da sam nekome pomogao! Prijatan dan. :)
[quote author=[BÊŸá´á´á´... Má´É´á´‡Ê] Sá´ÊŸá´...ɪᴇʀ link=topic=107147.msg683617#msg683617 date=1478787273]
Odlican tutorijal! :)
[/quote]
Fala ti :)
[quote author=[BÊŸá´á´á´... Má´É´á´‡Ê] Sá´ÊŸá´...ɪᴇʀ link=topic=107147.msg683617#msg683617 date=1478787273]
Odlican tutorijal! :)
[/quote]
Citat: berroni poslato Novembar 12, 2016, 12:50:09 POSLE PODNE
Svaka cast
Hvala, ako vam treba jos koji TuT u vezi web dizajna / programiranja u front ili back endu javite :)