Zar niko nista nema da mi kaze? :(

Zipovao si fajl koji mora da se skine i vidi, mnogo cimanja bre... postavi te sajtove na neki free host, daj linkove, pa da vidimo sajtove na klik. Ako imas neke slike ili sta vec radis, isto, stavi na neki image board. Ako imas neki kod, stavi na neki code bin, pastebin, itd.
Ko ce da raspakuje otvara foldere i mota fajlove...?

Pogledao sam to što si pravio i šta da ti kažem, uči još. css ti je poprilično loš. Sve je na istom kalupu i Comic Sans Ms font.. omg. Nemoj to. Ja kad vidim taj font, nekako mi je loše. Ni jedan "folder" to jest primer, nema lepo deklarisan html doctype. Sve ti je u quirks modu. Zašto? Znaš li uopšte kako se izbegava "quirks"? Odradi to, "prostudiraj" taj deo, posle se bacaj na "mastering" css-a. Za početak, preskoči komplet css 3, to ćeš kasnije. Nauči sve što treba o pozicioniranju elemenata, da sabiraš/oduzimaš za širinu/visinu kada koristiš margin, padding, itd. Ne sme forma da ti štrči u širinu i da viri iz sidebara.. xtra ružan utisak odaje. Sve u svemu, ti si tek krenuo i pred tobom predstoji još mnogo, mnogo rada i učenja. A to mnogo, mnogo može da bude i mnogo kraće nego što si pomislio. Lepo je što imaš volju i hoćeš, ali... svoj sajt? Zaboravi.
Ustvari, napravi svoj sajt portfolio, "about me" i uzmi i prerađuj taj jedan sajt, vežbaj se samo na jednom sajtu, nemoj da pozajmljuješ tuđe "css" fix-ove koji nemaju svrhu.. i nemoj još uvek da se nadaš nekoj ozbiljnijoj zaradi.

Od svih 9 "sajtova" osmica je ubedljivo najružnija, počevši od pozadine, preko fonta, pa onda sve ostalo.
HTML, CSS, PHP očajan. Primer kako ne treba pisati.
PHP širom otvoren za SQL Injection.

Evo sada da prođem "sajt" po sajt

Prvi problem sa svim "projektima" je statički HTML. To više ne može da se proda ni zemljoradničkoj zadruzi iz donje vuko]ebine.

1. Relativno pristojan vizuelni utisak osim što je crvena boja menija i hedera previše drečava. Drop shadow je nelogičan, na glavnom delu ekrana senka pada dole levo, a na menij dole desno. Fali nekako desna ivica strane. Može uz puno dorada da bude sajt za neku cvdećaru.

2. Šta je ovo, templejt za parketarsku radnju?. Odvratna pozadina za meni sa teksurom drveta, desni div prekriva deo odvratne drvene pozadine, a tekst u desno divu se preliva iz predviđenog okvira. Donji deo beo (nezavršen)

3. Relativno čist dizajn ali malo nedovršen. Očigledno je da mnogo voliš drop shadow, pa me čudi da na futeru nisi isto stavio senku. Ovako je senka ostala "pljosnata" a sve ostalo "lebdi". Suviše malo elemenata da bi se ocenio ukupan izgled.

4. Odvratno! Tome najviše doprinosi odvratan font. Hover na meni dodaje očajni drop shadow na stavku pa postaje skroz nečitljiva. Kombinacija boja očajna.

5. Nedovršeno. Ima potencijal da nešto bude od toga, ali čisto sumnjam. Suviše siromašno u ovoj verziji.

6. AAAHHH! Zabolela me je glava od senke na hederu i kombinacije boja za meni. Članci u glavnom delu nagurani skoro jedan preko drugoga.

7. Ajde, kao da izbrišeš Comic font sa tvog računara. Ovo je još jedan, skoro pristojan izgled, osim što su me zabolele oči od kopirajt poruke (drečeće crveno na drečeće zelenom) i što tasteri resetuj i login "ispadaju" sa mesta gde bi logično trebali da budu.

8. Odvratno! Pozadina, slike, kombinacija boja (odvratna zelena), odvratni meni, font. Ovo nemoj više nikome i nikada da pokažeš.

9. Ovo je izbacila poslednja poplava? Izgleda da su kiše natopile bordere pa se prelivaju jedni preko drugih. Nisi imao ni toliko pristojnosti da u heder staviš pristojnu sliku nego je razvučena, razlivena i mutna kao profilna fotografija prosečne klinke.

Ja vas ljudi ne razumem.
Decko je lepo napisao da ne komentarisete dizajn i kako to izgleda vec da pogledate kod.
Nisam stigao da pogledam ali javicu utiske kad stignem.

Nisi pogledao kad tako pišeš. Kakav kod ima da se gleda kada je sve statički HTML bez doctype. CSS nikakav. PHP ne valja. Šta je ostalo da se iskomentariše?

Ceo tvoj kilometarski post je bio vezan za dizajn. Ocajan CSS, ocajan PHP, SQL injection. Sto nisi napisao nesto konstruktivnije, dao primer koda koji ne valja, nesto? Ovako ubi decka u pojam a sa nista konkretno nisi napisao. Bas bismo svi ovde voleli da vidimo neki tvoj dizajn iki neki sajt koji si ti radio s obzirom da tako znas da spucas pocetnika?!

Evo ti njegov PHP pa komentariši:

Momak svakako ima još dosta da uči i treba mu se na to ukazati, ali ne vidim šta želiš da postigneš svojim bezobraznim tonom?

Svakako se slazem da tek treba sa uci i uci.
Ali lik je najstrasnije isprozivao dizajn a da pritom nije napisao nista konstruktivno.
Izvinjavam ako sam bezobrazan ali smatram da forum nije mesto gde neko ko zna vise treba pocetnika u startu da ubije u pojam.

Obraćala sam se korisniku djoka_l, ne tebi. Slažem se da početnike ne treba tako ubijati u pojam. Naravno, svaki konstruktivni komentar je dobrodošao (bez obzira na to da li je vezan za dizajn ili sam kod), ali komentari poput "To više ne može da se proda ni zemljoradničkoj zadruzi iz donje vuko]ebine." ili "Šta je ovo, templejt za parketarsku radnju?" su zaista suvišni.

Upravo o tome pricam.
Zato sam sam i napisao da bismo svi voleli da vidimo neki njegov projekat.

Grešiš. Upravo je to način da se vidi koji će se početnik pokolebati na osnovu "žirija" i odustati, a koji je onaj - pravi.
Lagati (da, to je to) početnike da je dobro, ako nije ili biti blaži nego što treba, jeste pogubno i po pitanju ega i po pitanju samih proizvoda kasnije.
Onaj ko se uvredi, popišmani nakon upućene kritike, ako je rad zaista ništa drugo nego skrndelj i to ne vidi jedan, nego više ljudi, taj i ne treba da se bavi dizajnom.
Onaj ko zaista hoće da nauči nešto, taj već zna da od "ega" nema ništa dobro i ima da se potrudi da sledeći put "žiri" (usput, između ostalog) promeni mišljenje i da njegov rad na nešto liči.

Daleko od toga da početnika treba lagati kako je njegov rad dobar. Rekoh već, svaki konstruktivni komentar je dobrodošao, bio on negativan ili pozitivan. Ako neko ima mnoštvo negativnih ali konstruktivnih komentara naravno da ih sve treba izneti. Međutim, to može da se uradi i bez bezobraznog tona (kao što si na primer to ti uradio u svojoj prvoj poruci).

Slazem se tuolarips.

Moze li neko od ovih PHP/HTML mastera da napise 10 najbitnijih saveta coveku?
Kako najbrze da napreduje iz ove tacke?
Koje su standardne greske u razmisljanju pocetnika?
Sta da se nikako ne radi?
Mozda ubaciti neke resurse (online, knjige)

Na kraju mozete pokazati i neke svoje rane radove, kako ste vi napredovali, neke skorije radove. Malo motivacije.

Ne mora se bas svako docekati na noz. Ljudi s ES treba da se ugledaju malo na strane tehnicke forume gde je konstruktivnost mera kvaliteta.

Ko je od vas, "teoretičara" (svepomalo, tuolarips, HeYoo), pogledao šta je postavljač teme postavio i dao neki konkretan predlog.
Zašto mislite da ja treba vama da se pravdam, ili da prilažem reference?

Pogledajte priloženi kod, pa onda nešto recite.


Pa postavi, što bi to bila moja dužnost? Ako umeš bolje od mene, samo izvoli.
Pogledajte mojih 9 godina postovanja, pa mi nađite grešku.

Uostalom, od devet priloženih "radova", ukazao sam mu na 4 koja mogu da prođu uz malo izmene, a i na ono što ne treba da radi...

Moje misljenje je da ne koristis adobe dreamweaver, lepo notepad++ ... Razlog je prepostavljam da vise koristis dual mode (ili kako god da se zove u DW mislim na code + preview ) i da tu proveravas kako izgleda to sto si napisao i prilagodjavas prema tome.
Sve sto uradis proveravas u mozilli kako to izgleda (tako bar ja radim) a na kraju kad zavrsis proveris u ostalim chromu,ie,chromium,opera itd i ako ima nekih gresaka lepo sredis i kraj price... i definitivno da poradis na samom css-u , te boje ne mozes nikom da prodas. Nadji neku knjigu o HTML5,CSS mislim da imas i na srpskom. poz

[quote]HeYoo: Slazem se tuolarips.

E da,hvala brate,ako bi neko mogao malo vise da me uputi sta,kako,gde,jer po vama vidim da sam posao pogresnim putem a bio sam ubedjen da sam na dobrom putu.

Djoka hvala puno sto si se potrudio da sve redom komentarises,das svoje misljenje,cenim to stvarno,mada mislim da ovo vukohebine i to da si mogao da zaobidjes ja sam ipak pocetnik i naravno da nece izgledati za prodaju.

Svaki komentar je dobro dosao bio pozitivan ili negativan,samo pisite da mi sto vise otvorite oci,i neka pomoc bi mi dobro dosla bas. Hvala vam drugari puno.

Evo konstruktivan komentar na ovo.... koliko mogu:

Ajde razmisli koliko je lako u bilo kolje polje uneti proizvoljni SQL kod? Nikada, ali NIKADA nemoj ono sto imas na formi da unosis u bazu bez sanitizacije. To je odlican nacin da unistis nekome dan, ili nedelju.

@dejan92

Za css -> https://developer.mozilla.org/en-US/docs/Web/CSS
Za html -> https://developer.mozilla.org/en-US/docs/Web/HTML

Svašta ima na MDN-u, bookmarkuj ti to.

A ovo vizuelno lepo izgleda i verujem da je ok za učenje -> http://www.codecademy.com/en/tracks/web
(iskreno, nikada nisam koristio servise ovog tipa)

U svakom slučaju, za html i css ima neverovatno mnogo tutorijala i google je tu.
Za tebe i w3schools.com jeste ok (za html i css).

Što se tiče javaskripte, MDN.

Zaključak: Ako ne znaš engleski, savladaj prvo engleski, posle sve ostalo. Makar toliko da razumeš ključne reči/svojstva source koda.

Hvala puno brate,codeacademy sam presao skoro pola,tu vec ucim odavno.Bilo bi dobro kada bi mi neko pomogao iz sopstvenog iskustva,neko ko se bas bavi time,da mi kaze nesto znacajno,nesto sto bi trebao da znam sto je veoma bitno u dizajnu,neke savete,trikove bilo sta sto bi mi pomoglo.

Evo od mene mala pomoć.. šablončić.

Potrudi se da ti svaka html stranica ima ovakav izgled.
Ti dodaji u "glavu" dokumenta šta još treba i prepravljaj/miči html komentare.



Ono što mi je prvo upalo u oko, to je dakle način na koji si oformio semantički deo svih stranica, to jest html-a u svim primerima.
Nema deklaracije, nema bitnih meta tagova,... to je quirks mode. Browser sam nagađa šta treba i kako da tretira i da parsuje. Don't do that..

Znači, ima mnogo toga što ti se treba razjasniti... a to moraš sam kroz vežbu, rad..
Kao što piše na forumu, ne očekuj od nikoga da radi za tebe.

Svi mi koji, eto, znamo nešto, sve smo 99% sami naučili uz pomoć enormno velikog izbora literature na ovom slobodnom internetu...


_{[Ovu poruku je menjao plus_minus dana 07.08.2014. u 23:35 GMT+1]}

Vecinu meta tagova znam i znam koji za sta sluzi,ali eto nisam ih koristio u nijednom od ovih 9 vezbi,jer vise sam se bazirao na samoj strukturi sajta,izgledu,pozicioniranju itd,ali od sada necu ih nikada vise izostavljati.P.S. nisam znao da je to quirks mode.E ovako nesto meni treba,da kazem ove sitnice da mi neko napomene kao i ti sada.Sve je dobro doslo samo pisite hehe :) Jel mozes da mi kazes nesto vise o statickom i dinamickom html-u sta je sta?Hvala.

Meta tagove *(description, keywords, designer, author) slobodno izostavljaj do onog trenutka kada budeš uploadovao sajt. Pre toga ti neće trebati.
Šta je dinamička a šta statična stranica? Pa šta misliš, po nekoj logici, kada neka statična stranica, postaje dinamična? Šta je to što jedan statičan html čini dinamičnim? Koji je to treći jezik koji to čini? Uglavnom se koriste 2 dodatna jezika pored html-a i css-a da bi dobili na dinamici, međutim, to može i samo sa još jednim.. pa, koji je taj jedan?

Hajde pogađaj..

Procitao sam sve postove u temi, i krenuo da skidam arhivu sa sajtovima, u nameri da dam neko svoje misljenje, koje bi se svelo na to da je sve OK i da je to svaciji pocetak, i u glavi mi je bilo da su sve greske koje si napravio ustvari manjak iskustva. I onda sam video ovo:



Gde ti je palo na pamet da kacis config fajl sa neizmenjenim podacima na javni forum? To bi bilo prvo i najvaznije.

A sad, sto se tice koda. Vidim da si shvatio ideju kako PHP funkcionise i cemu sluzi, pokusavas da ga implementiras u nekim osnovnim problemima i ide ti. Moras da stvoris u glavi jos jednu tacku gledista kada pises kod, a to je da svet nije bajan, i da ce se uvek naci neko kome ce biti zanimljivo da uradi nesto sa tudjom imovinom. Sajtovi koji izgledaju kao da su ih radili pocetnici, a da imaju .php ekstenziju su MAGNET za te stvari. Zato moras da razmisljas: sta bi bilo ako bi neko uneo pogresne podatke? Sta bi bilo ako bi neko krenuo da popunjava po 50 formi u minutu? Da li neko nekako moze da dodje do informacija iz baze podataka? Da li neko moze da iskoristi php skriptu za neki upit za koji nije namenjena? - To su neke stvari koje treba uvek sebe da pitas, da se sutradan ne probudis sa mailboxom sa 50000 novih poruka, bazom podataka sa 50000 upisa, bazom podataka sa 0 upisa, ili ko zna cime jos. To su neke stvari na koje moras da se navikavas od samog pocetka.

Moj savet ti je da ne pravis 50 razlitih stvari koje su po 10 linija PHP koda. Uzmi sebi jedan projekat da radis, i sredjuj ga konstantno, ubacuj nove stvari, doradjuj ga. Tek tako ces steci ideju kako izgleda komplikovana PHP skripta, pravljenjem jedne velike, kompleksne, a ne gomile malih, kratkih. Za pocetak, napravi najprostoji "guestbook" sa registracijom i log-inom. Potom ubaci administraciju, za rad sa postovima, korisnicima. Pa zastiti sve to, i sa anti spam zastitama, i sa SQL injection zastitama. Onda ubaci trajne log-inove uz pomoc cookie-ja. Zastiti cookie-je od kradje i iscitavanja sifri iz njih, i spreci bilo kakvu mogucnost iskoriscavanja tudjih cookie-ja. Ubaci 3rd party captchu, time ces takodje nauciti dosta stvari. E kad to sve zavrsis, to ce biti PROSTA, kompletna PHP skripta.

Posle toga napravi web aplikaciju za neku biblioteku, video klub, prodavnicu... i u njemu sprovedi sve ovo gore navedeno i jos dodatnih stvari. Kad sve to odradis, imaces i solidnog iskustva. To je neka moja preporuka za dalje ucenje, literaturu ti ne bih preporucivao, internet je pun literature, i svako nadje izvor iz kog najbolje i najlakse uci, bitnija je praksa i stvaranje svesti o njoj.

P.S. Pre nekih 10ak godina sam bio aktivan na jednom sajtu, koji te moze nauciti o nekim stvarima kod zastite skripti. https://www.hackthissite.org/user/view/zlatni/ :) Ne znam kakva je situacija danas, ali verujem da su ostale sve stare "misije". Mozes MNOGO nauciti o zastiti web aplikacija, pogotovu na "realistic" misijama. Jednostavno je u meni jos davno stvorilo ogromnu preventivu u kodu.

@plus_minus, staticna stranica je stranica koja ima neki sadrzaj i koji se nece ubuduce menjati,znaci nesto tipa sajt o necijoj biografiji ili tako nesto,dinamicna stranica je stranica gde se html kod pise tako da bude lakse svakodnevno menjati ili dodavati nove stvari na nas sajt.Ali ne razumem kako bi ja trebao html da napisem da bi bilo lakse kasnije menjati sadrzaj? Sajt cini dinamicnijim i JS i PHP,mislim da sam pogodio. :)

@Zlatni_bg brate veoma lepo objasnjeno,trenutno sam jos na html,css vise baziran nego na PHP,ali cim se bacim ozbiljno na PHP,poslusacu tvoje savete,veoma su korisni,hvala ti puno.

Tako je pogodio si, međutim, omašio si malo. Stranice koje se češće edituju i modifikuju od ostalih, pa se onda ostave da odstoje tako neko vreme, takođe spadaju u statične stranice, jel' da?
Dakle, šta je to dinamična stranica... ? Eno ti, code academy,.. tamo gde si čitao tutorijale, editovanje html koda za vežbu, itd.. eto, to je jedan odličan primer dinamične stranice.
Znači, onda kada server završi parsovanje html stranice (url indikatori ne pokazuju nikakvu aktivnost, itd) a sadržina se menja, to jest, "nešto tera" klijenta/browsera da prikazuje drugačiji sadržaj na osnovu polja za tekst npr. ili na osnovu aktivnosti miša ili kursora. Stranica koja ima live feed-ove.. to je dinamična stranica.. stranica na kojoj se koristi ajax, to je takođe dinamična stranica.. google maps.. itd.



E, vidiš.. taj deo i jeste najzanimljiviji. Kako? Odgovora pravog - nema. Ima približno korektnog odgovora, ali, ne i onog šablona na koji se svi mogu osloniti.
Taj način koji će tebi biti lakši, nametnuće se sam po sebi i važiće za tebe. Vremenom. Dok se usavršavaš, naći ćeš ga.

Ono što može da bude zajedničko pravilo za sve nas jeste da se što više detalja i elemenata kontrolišu sa samo jednog mesta. Ili sa što manje panela/skripti/lokacija je moguće.
Promeniš recimo vrednost jedne promenjive, a ta se vrednost automatski reflektuje i na sve ostale postojeće i buduće stranice/elemente ili delove, baš onako kako treba.
Eto, to je ukratko rečeno zajednički cilj svih developera i kodera koji žele da naprave i da stoje iza dobrog proizvoda.

_{[Ovu poruku je menjao plus_minus dana 08.08.2014. u 15:45 GMT+1]}

plus_minus kralj si,hvala ti puno brate mnogo mi znaci i mnogo mi pomaze ovo sto pises.Moram dakle JS dobro savladati,da bi pravio malo vise interaktivne sajtove zar ne? Da to bude malo vise live,pokretnije,da se nesto desava non stop,a ne samo dosadni textovi i tako to...

Kada neko kaže dinamička stranica, u prvom redu se misli na stranicu čiji je sadržaj izgenerisan na web serveru.
Dakle, kada napraviš HTML stranicu kao HTML fajl, onda je ona statička, ceo sadržaj se nalazi u tom fajlu,
i kada želiš da promeniš nešto od sadržaja, onda edituješ fajl, promeniš html i staviš već šta želiš.
Sa druge strane, dinamička stranica nije običan HTML fajl, već (obično) kombinacija programskog koda i html fragmenata,
čiji je rezultat izvršenja HTML sadržaj.
Na primer, upotrebom koda, stranicu gradiš programski i deo sadržaja učitavaš iz baze podataka i umećeš ga u rezultujući HTML,
neke elemente prikazuješ a druge ne prikazuješ na osnovu podataka ulogovanog user-a,
prikazuješ specifične podatke na osnovu parametara koji se nalaze u URL-u, itd ... - dakle dinamičko generisanje HTML-a.
Najšire rasprostranjen serverski jezik za dinamičke web stranice je PHP.

Klijenstke dinamičke web stranice žive i menjaju svoj sadržaj koristeći javascript. To je ono što je plus_minus opisao.
Iako je krajnji rezultat sličan, u pitanju su različite paradigme i svaka ima svoje prednosti-mane.
Apsolutna osnova ozbiljnog web developmenta leži u serverskim dinamičkim stranicama i serverskoj tehnologiji.
Kada budeš savladao neku od serverskih tehnologija (PHP, ASP.net MVC, ...), onda možeš da se baciš i ozbilnije
u dinamiku i interaktivnost na klijentu, ajax, jquery, ...

_{[Ovu poruku je menjao dusans dana 08.08.2014. u 17:56 GMT+1]}

Nema na čemu. html+css+js. To treba da znaš. A kasnije, kada to savladaš u dovoljno dobroj meri .. hoćeš li krenuti da generišeš i html i css i javaskriptu sa php-om ili asp.net-om ili nečim trećim, pa onda da na osnovu jednog jedinog requesta, "preokreneš sve naopačke" pa dobiješ određene izmene na stranici, to zavisi od tebe. Postoji mnogo lepih (manjih doduše) html5 sajtića gde je javaskripta glavna. Dakle, ni traga ni glasa od server side skripting jezika, ne zaboravi. Međutim, pogađaš i sam.. bez php-a, uopšte, koda koji se ne vidi i ne treba da se vidi u pretraživaču - nema ništa. Nekako nije zanimljivo.... :)

Obrati pažnju i na ovo. -> http://en.wikipedia.org/wiki/Don%27t_repeat_yourself

WET or DRY ?

We Enjoy Typing ili Don't Repeat Yourself
Koji si tip? Vremenom ćeš saznati sam ...

Ja sam više za DRY.

Hvala vam puno drugari,drago mi je sto mogu na nekoga da se oslonim i da dobijem kvalitetne odgovore,mnogo ste mi pomogli,ako jos nesto me bude kocilo nadam se da ste uvek tu hehe :) WET or DRY hm moram prvo da prostudiram sta je sta da bih mogao da odgovorim brate :)))