Program za izradu sajta

DusanMadic

Početnik
Poruka
39
Pozdrav drugari. Našao sam na internetu jedan po meni zanimljiv ''šablon'' za web sajt. Jel mozete da mi kazete koji je najbolji program za izmenu tog sablona da promenim i ubacim svoje sadrzaj. Radio sam neke sajtove u bloggeru i wordpress-u. Molim vas da program nije komplikovan i da nema onog kako se već zove.... posto neznam da pišem sajt tipa css i to.... I da li je moguce da ovaj sablon ubacim na wordpress-u evo ga i taj sablon http://www.templatescreme.com/free-website-professional-hosting-website
 
Dreamweaver je najbolji za to, jer imas live view i mozes samo da selektujes elemente koje zelis da menjas, tako da nema problema.

Svi profi koriste Photoshop (ima i onih koji znaju Gimp) sto se dizajna tice, a radi kodiranja bitnija je vestina nego program i zavisi u kom se programu osecas najprirodnije, ali rekao bih da je Dreamweaver favorit.
 
Dreamweaver je najbolji za to, jer imas live view i mozes samo da selektujes elemente koje zelis da menjas, tako da nema problema.

Svi profi koriste Photoshop (ima i onih koji znaju Gimp) sto se dizajna tice, a radi kodiranja bitnija je vestina nego program i zavisi u kom se programu osecas najprirodnije, ali rekao bih da je Dreamweaver favorit.

Ja na fotosopu uglavnom radim neke slike, logo kad hocu da pravim web sajt. Reci mi je l' se radi celo telo strane u fotosopu, dakle i pozadina?

Znaci dobar dreamveawer, nesto sam se utripovao kao nesto pisu da je dobar za pocetnike bla bla ali kasnije kao ne valja. To sam procitao na nekom forumu, ali inace mi Dreamveawer deluje fantasticno.
 
Photoshop je majka sto se web dizajna a i dizajna uopste tice. :)
Ne moras samo da u njemu pravis slike za sajt, ja pravim cele stranice u njemu, znaci teks, dugmici, slike, logo, kao nacrt, telo, pozadina, sve, a kada sam zadovoljan rezultatima uzmem sve to i iseckam na komadice (imas Slice Tool u Photoshop-u za to) i onda ga pomocu HTML i CSS slozis kao slagalicu.
Mozda je malo komplikovanije, ali mislim da je najbolje tako.

Evo slikovitije pokazano, korak po korak kako se koristi Photoshop pri izradi stranica:
http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-clean-and-colorful-web-layout-in-photoshop/

Mislim da u Photoshopu cak i imas opciju da ti PSD fajl prebaci u HTML, ali to ne radi kako treba, tako da je bolje raditi rucno PSD to HTML.
Inace ja i Illustrator pokrenem nekada kada pravim ikonice ili vektorsku grafiku za sajt, jer mi je u tom polju jaci od Photoshop-a.

Ja sam Dreamweaver koristio dosta za ucenje, jer imas preview odmah ako radis u split screen modu, mada taj preview ne prikazuje tacno polozaj elemenata (tj. u browseru i u preview u DW ne izgleda layout isto uvek), ali je dobar kada zelis da vidis gde ti koji element zauzima mesto, ili ako zelis da nesto brzo promenis, tipa dodas sliku (samo kliknes u preview screen i menjas), ubacis tag, mada nikada tu opciju nisam korisito. Jos jedna opcija koju sam voleo kod DW je to sto ti automatski zatvara tagove pa ako recimo stavis <p> on ce ti ga automatski zatvoriti sto je dobro ako zelis da imas validan kod, a i pomaze pocetnicima. Jos mi se svidelo jer ima code hinting, i to jako odlican posebno sto u to vreme nisam znao CSS, pa mi je to bilo od velike pomoci. Takodje u validacije CSS i HTML je bila odlicna u DW, sada mislim da su izbacili tu opciju, mada odlicno je bilo ako ne zatvoris neki element ili slucajno stavis <artcle> umesto <article> ili ako ne zatvoris src tipa src="slika.jpg , DW bi te o tome obavestio.
To su sve sitne greskice koje mogu da zivot znace i da postede frustracije :)

Iskreno, jedini razlog zbog kojeg sam presao na Notepad++ je to sto je mnogo brzi od DW, DW mi je nekako glomazan, nervira me dok se pokrene, sto zdere memoriju i sto je natrpan stvarima koje nikada nisam koristio, niti cu.
Notepad++ je jednostavniji a i nije toliko "od pomoci" ne zatvara sam tagove i sl. i nemas opcije da ti program sam ubaci delove koda, code hinting ne radi tako dobro, zato se podrazumeva da imas neko predznanje o sintaksi jezika.
Meni se to recimo dopada jer ucis da pedantnije pises kod, koliko je to moguce, da sam uvidjas svoje greske i da ih sam ispravljas, da pazis sta pises i kako pises a ne da se oslanjas na DW da to radi za tebe.
A sto se preview tice, Firebug u FF ili u Chrome mi odlicno radi posao i prikazuje realnu sliku i polozaj elemenata tako da nemam vise potrebe za DW-om.

Sustinski mozes koristiti DW dokle god zelis, cim on kosta 300$ ili koliko vec, sigurno nije namenjen samo za pocetnike i za ucenje. Ima jos i drugih pa i free programa koji su WYSIWYG editori gde odmah vidis svoje rezultate.
Kao sto sam rekao u prethodnom postu, nije bitno koji program koristis za kodiranje, jer ako ti od odgovara nece biti nikakvog problema. Niko u skoli ili faksu ti nece reci, e ne valjda da radis iz DW, on radi lose.
Medjutim, rad u firmi, ako planiras da mozda jednog dana radis kao dizajner/developer podrazumeva da firma mozda nema para za DW pa se mora koristiti neki drugi jeftiniji ili besplatni alat.
Mada ako tebi odgovara DW, koristi ga i uzivaj, vremenom ces videti da li ti odgovara ili ne, meni je trebalo par godina, tako da, sve u svoje vreme.

Ja se jedino plasim ako u firmama ne koriste Photoshop vec GIMP....e tu nastaje problem :hahaha:

Da dodam: da li je neko koristio Fireworks? Ja ga imam i kazu da kombinuje vektorsku i rastersku grafiku u jednom i da je dobar za dizajn kao i da moze da exportuje dizajn u HTML kao i da ima neki preview gde mozes da dodajes hotspotove i da vidis kako ce se stranica ponasati.
Znam da ga jedan lik koji radi za Yahoo kao UI designer koristi, mada ja nikada nisam mogao da se naviknem na Fireworks, a nisam ni nesto mnogo probao.
 
Poslednja izmena:
Photoshop je majka sto se web dizajna a i dizajna uopste tice. :)
Ne moras samo da u njemu pravis slike za sajt, ja pravim cele stranice u njemu, znaci teks, dugmici, slike, logo, kao nacrt, telo, pozadina, sve, a kada sam zadovoljan rezultatima uzmem sve to i iseckam na komadice (imas Slice Tool u Photoshop-u za to) i onda ga pomocu HTML i CSS slozis kao slagalicu.
Mozda je malo komplikovanije, ali mislim da je najbolje tako.

Evo slikovitije pokazano, korak po korak kako se koristi Photoshop pri izradi stranica:
http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-clean-and-colorful-web-layout-in-photoshop/

Mislim da u Photoshopu cak i imas opciju da ti PSD fajl prebaci u HTML, ali to ne radi kako treba, tako da je bolje raditi rucno PSD to HTML.
Inace ja i Illustrator pokrenem nekada kada pravim ikonice ili vektorsku grafiku za sajt, jer mi je u tom polju jaci od Photoshop-a.

Ja sam Dreamweaver koristio dosta za ucenje, jer imas preview odmah ako radis u split screen modu, mada taj preview ne prikazuje tacno polozaj elemenata (tj. u browseru i u preview u DW ne izgleda layout isto uvek), ali je dobar kada zelis da vidis gde ti koji element zauzima mesto, ili ako zelis da nesto brzo promenis, tipa dodas sliku (samo kliknes u preview screen i menjas), ubacis tag, mada nikada tu opciju nisam korisito. Jos jedna opcija koju sam voleo kod DW je to sto ti automatski zatvara tagove pa ako recimo stavis <p> on ce ti ga automatski zatvoriti sto je dobro ako zelis da imas validan kod, a i pomaze pocetnicima. Jos mi se svidelo jer ima code hinting, i to jako odlican posebno sto u to vreme nisam znao CSS, pa mi je to bilo od velike pomoci. Takodje u validacije CSS i HTML je bila odlicna u DW, sada mislim da su izbacili tu opciju, mada odlicno je bilo ako ne zatvoris neki element ili slucajno stavis <artcle> umesto <article> ili ako ne zatvoris src tipa src="slika.jpg , DW bi te o tome obavestio.
To su sve sitne greskice koje mogu da zivot znace i da postede frustracije :)

Iskreno, jedini razlog zbog kojeg sam presao na Notepad++ je to sto je mnogo brzi od DW, DW mi je nekako glomazan, nervira me dok se pokrene, sto zdere memoriju i sto je natrpan stvarima koje nikada nisam koristio, niti cu.
Notepad++ je jednostavniji a i nije toliko "od pomoci" ne zatvara sam tagove i sl. i nemas opcije da ti program sam ubaci delove koda, code hinting ne radi tako dobro, zato se podrazumeva da imas neko predznanje o sintaksi jezika.
Meni se to recimo dopada jer ucis da pedantnije pises kod, koliko je to moguce, da sam uvidjas svoje greske i da ih sam ispravljas, da pazis sta pises i kako pises a ne da se oslanjas na DW da to radi za tebe.
A sto se preview tice, Firebug u FF ili u Chrome mi odlicno radi posao i prikazuje realnu sliku i polozaj elemenata tako da nemam vise potrebe za DW-om.

Sustinski mozes koristiti DW dokle god zelis, cim on kosta 300$ ili koliko vec, sigurno nije namenjen samo za pocetnike i za ucenje. Ima jos i drugih pa i free programa koji su WYSIWYG editori gde odmah vidis svoje rezultate.
Kao sto sam rekao u prethodnom postu, nije bitno koji program koristis za kodiranje, jer ako ti od odgovara nece biti nikakvog problema. Niko u skoli ili faksu ti nece reci, e ne valjda da radis iz DW, on radi lose.
Medjutim, rad u firmi, ako planiras da mozda jednog dana radis kao dizajner/developer podrazumeva da firma mozda nema para za DW pa se mora koristiti neki drugi jeftiniji ili besplatni alat.
Mada ako tebi odgovara DW, koristi ga i uzivaj, vremenom ces videti da li ti odgovara ili ne, meni je trebalo par godina, tako da, sve u svoje vreme.

Ja se jedino plasim ako u firmama ne koriste Photoshop vec GIMP....e tu nastaje problem :hahaha:

Da dodam: da li je neko koristio Fireworks? Ja ga imam i kazu da kombinuje vektorsku i rastersku grafiku u jednom i da je dobar za dizajn kao i da moze da exportuje dizajn u HTML kao i da ima neki preview gde mozes da dodajes hotspotove i da vidis kako ce se stranica ponasati.
Znam da ga jedan lik koji radi za Yahoo kao UI designer koristi, mada ja nikada nisam mogao da se naviknem na Fireworks, a nisam ni nesto mnogo probao.

Uuu odlicno, radio sam ranije za ishop.rs sredjivao im pozadine sa slika, tako da imam iskustva sa Photoshopom. :)
Reci mi samo koju razmeru koristis? Width-Height?
 
Sto se rezolucije tice, optimizujem sve sajtove za 1024x768, za 800x600 ne vredi optimizovati po mom misljenju.
Uzmes u PS fajl velicine 960 ili 980, 960px width je neki standard (zbog scrollbara i sl) i otprilike 750px height, i onda pravis, sve nacrtas, dugmice, linkove, logo, slice toolom iseces, i spojis sa HTML i CSS.
Naravno postoji pitanje kako ce taj sajt izgledati na monitoru koji radi sa 1920x1080px rezolucijom, mada uvek mozes da napravis liquid layout, doduse zahteva malo vise truda i nerviranja.
 
Sto se rezolucije tice, optimizujem sve sajtove za 1024x768, za 800x600 ne vredi optimizovati po mom misljenju.
Uzmes u PS fajl velicine 960 ili 980, 960px width je neki standard (zbog scrollbara i sl) i otprilike 750px height, i onda pravis, sve nacrtas, dugmice, linkove, logo, slice toolom iseces, i spojis sa HTML i CSS.
Naravno postoji pitanje kako ce taj sajt izgledati na monitoru koji radi sa 1920x1080px rezolucijom, mada uvek mozes da napravis liquid layout, doduse zahteva malo vise truda i nerviranja.

aha, a sto odmah ne bi isao sa 1920x1080?
 
Zato sto nemaju svi monitore koji podrzavaju tu rezoluciju, a i ne koriste je svi, tako da ako koristis recimo 1024x768 a sajt je napravljen u 1920x1080 moraces da skrolujes sajt i horizontalno i vertikalno da bi ga video celog sto smanjuje njegovu upotrebljivost i licno mene odbija kada moram da skrolujem horizontalno, nista groznije.

Horizontalni scroll je definitvno veliko ne po mom misljenju. Vertikalni je ok, lako skrolujes tockicem, ali da ja skrolujem i horizontalno i veritaklno da vidim sliku, da kliknem na meni ili nesto, uzasno smara i smanjuje upotrebnu vrednost sajta, samim tim i strpljenje korisnika.
 
Zato sto nemaju svi monitore koji podrzavaju tu rezoluciju, a i ne koriste je svi, tako da ako koristis recimo 1024x768 a sajt je napravljen u 1920x1080 moraces da skrolujes sajt i horizontalno i vertikalno da bi ga video celog sto smanjuje njegovu upotrebljivost i licno mene odbija kada moram da skrolujem horizontalno, nista groznije.

Horizontalni scroll je definitvno veliko ne po mom misljenju. Vertikalni je ok, lako skrolujes tockicem, ali da ja skrolujem i horizontalno i veritaklno da vidim sliku, da kliknem na meni ili nesto, uzasno smara i smanjuje upotrebnu vrednost sajta, samim tim i strpljenje korisnika.

uf ko ne mrzi vertikalni skro. :S Ok, znaci hvala. :D
 
Ljudi treba mi pomoc!

Hocu da napravim marketing sajt. Potpuni sam pocetnik, i sve sto sam do sada uradila i naucila ispostavilo se da nije dobro.
Prvo mi je receno da pravim sajt u dreamweaveru. Krenula sam da ga pravim iz tabela, uradila header u photoshopu, napravila meni u fireworksu...i kada sam poslala poznanici koja se bavi izradom sajtova receno mi je da nista ne valja, jer ne moze da se uradi optimizacija kada se pravi na taj nacin (tacnije previse je komlikovana). Ona me uputila na joomlu. Pogledala sam tutoriale za joomlu, i u sustini mi je dosta toga jasno, ali se saplicem oko najbitnijeg koraka a to je template.
Ne odgovaraju mi besplatni temlatovi sa neta, jer mi je ideja sajta potpuno drugacija. Pokusala sam da nadjem dobar tutorial za pravljenje costum templata, ali se nisam snasla.
Bitno mi je takodje da mi sajt ima bazu podataka.
Jel moze neko da mi pomogne, i da mi napise samo korake...od cega da krenem...
Ps. presla sam HTML, CSS mi je jasan iz dreamweavera...ali sam u svemu pocetnik.
 
Što će se dešavati na tvom sajtu? Za šta ti treba baza podataka?
Ako si header radila u Photoshopu, valjda si i nešto teksta "utrpala" u sliku - to baš i nije neki problem. Makni sav tekst, praznu sliku ubaci kao background u header, a sve ostalo napiši preko slike.

Radije se malo pomuči sa Dreamweaverom, nego da radiš u Joomla - te stranice obično izgledaju kao da su od lego-kockica.

Na stranici www.webdominus.com/dizajn.html imaš tutorial za Dreamweaver CS3 (s tablicama) i za Dreamweaver CS4 (bez tablica, samo div tag-ovi).
Ovo su originalni Adobe tutoriali, prevedeni na hrvatski (uz dozvolu autora). Bolje za Dreamweaver ne postoji, sigurno. Potroši po 5, 6 dana za svaki, i bit će ti mnogo toga jasnije.
 
Što će se dešavati na tvom sajtu? Za šta ti treba baza podataka?
Ako si header radila u Photoshopu, valjda si i nešto teksta "utrpala" u sliku - to baš i nije neki problem. Makni sav tekst, praznu sliku ubaci kao background u header, a sve ostalo napiši preko slike.

Radije se malo pomuči sa Dreamweaverom, nego da radiš u Joomla - te stranice obično izgledaju kao da su od lego-kockica.

Na stranici www.webdominus.com/dizajn.html imaš tutorial za Dreamweaver CS3 (s tablicama) i za Dreamweaver CS4 (bez tablica, samo div tag-ovi).
Ovo su originalni Adobe tutoriali, prevedeni na hrvatski (uz dozvolu autora). Bolje za Dreamweaver ne postoji, sigurno. Potroši po 5, 6 dana za svaki, i bit će ti mnogo toga jasnije.

ideja je da napravim marketing sajt, na osnovu kog bi mogla posle par meseci da zaradjujem. U sustini na prvoj strani nece biti teksta, uglavnom slike, a baza mi treba da bi omogucila firmama da se uloguju na korisnicko ime i sami postavljaju odredjene podatke.
Svesna sam da je za prvi sajt ovo uzasno veliki zalogaj, ali sam zapela da isteram to sto hocu, bez obzira na vreme koje ce mi biti potrebno...

Header sam radila u photoshopu ali sem naslova sajta nemam tekst. Meni sam radila u fireworksu, i jos sam na sve to dodala pozadinske slike... Nisam sredila kod, tako da je izgledao poprilicno "zamrsen i komlikovan". Pogledacu tutriale pa cu krenuti da pravim iz CSS-a. Pravo da ti kazem Dreamweaver mi je mnogo laksi za rad od joomle. Hvala puno na savetu, i linkovima! Pozdrav! :)
 
Ja sam presao na Sublime Text 3, nikad vise nisam pogledao Notepad++.
Gomila pluginova, odlicna customizacija, doduse sve opcije nisu dostupne "na izvolte" vec se iz fajlova menjaju (malo zeznuto dok se ne navikne).
Nije free, ali ima neograniceni free trial, samo smara da se registruje, kao sa WinRar-om.

50 eur kosta original, sto mi je malo mnogo trenutno.
 
Pa sve je stvar ukusa.
Za mene je PS samo program za obradu fotografije.Drzanje svakog objekta na posebnom layeru ume da smara i ako radis kompleksan projekt lako ose izgubis u moru layera.Naravno da je resenje grupisanje ali je to po meni gubljenje vremena ako lepo izgrupises 30 elemenata i dodas nezive a onda se predomislis i skontas da taj deo izgleda ruzno te pobrises sve.A onda selektovanje,nocna mora,ako zelim da pomerim grupu objekata prvo moram da selektujem te sve layere ili grupe...aargh,a pomeranja objekata u web dizajnu ima jakooo puno.

Smatram da je Ai puno laksi za manipulaciju,sve mi je na jednom layeru,grupisem kako mi odgovara,pomeram objekte u 2 sekunde,drzim "sa strane" vise verzija dizajna itd.

Adobe je napravio poseban program za web dizajn "fireworks" koju je u principu illustrator sa mogucnoscu editovanja fotografije ali nije se nesto "primio" u narodu.Probao sa program i ipak se drzim Ai-a.
 

Back
Top