Kako vidjeti HTML kod za web mjesto
Temeljni HTML kod koji se koristi za izradu web stranice nije skriven, već je lako dostupan svakome s odgovarajućim alatima. Na primjer, web preglednici kao što su Firefox, Chrome, Safari, Opera i Internet Explorer imaju više načina na koje možete izravno vidjeti HTML, CSS ili JavaScript kod web stranice. Osim toga, neki namjenski alati za web-programere mogu učitati i otvoriti web-stranicu s interneta poput datoteke pohranjene na lokalnom disku.
Pogledaj izvor u pregledniku
Koraci potrebni za pregled HTML koda web stranice u biti su isti za Firefox, Chrome, Safari, Operu i Internet Explorer. Desnom tipkom miša kliknite odjeljak web-stranice koji sadrži samo tekst, a zatim odaberite opciju "View Source" ili "View page source". Ovisno o postavkama preglednika, HTML kod se otvara u novoj kartici preglednika ili u zasebnom prozoru aplikacije.
Spremi izvorni kod na disk
Ako kasnije trebate pregledati ili urediti kôd web stranice, možete spremiti stranicu na svoj tvrdi disk. Kada desnom tipkom miša kliknete web stranicu u Firefoxu ili Safariju, nudi vam se opcija "Spremi stranicu kao". Chrome i Opera imaju opciju "Spremi kao". Da biste spremili web stranicu pomoću Internet Explorera, kliknite "Alati", "Datoteka", a zatim "Spremi kao". Osim same web stranice, preglednik sprema sve slike, CSS datoteke i JavaScript koje stranica koristi, a koji su pohranjeni lokalno na web poslužitelju.
Ugrađeni alati za razvojne programere preglednika
Firefox, Chrome, Opera i Internet Explorer nude način rada za razvojne programere koji vam omogućuje simultani pregled prikazane web stranice i njezinog HTML, CSS i JavaScript koda. Ako kliknete element na webu, njegov se kod pojavljuje na ploči zaslona razvojnog programera. Ploči za razvojne programere može se pristupiti putem opcija ili konfiguracijskog alata. Iako Safari nema izvorni alat za razvojne programere, možete ga instalirati kao proširenje.
Aplikacije web-programera
Alati za dizajn web stranice kao što su Dreamweaver, Kompozer i Microsoft Expressions omogućuju vam da otvorite mrežnu web stranicu koristeći njen URL. HTML kod možete pregledati samo u prikazu izvornog koda ili u podijeljenom prikazu, pregledu i prikazu izvora. Osim toga, možete urediti kod i vidjeti promjene u stvarnom vremenu. Stvarni kod pohranjen na poslužitelju web stranice nikada se ne mijenja.
Problemi na koje biste mogli naići
Namjerno ili nenamjerno, neke web stranice ne odustaju lako od svog HTML koda. Na primjer, neke web-lokacije koriste JavaScript kôd koji blokira desni klik. I dalje možete vidjeti izvorni kod preuzimanjem stranice na svoj disk ili isključivanjem JavaScripta u pregledniku. Druge stranice koriste HTML okvire ili iframeove, koji vam onemogućuju izravan pristup njihovom izvoru. Firefox, Chrome, Safari i Opera otkrivaju web-mjesta koja se temelje na okvirima i automatski vam nude opciju pregledavanja izvornog koda okvira. Ako web stranica koristi JavaScript ili CSS datoteku pohranjenu na drugoj domeni, možete vidjeti kod te datoteke izravno tako da kopirate njen URL iz HTML koda kojem možete pristupiti i zatim ga zalijepite u adresnu traku nove kartice preglednika.