Način izradeweb stranice

Web tehnologija kod izrade web stranice je jako, jako puno i mogli bi ih podijeliti u razne kategorije, ali koje su bitne za web dizajnere. Za klijenta je možda najvažnija podjela web tehnologija s obzirom na način izrade web stranice!

Nacin izrade web stranice banner | Design: Tvolk - web studio, Tvolk.hr | Copyright: Tvolk - web studio, Tvolk.hr

Ručno pisanje web koda
Web dizajner sam kodira web stranicu koristeći najčešće HTML, CSS, PHP, Javascript web jezike kojima gradi web stranicu liniju po liniju, tj. po principu "kamen po kamen - palača". Ima potpunu kontrolu nad izrađenom web stranicom, ali je vremenski zahtjevno.
CMS
Web dizajner ne mora nužno znati skoro ništa o web tehnologijama, jer koristi CMS (content management system) besplatne web alate koji za njega pišu web kod kojim grade web stranicu. Izrada web stranice uz pomoć CMS-a je nešto kao izrada prezentacije uz pomoć Powerpointa. Web dizajner ima ograničenu kontrolu nad kodom izrađene web stranice, ali je vrijeme za izradu minimalno.

Saznaj više o ručnoj izradi web stranice!

RučnoNačin izrade

Ručna izrada web stranice je "prirodni" način izrade web stranice liniju po liniju programskog koda HTML dokumenta kojeg web preglenik analizira, te pretvara u web stranicu.

Izrada web stranice pisanje koda banner | Design: Tvolk - web studio, Tvolk.hr | Copyright: Tvolk - web studio, Tvolk.hr

Svaka web stranica je ništa drugo do obična tekstualna datoteka, koja uz standardni tekst koji u ovom trenutku čitate sadrži i specijalne znakove i izraze, a koje nazivamo web jezik. Web preglednik čita ovaj jezik, te ga transformira u dizajniranu web stranicu.

Da bi web dizajner bio u stanju ručno pisati kod, mora poznavati sve web jezike koje će korstiti pri izradi web stranice. HTML mora obavezno i izvrsno poznavati, jer njime gradi osnovnu strukturu web dokumenta. CSS-om "programira grafički dizajn" web stranice. Javascriptom daje web stranici interaktivnost. PHP-om izrađuje server-side aplikacije.

Ukoliko web dizajner nije full stack web devaloper, tj. ne poznaje skriptne jezike (poput Javascripta i PHP-a), web dizajner surađuje s web programerima. Ovo su najčešći, ali ne i jedini web jezici koje web dizajneri koriste pri izradi web stranice.

Iz navedenog je vidljivo da ručno pisati kod kojim se izrađuje web stranica nije posao za svakoga, jer zahtjeva veliko, široko i iscrpno poznavanje više web tehnologija. Ipak, stečena znanja omogućuju web dizajneru potpunu kontrolu nad izrađenom web stranicom.

Usporedi ovo s CMS izradom web stranice!

CMSNačin izrade

CMS (content management system) je kao što i sam naziv kaže web softver koji služi za izradu i upravljanje web stranicom i ima neprocjenjivu vrijednost kod izrade ogromnih, ali standardnih web aplikacija.

Ručna izrada web stranice je vremenski zahtjevna, a sat web dizajnera i web programera nemalo košta. Stoga su nastale web aplikacije koje (gotovo da) same izrađuju web stranice. Web dizajner koristi CMS za izradu web stranice slično kao što predavač koristi Powerpoint za izradu prezentacije, a CMS pretvara izrađeni grafički dizajn i odabrane funkcionalnosti u pripadajući web kod spreman da ga servira web pregledniku na učitavanje.

Ovo je izrazito korisno za sve koji se amaterski bave web dizajnom, jer o web dizajnu ne moraju znati skoro ništa. Međutim, kontrola nad web stranicom je ograničena i dominatno ovisi o dostupnim komponentama koje se dodatno instaliraju na CMS, a prikaz na mobilnim uređajima je često - prisilno upotrebljiv. Zbog vrlo brze i jednostavne izrade, cijena izrade web stranice može biti i sramotno niska, što ovaj način izrade web stranice čini popularnim i među profesionalcima.

Osim toga, za ozbiljne web aplikacije poput web trgovina, web foruma, web oglasnika, ali i web portala (gdje se konstantno dodaje novi sadržaj), CMS-ovi su nezamjenjivi. U njihov razvoj su uloženi deseci tisuća sati programiranja i nema puno dobrih razloga zašto bi itko išao platiti razvoj neke slične web aplikacije od nule, kada za besplatno dobije vrlo solidna gotova rješenja.

Imajte u vidu!

Problem s korištenjem CMS-a za izradu web stranice tvrtke je kao problem kupnje Lamborginija za gradsku vožnju. Za čije babe zdravlja?!? Ograničenje brzine je i tako na 50 km/h, a prosječna brzina vožnje je 15 km/h!

CMS je univerzalna platforma prilagođena oogromnom broju korisnika koji će ju korstiti za tisuće različitih namjena, ali je i prilagođena da ju se nadogradi s desecima tisuća dodataka koje razvijaju neke treće strane. CMS pokreće mašinerija koja broji tisuće web dokumenata raznih vrsta, a uz potporu ogromne baze podataka iz koje se web stranice grade "u letu" tijekom učitavanja u web pregledniku.

Dakle, na CMS baziranim web stranicama ne postoje klasični HTML dokumenti koji sadrže tekst i specifične znakove i izraze HTML jezika. Cijela struktura (web dizajn), kao i sadržaj web stranice se nalazi u programskom kodu i u bazi podataka, a tijekom učitavanja stranice CMS "u letu" gradi i dizajnira web stranicu, te ju servira web pregledniku za prikaz.

Sve to CMS stranice čini sporim za učitavanje, između ostalog i zbog loše strukture HTML koda prepunog pogrešaka koje ne prate W3C standarde. I ne samo to. Nekakav jednostavni HTML dokument kojeg CMS "u letu" izradi uz nekoliko tisuća linija koda dobar web dzajner bez većih problema može izraditi u samo nekoliko stotina linija koda. Jednostavno zato što se ne mora u svom kodu prilagođavati stotinama tisuća korisnika CMS-a koji bi ga htjeli koristiti za tisućama različitih nekih svojih potreba. Razlika u "težini" dokumenta je oogromna, a samim time i brzina izvedbe.

U konačnici, CMS je uvijek takav kakav je kako bi se postigao kompromis da izrada web stranice odgovara - baš svima! I amaterima i profesionalcima i razvijateljima CMS-a i razvijateljima dodataka za CMS. Izrazito zahvalno za velike web aplikacije, ali čisti ovrerkill za male poslovne web stranice kojima se tvrtka želi prezentirati svojim klijentima.

Evo detaljne usporedbe oba načina izrade web stranice!

Za i protivNačin izrade

Ručno pisanje web koda ima nekoliko ozbiljnih nedostatka, ali je u konačnici superiorno u odnosu na izradu web stranice korištenjem CMS-a. Ipak, većina će odabrati CMS zbog izdašno niže cijene izrade ili zato što trebaju web aplikacije poput web trgovina, a budući da su CMS alati besplatni, neki će odlučiti i sami sebi izraditi web stranice.

Za i protiv - razlike u izradi web stranice
	Ručno	CMS
Nužnost dobrog poznavanja, razumijevanja i primjene web tehnologija u praksi [1]	✅ ❌ Maksimalna	❌ ✅ Poželjna, ali nepotrebna
Brzina izrade jednostavnih prezentacijskih web stranica tvrtke nakon što klijent dostavi sav potreban materijal	❌ Nekoliko dana	✅ Nekoliko sati
Kontrola nad kodom kojim su izrađene web stranice	✅ Potpuna	❌ Ograničena
Brzina učitavanja web stranice na slabijim brzinama Interneta i slabijim mobilnim uređajima	✅ Kao metak	❌ Kao puž
Mogućnost optimizacije koda za bolju pristupačnost web stranice široj populaciji	✅ Potpuna	❌ Ograničena
Mogućnost optimizacije koda za web tražilice (SEO)	✅ Potpuna	❌ Ograničena
Mogućnost ispravljanja kodnih pogrešaka koje ne prate W3C standarde u web dizajnu	✅ Potpuna	❌ Ne postoji
Klijentu ostavljena mogućnost da samostalno ažurira web stranice	❌ Kod nekih web firmi ograničena, ali uglavnom ne	✅ Ugavnom da, ovisno je li web firma voljna riskirati da klijent zna što radi, tj. da ne "sruši" web stranice.
Brzina izrade specijaliziranih, ali standardnih dinamičnih web stranica tipa web trgovine, web oglasnici, web portali...	❌ Čitavu vječnost. Neisplativo izrađivati, osim kada je riječ o milijunskim projektima.	✅ Nekoliko sati do nekoliko dana, ovisno o projektu.
Mogućnost ispunjavanja specijalnih zahtjeva klijenata	✅ Potpuna	❌ Ovisno da li CMS nudi takve mogućnosti ili da li postoje takve komponente treće strane. Uglavnom niska.
Ukupna kvaliteta izrađenih web stranica	Kod web dizajn početnika - niska. ✅ Kod web dizajn profesionalaca - maksimalna.	❌ Ovisno o korištenom CMS-u, a ponajviše o korištenim komponentama treće strane. Uglavnom niska.
Cijena izrade web stranice	❌ Ovisno o web studiju koliko drži do sebe. Ne mala.	✅ Od 150 € na više.
[1] Je li nužnost dobrog poznavanja web tehnologija pozitivna, ili negativna stvar ovisi iz čije perspektive se gleda. Za Powerpint korisnike koji su prešli na web dizajn, svakako nužnost dobrog razumijevanja web tehnologija nije prednost nego mana. Međutim, klijentima koji naručuju izradu web stranice je možda važnije da web dizajner dobro razumije to što će mu web dizajner izraditi i naplatiti.