Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

dreamweaver and Photoshop

[es] :: Web dizajn softver :: dreamweaver and Photoshop

[ Pregleda: 1984 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

rootserver
steka makic
Beograd

Član broj: 284586
Poruke: 83
*.crnagora.net.



+5 Profil

icon dreamweaver and Photoshop23.12.2011. u 20:46 - pre 150 meseci
Zdravo, zanima me da li je tesko kodirati sajt u dreamweaver uradjen u Photoshop? Dugo sa joomlom, wordpressom i poznajem po malo html i css ali u dreamweaver nijsam nikad radio. Da li je potrebno neko veliko znanje da u dreamweaver kodiram sajt koji kompletno dizajniran u PS? I kasnije ga integrisem za joomlu naprimer? Valjda u dreamweaver koliko vidim ne treba da radim sa puno sa kodovima jer je sve vizuelno?
 
Odgovor na temu

feniks-sd

Član broj: 163192
Poruke: 173
*.adsl.net.t-com.hr.



+2 Profil

icon Re: dreamweaver and Photoshop24.03.2012. u 08:26 - pre 146 meseci
Citat:
rootserver: Zdravo, zanima me da li je tesko kodirati sajt u dreamweaver uradjen u Photoshop? Dugo sa joomlom, wordpressom i poznajem po malo html i css ali u dreamweaver nijsam nikad radio. Da li je potrebno neko veliko znanje da u dreamweaver kodiram sajt koji kompletno dizajniran u PS? I kasnije ga integrisem za joomlu naprimer? Valjda u dreamweaver koliko vidim ne treba da radim sa puno sa kodovima jer je sve vizuelno?


Želo bi se osvrnuti na nekoliko detalja u ovome pitanju , jer sam shvatio da tu mnoge stvari nisu jasne. Uloga jednog i uloga drugog programa.

Ovdje u igru je ponekad korisno uvesti i treči alat, Fireworks, pa i Ilustrator.
Sada sam ga malo zakomplicirao.

Kada ti ili netko drugi napravi vizualni predložak u Photoshopu , snimiti tu sliku u obliku PNG datoteke onakvu cijelu kakva je ( kasnije ponovimo postupak sa dijelovima koji nama trebaju) .
Sada sliku uveze u Fireworks. Napravi slices ( izreže na dijelove, pri tome je dobro da svaki slice ima neko smisleno ime) i to exportira pri tome
snimi i HTML i slike u posebni folder ( po defaultu je to images).

Sada u Dreamwever podesiš site upravo onaj folder koji si napravio u predhodnom koraku. Učitaš sada index.html .
Sada je pred tobom ona ista slika koju si napravio u Photoshopu. Sada makneš slike koje ti ne trebaju, (prije toga naparavi kopiju index.html)
dodaš tekstove i tvoja stranica je gotova.

Stavi je na server i viola.

Naravno ja sam to sada malo previše pojednostavio, ali princip je takav otprilike.

Kada takav sistem namjeravaš implementirati u Joomlu, to je onda sasvim drugačiji način rada, jer taj predložak treba implementirati u predložak, što je dosta složen i dugotrajan postupak. Ponekad nije problem ni napraviti predložak , veći di ovremena meni oduzima samo testiranje i dorađivanje predloška , jer u početku ne primjenm mnogo toga što je nekim PS definirano. Neke stvari moram i promjeniti.

Mnogi dizajneri koji prave predloške u PS neznaju neka pravila pa je takav predložak ponekad neprimjenjiv ako ga želite implementirati u Joomla predložak. Npr spoji bacgraund layer sa nekim elementom na slici.

Ako imaš opet veliku želju da praviš predloške za Joomlu, javi mi se posebno, pa ću te uputiti na neke detalje.
 
Odgovor na temu

Sceko

Član broj: 287601
Poruke: 64
*.crnagora.net.



+6 Profil

icon Re: dreamweaver and Photoshop04.04.2012. u 11:24 - pre 146 meseci
Ja radim malo na drukci nacin, napravim u photoshop kako to sve treba da izgleda npr: kao www.Oklop.me i posle iskodirao u Dw i integrtisao u WHMCS primera radi, sad radim ovo http://slike.milf-hosting.info/images/1333456775.jpg
Posle u Dw odradis sve kao sajt da je funkcionalno i posle u WP npr integrisem. Jednostavno je ali ne koristim slice, sve se to odradi pomocu div u Dw. Eventualno ako bas moras neki dio da izrezes, naravno da pokupis elemente koje si koristio u Ps kao sto je u ovom slucaju mob ikonica ili email ikonica...
Hosting u Crnoj Gori www.oklop.me
 
Odgovor na temu

[es] :: Web dizajn softver :: dreamweaver and Photoshop

[ Pregleda: 1984 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.