Apsolutna neznalica . kako početi?

[Rebel]

Dakle, volio bih naučiti nešto o web designu. Zanima me -- otkud da počnem? Što da prvo učim? Koje preduvjete uopće moram imati da bih mogao učiti (zakup domene i sl.)?

[Uber Gosu]

Autor Rebel

Dakle, volio bih naučiti nešto o web designu. Zanima me -- otkud da počnem? Što da prvo učim? Koje preduvjete uopće moram imati da bih mogao učiti (zakup domene i sl.)?

Moraš krenuti sa razumjevanjem osnova HTML-a, to nije teško, nakon što upoznaš osnove HTML-a kreni sa osnovama CSS-a. Kad to savladaš znati ćeš napraviti "normalan web site.

Koliko god jednostavno bilo napraviti "običan" mali site proces izrade i učenja kompleksnijih stvari poput PHP-a, SQL-a, Jave, Flasha, Ajaxa, itd. je dugotraja i zahtjevan.

Uvjerljivo najbolji tutoriali su ti ovdje: http://www.w3schools.com/

Osobno preporučam video tutoriale tvrtki "Total training" i "Lynda.com" koji su savršenstvo modernog učenja i predstavljaju vrh ponude edukacije općenito.

Domenu i web server netrebaš u ovoj fazi učenja, kad savladaš HTML i CSS (cca 1-2mj. laganog učenja da ti sjedne rutina) onda razmisli o nekom jeftinijem hostingu.

[zwer]

Pa uz svo to kuckanje koda i slicno, trebas se zblizit prilicno sa Photoshopom, Fireworksom ili necim slicnim. Uglavnom, za naucit HTML ti treba ~tjedan dana ako 4 dana surfas po netu, CSS osnove jedno tjedan dana, a sve naprednije od toga treba brdo iskustva, volje i rada da bi naucio bit frend sa common-practice stvarima.

Kao sto je Gosu rekao, Lynda tutoriali i vozi, bez da to pogledas, mislim da nema ni smisla pricat o web developmentu i designu.

[Rebel]

Hvala Sa Photoshopom sam si na ti, to neće biti problem. Bez toga se ne bi ni upuštao.
Ako nekom još koji savjet padne na pamet, samo pišite.

[1v@n]

Još uvijek ljudi brkaju web dizajn i web programiranje. Prouči mogućnosti Indesigna CS5 i Flash Catalysta. Dovoljni su za napraviti vrhunsku web stranicu bez imalo poznavanja koda.
http://www.youtube.com/watch?v=tNAde32pWT0

[mc_fish]

Autor 1v@n

Još uvijek ljudi brkaju web dizajn i web programiranje. Prouči mogućnosti Indesigna CS5 i Flash Catalysta. Dovoljni su za napraviti vrhunsku web stranicu bez imalo poznavanja koda.
http://www.youtube.com/watch?v=tNAde32pWT0

= srot...prevec nepotrebnog koda...mani se toga

uglavnom html+css+js to prvo trebas ucit!
nakon tog sve nadogradujes na ovo! php sql asp xml sa nekim parserom...

[rodney]

Autor 1v@n

Dovoljni su za napraviti vrhunsku web stranicu bez imalo poznavanja koda.

covjek zeli naucit, a ovo je bez imalo razumijevanja, sto je lose...

[1v@n]

Autor rodney

covjek zeli naucit, a ovo je bez imalo razumijevanja, sto je lose...

Samo želim reć da je dizajn jedno, a kodiranje drugo i da ti ne više ne treba znanje kodiranja da bi napravio dobru stranicu. Konkretno, završio sam TVZ di smo radili dosta HTML-a (fish zna) i sad sam na GRF i od HTML-a i CSS-a smo radili samo osnove (opet fish zna, ako malo ženu pita . Lijepo nam je rečeno da kao dizajneri nemamo potrebu poznavati kod u dubinu. Treba nam tek toliko da znamo prepoznati što otprilike koji dio radi. Za nas će to raditi mali kod frikovi kad im damo dizajn jel tako fish
Zvuči glupo, al što je tu je. Treba si nać dizajnera i onda raditi po njegovom dizajnu. Sad je dizajnerima lakše napraviti dobru web stranicu bez pomoći kodera nego obratno, samo zbog CS5. Ništa ga ne košta da isproba pa kombinira izradu stranice "bez razumijevanja" i kodiranja. Može tako i usput vježbati. Napravi nešto u indesignu, pa pokuša iskopirati isto koristeći HTML i CSS.

[rodney]

Autor 1v@n

Samo želim reć da je dizajn jedno, a kodiranje drugo i da ti ne više ne treba znanje kodiranja da bi napravio dobru stranicu.

mislis lijepu?
vidim da obojca imamo profesionalnu deformaciju, ti bi da lepo zgleda, a ja bi da ju radi u notepadu (grf<->pmf-mo)

[1v@n]

Autor rodney

mislis lijepu?
vidim da obojca imamo profesionalnu deformaciju, ti bi da lepo zgleda, a ja bi da ju radi u notepadu (grf<->pmf-mo)

Hehe, ma to dobra bi značilo da je lijepa i funkcionalna, a najčešće je samo jedno od toga
Ima ovdje nešto korisnih savjeta oko dobrog i lošeg web dizajna, koja vrijede za sve.
http://www.ratz.com/featuresbad.html
http://www.ratz.com/featuresgood.html

Sigurno kao koder, nećeš paziti da koristiš boje koje si odgovaraju, paziti na to koja vrsta fonta je prikladna za koju vrstu sadržaja itd... Bitno da radi. Meni će recimo biti svejedno hoće li stranica biti napravljena prek tablica ili CSS-om, bitno da izgleda pošteno

[rodney]

Autor 1v@n

Sigurno kao koder, nećeš paziti da koristiš boje koje si odgovaraju, paziti na to koja vrsta fonta je prikladna za koju vrstu sadržaja itd... Bitno da radi.

naravno.. posto se izgled i tako bez problema potpuno izmjeni u css-u...

[zwer]

Autor 1v@n

Samo želim reć da je dizajn jedno, a kodiranje drugo i da ti ne više ne treba znanje kodiranja da bi napravio dobru stranicu. Konkretno, završio sam TVZ di smo radili dosta HTML-a (fish zna) i sad sam na GRF i od HTML-a i CSS-a smo radili samo osnove (opet fish zna, ako malo ženu pita . Lijepo nam je rečeno da kao dizajneri nemamo potrebu poznavati kod u dubinu. Treba nam tek toliko da znamo prepoznati što otprilike koji dio radi. Za nas će to raditi mali kod frikovi kad im damo dizajn jel tako fish
Zvuči glupo, al što je tu je. Treba si nać dizajnera i onda raditi po njegovom dizajnu. Sad je dizajnerima lakše napraviti dobru web stranicu bez pomoći kodera nego obratno, samo zbog CS5. Ništa ga ne košta da isproba pa kombinira izradu stranice "bez razumijevanja" i kodiranja. Može tako i usput vježbati. Napravi nešto u indesignu, pa pokuša iskopirati isto koristeći HTML i CSS.

Idealno, dizajner bi trebao iskljucivo raditi dizajn, znaci grafika, layout, smislit funkcionalno sucelje, pazit na sve "good practice" stvari iz struke itd. Ali ja svejedno nisam fan dizajnera koji nemaju pojma HTML/CSS, jer bi po meni trebali znat i to. Pricamo o Web dizajnerima, naravno. Jer ako poznaju standarde, pravila i slicno, em ce napravit bolji website, em ce pazit da programerima/developerima posao bude puno laksi. Da moram birat dizajnera s ocjenom 10/10 iz dizajna i 0/10 iz html/css-a ili dizajnera sa 7/10 iz dizajna i 7/10 iz html/css-a, izabrao bi drugog, da se tako izrazim

[mc_fish]

da al ako imas velike projekte i vise njih pralelno...nema programer vremena kodirat html i css...stoga to radi dizajner, e sad fora je definitivno dobiti neki template kod koji kasnije mjenjas....ak nis drugo imam klase idjeve i layout...ALI (nisam probao to al znam da cs5 to ima) cisto sumnjam da programski generiran kod valja...vec x puta sam se uvijerio u to...i nema veze sto se radi o programu multi biliunske tvrtke itd...

stoga stop with the ot

ugl: @tema w3schools ima super tutorijale za css i html, svakako to pogledaj jer ako koristis bilo koji alat moze se dogodit da bu neka sitinica problem i neznas ju rijesit...onda trebas programera ili outsourcat nekog da to sredi pogleda itd...i ti cekas i nekom oduzima vrijem itd....

ps notepad je los za editiranje dok recimo notepad++ je super...code coloring je zakon

[rodney]

Autor mc_fish

ps notepad je los za editiranje dok recimo notepad++ je super...code coloring je zakon

ma dobro, notepad je nezgodan, to sam bubnuo tek toliko, a htio sam rec nes sasvim drugo.. inace meni se recimo svidja microsoft expression, posto mogu otvorit brdo tabova, i bolje konta css od recimo frontpagea.. u nicem drugom ni nisam radio osim ta dva (i text editora...), a bogme nisam ni opcenito puno radio stranice, tako da...
inace slazem se za w3schools, ja sam ucio po skriptama sa faksa, ali cim nes nisam znao/razumio/nije bilo, odma w3....

[Uber Gosu]

Autor mc_fish

ps notepad je los za editiranje dok recimo notepad++ je super...code coloring je zakon

Točno to, moje preporuke idu notepadu++ i Dreamweaveru.

Vezano više za izgradnju dizajna (Layouta) ja imam ovakvu proceduru (naravano nakom što ukradem ideje drugima)

1- U Photoshopu izgradim cijeli layout (brdo layera, filtera.....) tako da naknadno mogu mjenjat sve brzo i jednostavno, exsportiram u .PNG ili .JPG fileove.

2- .PNG (JPG) fileove režem (što bi srbi rekli: cepam) na komade (blokove) i u notepadu++ ili u DW-u slažem HTML i CSS fajlove.

3- Dodavanje Flasha, Jave, itd...

4- Idem se zapit

@EDIT
Evo prve faze SS-a layouta koji "polako ali siguno" nastaje u Photoshopu, to radim baš ovih dana za jednog frenda.

http://www.zaslike.com/files/qyo46r8ym6a95jiw0xon.png

PS text nisam ja pisao tak da se zna, ja samo rokam po dizajnu

[sinisa1989]

Još jedan glas za notepad++. Ovaj code coloring je odličan. Odmah znaš da si negdje pogriješio ako se za atribute ne promijeni boja ili ak slučajno ne zatvoriš tag. Sa običnim notepadom bi bilo puno teže nać grešku, a i sučelje mu je odvratno. U ++ verziji sučelje je baš "frendli" i stvarno se može lijepo prilagodit za svačiji ukus.
E btw. instaliraj si za mozillu fire bug add-on. Koristan dodatak za dizajnere.
@ Uber Gosu
Dobar ti je layout, sviđa mi se.

[Rebel]

Daj mi recite, jel ima notepad++ podršku za Linux? Ako ne, koja bi bila dobra alternativa? Jel mi se uopće isplati radit to u Linuxu (novi Ubuntu)?

[mc_fish]

ubuntu - scite ili bluefish (ja sam riblji fan) a za hardcore linuxase i unixase vi

[iwwwek]

Ja sam web design naučio samo uz pomoć literature i google-a. Počeo sam prije možda 6-7 godina sa knjigom koja se otprilike zvala "Izrada web stranica u 17 lekcija" sa primjerima na CD-u za vježbu, svaka lekcija 2-4 sata. To sam detaljno prošao kroz mjesec dana i već sam mogao raditi jednostavne stranice. Photoshop sam tada znao "osrednje" po mojoj procjeni.

To je i danas dovoljno za početak. Samo uz HTML 4 i CSS 2, uči odmah i HTML 5 i CSS 3, te su tehnologije već tu i dobro su implementirane u sve nove web browsere, osim naravno prokletog Internet Explorera kojeg svaki webmaster mrzi iz dna duše jer se loše pridržava trenutnih standarda i loše uvodi nove.

Hmm, programiranje? Može se i bez toga, ali kad-tad doći ćeš do toga da ti treba. Baze podataka su odlična stvar i ne treba puno truda da bi naučio osnove, u njih upisivati, brisati i mijenjati podatke.

Danas se puno koristi JavaScript na klijentskoj strani i postoji puno open source biblioteka koje ti olakšavaju korištenje uz vrlo malo ili nimalo znanja programiranja.

jQuery je odličan i to obavezno prouči.

Moraš se odlučiti koju ćeš platformu koristiti.
1. Microsoft: Windows server (operativni sustav), IIS (web server), MSSQL (baza podataka), ASP.NET (programiranje) ili

2. OpenSource: Linux, Apache, MySQL, PHP.

JavaScript je nezavisan od platforme.

Apache, PHP i MySQL se može upogoniti i na windozama.

Ako se odlučiš za OpenSource onda preuzmi XAMPP i instaliraj na windowse.

Onda na svome računalu imaš Apache, PHP i MySQL. Tu razvijaš web stranice i programiraš i kad je sve gotovo tada ih "dižeš" na hosting server.

Sve o izradi web stranica imaš na internetu, ali s obzirom da si početnik preporučam da kupiš neku dobru knjigu o izradi web stranica (za početnike) i od toga kreneš.

Ako znaš engleski imam odličnih knjiga u pdf formatu pa se javi na email da ti pošaljem.

Pozdrav.

[mc_fish]

Autor iwwwek

Ja sam web design naučio samo uz pomoć literature i google-a. Počeo sam prije možda 6-7 godina sa knjigom koja se otprilike zvala "Izrada web stranica u 17 lekcija" sa primjerima na CD-u za vježbu, svaka lekcija 2-4 sata. To sam detaljno prošao kroz mjesec dana i već sam mogao raditi jednostavne stranice. Photoshop sam tada znao "osrednje" po mojoj procjeni.

To je i danas dovoljno za početak. Samo uz HTML 4 i CSS 2, uči odmah i HTML 5 i CSS 3, te su tehnologije već tu i dobro su implementirane u sve nove web browsere, osim naravno prokletog Internet Explorera kojeg svaki webmaster mrzi iz dna duše jer se loše pridržava trenutnih standarda i loše uvodi nove.

Hmm, programiranje? Može se i bez toga, ali kad-tad doći ćeš do toga da ti treba. Baze podataka su odlična stvar i ne treba puno truda da bi naučio osnove, u njih upisivati, brisati i mijenjati podatke.

Danas se puno koristi JavaScript na klijentskoj strani i postoji puno open source biblioteka koje ti olakšavaju korištenje uz vrlo malo ili nimalo znanja programiranja.

jQuery je odličan i to obavezno prouči.

Moraš se odlučiti koju ćeš platformu koristiti.
1. Microsoft: Windows server (operativni sustav), IIS (web server), MSSQL (baza podataka), ASP.NET (programiranje) ili

2. OpenSource: Linux, Apache, MySQL, PHP.

JavaScript je nezavisan od platforme.

Apache, PHP i MySQL se može upogoniti i na windozama.

Ako se odlučiš za OpenSource onda preuzmi XAMPP i instaliraj na windowse.

Onda na svome računalu imaš Apache, PHP i MySQL. Tu razvijaš web stranice i programiraš i kad je sve gotovo tada ih "dižeš" na hosting server.

Sve o izradi web stranica imaš na internetu, ali s obzirom da si početnik preporučam da kupiš neku dobru knjigu o izradi web stranica (za početnike) i od toga kreneš.

Ako znaš engleski imam odličnih knjiga u pdf formatu pa se javi na email da ti pošaljem.

Pozdrav.

iwwwwek, zasto pocetniku preporucavas jquery? on je za naprednije koji vec znaju osnove JS,

MS OS jedino i iskljucivo ako se koristi za asp asm ili nekoj drugoj xml kombi...sa phpom cesto radi problema, cudne konfiguracije itd, takoder treba napomenuti kako mssql ima neke razlicite funkcije itd...

JS je client side, da - nije zavisan od patforme, ali je zavisan od browsera...poglavito ako se rade ajax requestovi

xampp...meni je osobno bio pre spor...ja vise volim wamp za widnowse...i mamp za meka, al oba rade fenomenalno


opet ponavljam, nauci prvo html i to dobro, pa dobro nauci css, tad povrsnu nauci JS i dobro nauci neki framework....malo xmla i ostalih gluposti sa strane...i voila client side si zavrsio! sad jos malo php-a sql-a htaccessa i ostalih zgoda i voila otvaraj firmu napravi cms crm ili neki drugi Cxx i zaraduj

[iwwwek]

Autor mc_fish

iwwwwek, zasto pocetniku preporucavas jquery? on je za naprednije koji vec znaju osnove JS,

MS OS jedino i iskljucivo ako se koristi za asp asm ili nekoj drugoj xml kombi...sa phpom cesto radi problema, cudne konfiguracije itd, takoder treba napomenuti kako mssql ima neke razlicite funkcije itd...

JS je client side, da - nije zavisan od patforme, ali je zavisan od browsera...poglavito ako se rade ajax requestovi

xampp...meni je osobno bio pre spor...ja vise volim wamp za widnowse...i mamp za meka, al oba rade fenomenalno

jQuery: Moto ove moderne knjižnice je jQuery: The Write Less, Do More, JavaScript Library, upravo u toj rečenici autori su objasnili cilj svih tih JavaScript library-a, a ne samo jQuery-a. Zašto da pišete gomilu JavaScript koda kada je netko to već učinio za vas i može se reći da je odradio jako dobar posao. Zaboravite optimizaciju vašeg JavaScript koda za beskonačne verzije browsera, JavaScript library je već optimiziran za sve browsere.

Što je od znanja potrebno da se radi sa jQuery bibliotekom? CSS i skoro ništa javascript-a. Skoro ništa? Pa potrebno je da znate kako se prave pozivi. Evo primjer ispod:

$(document).ready(function() {
  //klikom na link iskače poruka "Hvala na posjeti!"
   $("a").click(function(event){
     alert("Hvala na posjeti!");
   }) });

Ja sam ga počeo koristiti kad mi je zatrebao Lightbox. Pošto nije bilo "hrvatske" verzije lightbox-a onda sam malo učio pa sam i to sredio. A onda kad sam dalje vidio što se sve može i koliko je dobar zaljubio sam se u njega.

Evo jedan tutić na hrvatskom:
http://www.kroativ.net/izdvojeno/nau...cript-library/

jQuery olakšava i AJAX pozive.

The jQuery library has a full suite of AJAX capabilities. The functions and methods therein allow us to load data from the server without a browser page refresh.
Ajax couldn't be any easier than it is with jQuery. jQuery has a handful of functions that make the easy stuff really easy and the complex stuff as simple as possible.
A common use of Ajax is to load a chunk of HTML into an area of the page. To do that, simply select the element you need and use the load() function. Here's an example that updates some statistics:

$('#stats').load('stats.html');

Ja sa XAMPP-om nisam nikad imao problema. Sad ga vrtim na Windows 7 i jedini problem je bio što mi je Skype blokirao podizanje Apache-a (eto ako netko bude imao sličan problem - samo ubij skype)

Inače preporučam OpenSource platformu, ne zato što radim u njoj već zato što je hrpa programera koji je usavršavaju i smatram da će u doglednoj budućnosti nadmašiti Microsoft-ovu. PHP je već sad dobro OO potkovan, ako MySQL i zaostane s obzirom na kupnju od strane Oracle-a imamo PostgreSQL koji je moćniji od MySQL-a.

Eto

[mc_fish]

ma nemoras meni govorit o JS-u, optimizaciji i frameworkovima ja sam velim da ako neznas osnovu jave kako radi, neces znati ni neke sitnice raditi sa jqueryjem...

tipa window resize, jquery nema te opcije vec moras koristit tradicionalni JS...pa ga das jqueryju da se on time igra, zato velim prvo js onda jquery

= ozbiljniji problemni svakako zahtjevaju ozbiljniji pristup -> treba se znati neka pozadina, kako nesto napraviti, prog logika itd...e tu nemres vise bez JS tj. samo sa jqueryjem get me? jer se pol mog frameworka temelji na jquery-ju i cak nedopustam iskljucivanje javascripta u browseru!

[Rebel]

Hvala na svim savjetima. Spremam se početi raditi vlastitu web stranicu pomalo, pa ću početi učiti sve to...
Recite mi, koliko je komplicirano napraviti nešto ovako? Ali da, kad se ode u galeriju fotki, fotke ne budu flash slideshow nego neka jednostavna galerija.
http://scottwatt.viewbook.com/

[sinisa1989]

Za početnika, ovo je jednostavan dizajn. Bez previše "tričarija". Fino lijepo i pregledno.
Ako hoćeš neku galeriju probaj koristi gotove jQuery pluginove. Ima ih jako puno besplatnih, a i vrlo jednostavno ih možeš prilagoditi dizajnu svoje stranice.

[iwwwek]

Ljepota jQuery-ja i pluginova koje su ljudi napisali za njega je u tome što je to vrlo lako implementirati na svoje web stranice i što dobiješ gotov kod sa demo primjerima i detaljno usputsvo kako to dodati na svoje web stranice.

Naravno možeš ti uzeti i neki drugi library koji ti više odgovara - mootools, dojo, prototype itd.
http://javascriptlibraries.com/

Iza sebe imam nekoliko php aplikacija sa mysql-om, vlastiti cms, itd. ali da moram isprogramirati 10 linija JavaScript koda morao bih uzeti priručnik pa prvo ponoviti sintaksu.

A čemu kad je netko drugi to već napravio i nudi besplatno, uz dobrovoljnu donaciju.

Samo ti kreni i ničega se ne boj. Sve se da naučiti.

[Agnus]

rebel, pusti priče "ne treba ti html/css"
samo ti lijepo posveti prvo neko vrijeme html/css-u pa će ti to kasnije biti uvijek dobra baza.
to ti je kao da rješavaš zadatke iz matematike, a formule si nisi ispisao na papir, pa svako malo tražiš po bilježnici/knjizi gdje je što da probaš sve skupa skužiti.
a ako ideš korak dalje, pa prvo naštrebaš formule, onda rješenja sama od sebe dolaze, jer poznaješ alate...
html/css je osnova weba, a dalje ćeš puno lakše