Odakle početi sa pravljenjem web sajta?

Jedan moj prijatelj me je zamolio da mu pomognem da uplovi u vode web razvoja, pa smo se dogovorili da to odradimo u stilu pitanja i odgovora. Za početak, on mi je postavio par pitanja, pa evo mojih odgovora.

Pitanje 1: Prvo što me je zanimalo u čemu se radi, tj. šta ti koristiš za kucanje koda? Nama je za ispit profa tražio Notepad++, ali sam sada instlirao Dreamweaver, koji mi nije baš legao, pa sada kucam u NetBeans-u, on mi je dobar.

U startu si napravio dobar izbor. Kada sam počinjao pre 5-6 godina tu nije bilo mnogo izbora. Dreamweaver 2004 je bio de facto najbolji editor za html i css. Meni je on u početku odgovarao jer sam mogao da splitujem view i da vidim i kod i rezultat kodiranja, onosno kako će izgledati. Nisam ni morao da pišem CSS, već da kroz razne menije stilizujem sajt. Ali, onda sam na Internetu nalazio preporuke da je taj način loš i da ništa neću naučiti, pa sam se trudio da shvatim kako funkcioniše box model, šta su block, a šta inline elementi, učio one sve fore iz CSS-a i krenuo samostalno da pišem kod. Bilo je tu mnogo muke, nisam imao nikog da mi objasni šta je šta i kako funkcioniše, već sam sam istraživao i isprobavao razne tehnike. Kad ukapiraš stvari, shvatiš koliko je to zapravo jednostavno 🙂

Kasnije, sa Dw sam prešao na Zend Studio, zato što je imao mnogo bolju podršku za PHP od Dw koji je ranije imao samo syntax hightlighing, bez autocomplete opcije.

Sada koristim nekoliko editora, za razvoj Netbeans ili PhpStorm, neki projekti su mi u jednom, neki u drugom, nisam se još odlučio koji da mi bude default za razvoj.  Notepad++ mi je default editor u Windowsu, služi mi uglavnom za brzo pregledanje fajlova, možda neke brze izmene (ne bih da čekam 5min da mi se Netbeans digne).

Za bilo kakav ozbiljan razvoj jako je bitno da to bude IDE, a ne običan editor. Debugger, inteligentan autocomplete i mnoge druge pomoćne opcije se više nego korisne.

Pitanje 2: Od čega početi? Prikupiti materijal, napraviti strukutru pa onda index. Ali, koje smernice pratiti? Koliko nivoa u dubinu, koliko i kakvih menija praviti?

Nema nekog univerzalnog pravila i uglavnom zavisi od vrste i veličine projekta. Na primer, nekada je dobro  krenuti od dizajna, nekada od definisanja strukture i elemenata, nekada od projektovanja baze podataka, a nekada i od pisanja frejmvorka.

Verovatno se pitanje odnosi na strukturu svih stranica, odnosno sitemap iliti hijerarhiju stranica. Jedno je samo važno – web razvoj nema konačno stanje, pa ti zato preporučujem da krećeš od jednostavnijih struktura, do prvog nivoa. Kasnije, uvek možeš dorađivati i širiti hijerarhiju, što opet zavisi od tipa projekta, ali uvek vodi računa da to bude što jednostavnije za razumevanje.

Pitanje 3: Horizontalni meni – neko ga uradi kao UL listu, a negde sam video i kao skup „left float“ divova. Šta je bolje?

Bolje je da to bude lista linkova (UL LI) i to samo zbog semantike, jer je nekako logično da ti linkovi budu grupisani u neku listu, dok DIV (divizija ili sekcija) element bi trebalo da koristiš za grupisanje i pozicioniranje elemenata na strani (npr header, footer, sidebar, article). U oba slučaja, CSS kod će biti maltene isti.

Pitanje 4: Posle završene index stranice, da li prekopirati kod (tj header, footer, menu divove) pa menjati centralni sadržaj tako dobiti nove html stranice ili se to radi na neki drugi način

Ne, nikako. To će ti postati najgora noćna mora kada budeš trebao nešto da promeniš, moraćeš to isto da uradiš na mnogo drugih mesta. Razmisli o tome da uporedo sa HTML i CSS-om učiš i PHP.  Ukratko, vrlo je jednostavno da podeliš HTML na delove i da ih „ubacuješ“ na stranicu po potrebi, pa tako možeš imati više HTML fajlova sa PHP ekstenzijom – header.php, index.php, footer.php i onda ćeš samo u index.php dodati <?php include „header.php“; ?> To je najjednostavan primer, vremenom ćeš videti kako neki paterni (MVC) i neke biblioteke (Smarty) ti mogu dosta olakšati razvoj.

Srećno, javi kada napraviš i postaviš svoj prvi sajt 🙂

4 Comments

  1. Odlicno Sale, ovo je bas onako kako treba. Konkretno, precizno, ni previse okolo ni previse detaljno. Samo se nadam da ce biti dovoljno da zainteresuje i ohrabri ljude koji su novi u ovom poslu.

    Samo tako nastavi, treba nam sto vise ovakvih clanaka, na srpskom, naravno.

    Pozdrav

  2. Hvala Sale, puno sam naucio iz ovog teksta :)))

  3. Pitanja mi ne deluju kao uplovljavanje nego mnogo ozbiljnije, kao i odgovori .

  4. Prema svemu se treba odnositi krajnje profesionalno i naravno s uživanjem. Ma koliko se činilo da je web dizajn lak, preširok je pojam da bi smo o njemu mogli napisati malo a dovoljno. Ipak, ovaj vaš tekst zavređuje pažnju jer precizira nešto što je ispravna osnova u web dizajnu. Želim vam što više tekstova i uspeha u novoj godini. Sve najbolje!

Comments are closed.