Preskoči na sadržaj
Ista raja. Nova runda.
GAMERZ.ba — REBORN
Diskusija

Pravljenje web stranice

182 pregleda · 11 odgovora · otvorena 06.01.2012. u 22:21

Pozdrav svima.

Posto sam odlucio da pocnem nesto korisnim da radim na ovom kompu, mislio sam da pocnem da ucim kako napraviti web-stranicu. Pokusavao sam da ucim HTML, ali nisam znao konkretno sta treba. Imam citavi paket adobe (photoshop, ilustrator), posto sam hajmo reci dugo na forumu, pratim fan-art. Procitao sam da za dizajn se koristi photoshop, illustrator. Ali nije mi jasno kada se zavrsi taj dizajn u ps-u kako to kodirati, tj. dali se pomocu kodiranaj dizajnira. znaci treba mi da mi ovo neko objasni. I oko kodiranja. Takoder ako moze uz objasnjenje, neki tut nesto. Za sve odgovore, potrudit cu se da dobijete aplauz, a najbolji odgovor, tj. onaj koji mi bude najbolje objasnio dobit ce neku nagradu. Uglavnom biti ce neka.

Unaprijed hvala.

:)
Ako želiš da prebaciš dizajn iz photoshopa u HTML jednostavno ideš save for web i odabereš HTML ekstenziju. However, ostatak kodiranja, tj. funkcionalnosti stranice, ostvaruješ pomoću HTML-a/CSS-a/jQuerrya/AJAX-a/PHP-a/Javascripte. Inače, mislim da je lakše ići bez prebacivanja dizajna u kod jer je rad sa tabelama iscrpljujući.
Eto poslao sam ti PM. Dobio si video na nasem jeziku gdje covjek korak po korak radi PHOTOSHOP to HTML + CSS!
Sve je objasnjeno! Eto brate nadam se da sam ti imalo pomogao !!! Na taj nacin sam i ja naucio HTML i CSS!

EDIT: Evo linkovi ovdje:

http://www.xtorials.com/tutoriali/photoshop-u-html-css-1
http://www.xtorials.com/tutoriali/photoshop-u-html-css-2
http://www.xtorials.com/tutoriali/photoshop-u-html-css-3

Mala škola web dizajna za totalne početnike

http://www.xtorials.com/category/tutoriali/mala-skola-web-dizajna-za-totalne-pocetnike
Evo kopiram svoj stari post 
----
Kao prvo, dizajn
http://creativenerds.co.uk/tutorials/70-tutorials-using-photoshop-to-design-a-website/
Na tom linku se nalaze tutoriali za dizajniranje web stranica u photoshopu.


http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/
Dok se ovdje nalaze tutoriali za kodiranje web stranice dizajnirane u photoshopu.

Naravno, prvo moras poceti sa osnovama photoshopa, kada to savladas i napravis nesto da lijepo izgleda, baci se na kodiranje.
(U pocetku nemoj ni pokusavati nesto komplikovano da napravis, kreni od najjednostavnijih stvari)

Preporucio bi ti da pocnes sa citanjem tutoriala na http://www.w3schools.com
a kasnije ce, ako ti bude islo od ruke, sve dolaziti samo od sebe
Sto se programa tice, koristi Adobe Dreamweaver, jer u njemu odma mozes pratiti rezultate kodiranja samo jednim klikom.
----
Pocni ovdje: http://w3schools.com/html/default.asp
Citaj lekcije redom, kada predjes preko svega ili vecine barem, kreni od ovih tutoriala sto sam ti poslao.
Ili kreni raditi neki tutorial za kodiranje. Kako budes nailazio na probleme koji ti nisu jasni, trazi na w3schools objasnjenja za to. Vecina tutoriala je dosta jednostavna pa mislim da ces se moci snaci.
Ali napominjem jos jednom, preko noci nista neces moci..
Potrajat ce malo dok savladas neke stvari


Ovo mi se cini jednostanvo, mozes kao prvi projekat pokusati napraviti nesto slicno ovome:
http://net.tutsplus.com/tutorials/html-css-techniques/design-and-code-your-first-website-in-easy-to-understand-steps/
Disconnected je napisao/la:
Eto poslao sam ti PM. Dobio si video na nasem jeziku gdje covjek korak po korak radi PHOTOSHOP to HTML + CSS!
Sve je objasnjeno! Eto brate nadam se da sam ti imalo pomogao !!! Na taj nacin sam i ja naucio HTML i CSS!

EDIT: Evo linkovi ovdje:

http://www.xtorials.com/tutoriali/photoshop-u-html-css-1
http://www.xtorials.com/tutoriali/photoshop-u-html-css-2
http://www.xtorials.com/tutoriali/photoshop-u-html-css-3

Mala škola web dizajna za totalne početnike

http://www.xtorials.com/category/tutoriali/mala-skola-web-dizajna-za-totalne-pocetnike
Haj objasni majketi , što na pm ?
Stavi link ovdje , mozda moze jos nekom pomoci ? 
Pregledaj ovih par tutorijala i bice ti jasnije kako da izrezes sliku i kako da je upakujes u vlastiti site 

http://www.kroativ.net/photoshop/rezanje-dizajna-za-web/

http://www.bug.hr/forum/topic/razvoj-web-stranica/photoshop-tutorial-web-dizajnere/21253.aspx

http://www.bug.hr/forum/topic/razvoj-web-stranica/tutorial-web-dizajnere/15562.aspx

Nemoj da odustanes ako ti u pocetku bude tesko,ja sam 100x rezao jednu te istu sliku i sklapao css dok nisam skontao
:-*
edinowskii je napisao/la:
Haj objasni majketi , što na pm ?
Stavi link ovdje , mozda moze jos nekom pomoci ? 
Glumi nindžu 
Al fakat,kakve koristi ako mu pošalješ u pm.tema se zaključa i beskorisna je.
Ja sam sav dizajn naucio preko ovoga tutorijala. Razvaljuje.
Skines Adobe Dreamwer i tu imas sve sto pozelis,mozes pravit i css i html i php i javascript i coldfusion i sta ja znam sta jos :D
I lagano je
Ma bro moji ti je savjet da se malo baziras na Guglanje!!!
i nadzes neki Free Hosting registrujes subdomenu i lagano se zadas u C-panelu izaberes sebi scriptu preko koje ces raditit scriptu imas auto se instal i sve dobijes u paket na najednostavnije nacin
toliko od mene!poz
Ukratko cu ti objasniti, pa nek ti drugi daju tutove, ili ti nadji.

Znaci otvoris ps sirina je max 960, visinu mozes koliko hoces, primjer 2200x960

Kad dizajniras stranicu,oznacis je preko cropping toola i ides save for web and devices.

Udjes u Dreamweaver (najtezi dio), kodiras preko html/css kucas kodove koje sejvas u neki folder gdje ce ti biti css.

Skines filezillu i preko filezille uploadas stranicu na neki ftp, kupis domenu i sajt je tu.Dizajn oko mjesec - dva radi, pa na kod predji.

Prijavi se da bi odgovorio/la na ovu temu.