Želite li vidjeti kako je web stranica izrađena? Pokušajte pogledati njegov izvorni kod.
Gledanje HTML izvora web stranice jedan je od najjednostavnijih (ali ipak najučinkovitijih) načina naučavanja HTML-a, posebno za novije web profesionalce koji tek započinju u industriji. Ako nešto vidite na web-lokaciji i želite znati kako je to učinjeno, pogledajte izvorni kôd za tu web-lokaciju.
Ako vam se sviđa izgled web stranica, pregledavanje izvora kako biste vidjeli kako je taj izgled postignut pomoći će vam da naučite i poboljšate svoj posao. Tijekom godina mnogi su web dizajneri i programeri naučili dosta HTML-a jednostavnim pregledom izvora web stranica koje vide. To je odličan način za početnike da nauče HTML i za iskusne web stručnjake kako bi vidjeli kako su nove tehnike primijenjene na web mjesto.
Zapamtite da izvorne datoteke mogu biti vrlo komplicirane. Uz HTML oznake za stranicu, vjerojatno će biti puno CSS i skriptnih datoteka koje se koriste za izradu izgleda i funkcije tog web mjesta pa nemojte se frustrirati ako ne možete shvatiti što se događa odmah. Pregled HTML izvora samo je prvi korak. Nakon toga možete koristiti alate kao što je proširenje web razvojnog programera Chris Pederick kako biste pogledali CSS i skripte te pregledali određene elemente HTML-a.
Ako koristite preglednik Safari, evo kako možete vidjeti izvorni kôd stranice da biste vidjeli kako je izrađen.
Kako pregledati HTML izvor u Safaru
- Otvorite Safari.
- Idite na web stranicu koju želite pregledati.
- Kliknite izbornik Razvoj u gornjoj traci izbornika. Napomena: Ako izbornik Razvoj nije vidljiv, idite u Postavke u odjeljku Napredno i odaberite Prikaži izbornik Razviti u traci izbornika.
- Kliknite Prikaži izvor stranice . Time će se otvoriti prozor teksta s HTML izvorom stranice koju gledate.
Savjet
- Na većini web stranica također možete pogledati izvor desnim klikom na stranicu (ne na slici) i odabirom Show Source Page. To će se prikazati samo ako je izbornik Razvoj omogućen u Postavkama.
- Safari također ima tipkovnički prečac za pregled HTML izvora - držite tipke naredbe i opcije i pritisnite U (Cmd-Opt-U.)
Je li izvorni kod pregleda pravni?
Dok kopirate kôd web-lokacije za veleprodaju i šaljete ga kao svoju na web-lokaciji, zasigurno nije prihvatljivo, upotrebljavajući taj kôd kao odskočnu dasku za učenje je zapravo koliko je napredaka napravljeno u ovoj industriji. Zapravo, bilo bi teško pronaći profesionalnog web stručnjaka koji još nije naučio nešto gledanjem izvora web mjesta!
Na kraju, web profesionalci uče jedni od drugih i često poboljšavaju posao koji vide i nadahnjuju, stoga ne ustručavajte se pogledati izvorni kôd web mjesta i upotrijebiti ga kao alat za učenje.