Ovaj web sajt je skup knjiga koje objašnjavaju kako izraditi web stranicu. Lekcije su izrađene kako za početnike tako i za programere naprednog stupnja te obuhvaćaju područja kao što su HTML, CSS, Javascript, PHP itd. Pojedina područja sadrže više knjiga unutar kojih su objašnjene osnove ali i napredne tehnike programiranja za web.
Osnovni Pojmovi
Odmah na početku ukratko ćemo objasniti neke osnovne pojmove koji su neophodni za razumijevanje narednih lekcija.
1. Web Server
WWW (World Wide Web) je naziv koji se najčešće koristi za poslužitelj web stranica (web server). Server je računalo sa stalnom vezom s internetom te ima svoju jedinstvenu IP adresu (npr. 195.161.118.15) odnosno svoj naziv u određenoj domeni (npr.www.google.com). Web stranice jesu ustvari fajlovi smješteni na jednom takvom serveru, a pristupamo im putem HTTP protokola.
2. Browser
Serveri sami po sebi ne bi imali svrhu kada ne bi postojali korisnici (clients). Klijenti su računala koja primaju web stranice (vaše računalo kada surfate internetom), a to rade pomoću posebnih programa koji se nazivaju web browseri (web pretraživači). Browseri koji se trenutno najviše koriste u svijetu jesu: Chrome, Firefox i Internet Explorer. Budući da ovi browseri u nekim slučajevima različito prikazuju web stranicu potrebno je vašu stranicu isprobati u sva tri browser. Štoviše potrebno ju je testirati na različitim desktop operativnim sustavima (Windows, Linux , Mac) te na mobilnim i tablet uređajima.
3. Web Stranica
Web stranica mora imati svoju adresu npr. http://www.yahoo.com/index.html gdje je
http naziv protokola,
www.yahoo.com naziv web servera ,
a index.html naziv fajla pohranjenog na tom serveru.
4. Source Code Web Stranice
Source code svake web stranice sadrži određene instrukcije,
tagove (kao npr. <div>) koje govore browseru ŠTO da radi.
Svaki tag ima određene atribute koji kažu browseru KAKO da nešto napravi.
I upravo će to biti glavna tema ovoga priručnika. Obrađeni su
uglavnom tagovi koji podliježu W3C (World Wide Web Consortium) standardu.
Jezik u kom je napisana svaka web stranica
zove se HTML (HyperText Markup Language)
te će napisani fajlovi morati završavati *.html odnosno *.htm extenzijom.
Vjerojatno se pitate kakva je razlika između htm i html. Odgovor: nikakva.
Extenzija htm je zaostala iz davnih dana kada programi nisu dozvoljavali extenziju veću od 3 znaka.
Danas nećete imati nikakvih problema ako napišete .html. No ipak tko zna kod Windowsa i njihovog
DOS-a sve je moguće pa čak i takva vrsta problema, pogotovo ako su u pitanju stariji
browseri. Kod Linuxa takvih problema sigurno nećete imati pa toplo preporučamo da na svoje računalo
instalirate najnoviji Linux.
5. Uređivač texta
Uređivač texta (text editor) je program u kojem ćete pisati svoj code. Nemojte dolaziti na sulude ideje da to činite u Wordu. Na netu ima dosta besplatnih editora od kojih je KomodoEdit. Preuzeti ga možete ovdje.
6. Lorem Ipsum
Često ćemo kao uzorak nekog dugačkog teksta koristiti LOREM IPSUM text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.