Web-mjesta temeljena na okvirima često prikazuju svoj izgled okvira, a ne sadržaj.
Zasluga slike: vetkit/iStock/Getty Images
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.
Pregledajte izvor u pregledniku
Koraci potrebni za pregled HTML koda web-mjesta u osnovi su isti za Firefox, Chrome, Safari, Opera i Internet Explorer. Desnom tipkom miša kliknite dio web-stranice koji sadrži samo tekst, a zatim odaberite opciju "Prikaži izvor" ili "Prikaži izvor stranice". Ovisno o postavkama vašeg preglednika, HTML kod se otvara u novoj kartici preglednika ili u zasebnom prozoru aplikacije.
Video dana
Spremi izvorni kod na disk
Ako kasnije trebate pregledati ili urediti kôd web-mjesta, stranicu možete spremiti na 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 web stranice sam, preglednik sprema sve slike, CSS datoteke i JavaScript koje stranica koristi, a koje su pohranjene lokalno na njenom webu poslužitelju.
Firefox, Chrome, Opera i Internet Explorer svaki pružaju 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 zaslonu za razvojne programere. Ploči za razvojne programere može se pristupiti putem opcija ili alata za konfiguraciju. Iako Safari nema izvorni alat za razvojne programere, možete ga instalirati kao proširenje.
Aplikacije za web programere
Alati za dizajn web stranica kao što su Dreamweaver, Kompozer i Microsoft Expressions omogućuju vam da otvorite internetsku stranicu koristeći njezin URL. HTML kôd pregledavate u prikazu samo izvornog koda ili podijeljenom, preglednom i izvornom prikazu. Osim toga, možete uređivati kod i vidjeti promjene u stvarnom vremenu. Stvarni kod pohranjen na poslužitelju web stranice nikada se ne mijenja.
Problemi s kojima se možete susresti
Namjerno ili nenamjerno, neke web stranice ne odustaju lako od svog HTML koda. Na primjer, neka web-mjesta koriste JavaScript kod, koji blokira desni klik. Još uvijek možete vidjeti izvorni kod preuzimanjem stranice na svoj disk ili onemogućavanjem JavaScripta u svom pregledniku. Ostala web-mjesta koriste HTML okvire ili iframe-ove, 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 mogućnost pregleda izvornog koda okvira. Ako web-stranica koristi JavaScript ili CSS datoteku pohranjenu na drugoj domeni, možete vidjeti kod te datoteke izravno putem kopirajte njegov URL iz HTML koda kojem možete pristupiti i zatim ga zalijepiti u adresnu traku nove kartice preglednika.
