Napravio sam izgled web stranice u Photoshopu,povukao sam gridove da označim dijelove za linkove i druge stranice ali kako sada to iseći i kako snimiti i ono najvažnije kako to ubaciti u web sajt pošto koristim MS Visual Web Designer?
Znam ali nece ti photoshop CSS napravit...
Morat ces malo tipkat :)
www.w3schools.com pa pogledaj malo o HTML-u i CSSu
Photoshit cs3
File -> save for web & devi...... -> save -> save as type (html and images)
Rezultat ovoga je gotova i posve upotrebljiva stranica (dakle i html, css i images).
ali svakako je bolje da to sve odradis rucno kako je to receno u prethodnom postu
Da al to ispade kupus, pogotovo ako mislis dizajn ukomponirat u CMS...
Da,znam da ću morati da piskaram,tutoriajl koji sam čitao o pravljenju layouta u photoshopu je predviđen da se nastavi u Dreamveaweru, a ja koristim MS Visual Studio 2008 Web Designer.Što sad?Tj. kako ubacit taj layout i dalje moći njime manipulirat samom kodom tj. html-om/cmm-om.i ono najvažnije kako ubacit dio za pisanje teksta,znači centralni dio u koji se pišu vijesti,novosti,dio koji je često ažuriran?
PozZz svima...zasto kad vec radis sa photoshopom CS3,ne radis i sa dreamviewerom CS3???Mozda bi mogao prebaciti u DW,ali nisam siguran...isto tako kad bi prebacio cekalo bi te puno rucnog pisanja HTML-a i ostatka,nikako ne mozes izbjeci to ako zelis bolju stranicu...zato nabavi CS3 paket u completu ili na papiru napravi skicu svega i rucno pisi cod u svom programu web designa...nije mi jasno kako mislis prebaciti file photoshopa u web design program???To nikako ne mozes pretvoriti tek-tako u web stranicu,sve da prebacis ne mozes izbjeci rucni rad...pa zar ti nije odmah jednostavnije pisati cod i raditi design(DW CS3 podrzava cod i design "tablicni u istom prozoru" sto je jako dobro za ucenje HTML-a i ostatka),nego da radis 2 posla i mucis se,tratis svoje vrijeme i zivce???
Manijak nema nikakve razlike izmedju Dreamweavera i Visual studia... bar u ovome dijelu sta njemu treba... Mislim, to sta su jedan i drugi CS3 (Ps i Dw) ne znaci da mozes u dreamweaveru importat PSD i on ce ti sve napravit... jok!
Znaci ovako:
Napravio si design. taj design iz grafike moras pretvorit u HTML + CSS (a ne CMM kako si ti to napisao). Oces ti to napravit automatski pomochu photoshopa ili ces rucno raditi svejedno je.
Svaki element u stranici pozicioniras pomocu tablica (radije nemoj) ili divova. Divovi su drzaci u kojima se nalaze tekstovi, slike, tablice itd. Mozes ih slagat jedan do drugoga, mozes ih slagati jedan ispod drugoga. Svaki element na stranici (slika, tekst, div) imaju svoje atribute kao boja pozadine, velicina slova itd. To su stilovi i to definiras u CSS-u (cascading style sheet). Takodjer ti preporucujem rad u Dreamweaveru jer je malo intuitivniji za pocetnika.
Pokusaj negdje naci na netu tutorial za izradu web stranica pomocu CSS-a, dosta njih su kvalitetni i razumljivi za pocetnika. Ne mozes ocekivati da ce ti ovdje netko napisati kako ces napravit svoju stranicu, svaka je individualna. Ako negdje zapnes javi mi se na PM pa cu ti pomoci. Ali kazem ti, surfaj malo po netu, www.w3schools.com je odlicna za pocetnike i dosta toga tamo mozes nauciti... Imaju i primjere i live demoe tako da...
Nisam se time vec dugo bavio, pa ne znam kako je to rijeseno u PS CS3 ali u starijim verzijama se rezanje nije radilo u Photoshopu nego u onom drugom programu koji se instalirao sa njim (ne mogu se sada sjetiti kako se zvao). Onda se iz njega spremalo kao web stranica i u folderu u koji se spremilo su bili web stranica i folder sa slikama.
P.S. Koliko se sjecam, svaki put sam morao dodatno sredjivati kod u Dreamweaveru....
Program se zvao ImageReady,a sad u CS3-u je sve to spojeno.Napravio sam već layout onoga što mi treba sam html-om i css-om ali me zanimalo kako bi to išlo kombinirajući MS visual... i PS CS3.Videću što mogu pomoću vaših komentara ako budem imao problema javim se opet.
Nemas sta kombinirat...
U PS3 napravis dizajn i automatski ti ga slajsa i napravi html i css...
Onda otvoris taj projekt u VS i tamo punis sadrzaj (tekstove, slike etc.) iako neznam cemu VS... radije instaliraj Dreamweaver, malo ti je brzi i intuitivniji za pocetnika
tnakir nisam ja rekao da se to moze 100% uciniti vec samo da mozda moze prije nego s visual studijom,ali opet ga ceka puno rucnog rada,da ne moze ocekivat da je sve rijeseno!
PozZz...
Sve ok sa onim od prije,zaniam me nešto drugo,iako je povezano nije direktno.Kako putem html-a ubaciti rollover na
sajt.Napravio sam to sa jednim roloverom ali u html-dokumentu sa sledećim kodom
<DIV STYLE="position: absolute; left: 60px; top:149px; width: 655px; height: 239px;">
<a href="#" onMouseOver="T1.src='images/hex1.jpg'" onMouseOut="T1.src='images/hex0.jpg'" onMouseDown="T1.src='images/hex2.jpg'" onMouseUp="T1.src='images/hex0.jpg'"><img src="images/hex0.jpg" name="T1" alt="hex2.jpg" border=0 height=239 width=655 align=TOP>
</A></DIV>
To je automatski kod napravljen prilikom pravljenja html-a putem CorelDRAW-a.On i radi,tj. rollover radi
ali kada ubacim drugi rolover nijedan ne radi.Kako to postić,tj na koji način?
Dali postoji način da napravim rollover direktno u Photoshopu CS3(znači samo
u Photoshopu ne u Dreamweaveru)ili više njih?
Mora radit... ovo ti je plain javascript... pazi na velika i mala slova, pazi na imena objekata jesi sva prominio...
Uffff... Corel stavlja CSS u HTML file :( Sucks!
Btw u Dreamweaveru imas behaviore gdje mozes dodat rollover, preload, popup bla bla... dosta su neuredni ali rade...
