Obsah
- Ak chcete vidieť, ako bola webová stránka vytvorená, skúste zobraziť jej zdrojový kód.
- Ako zobraziť zdroj HTML
- Je prezeranie zdrojového kódu legálne?
Ak chcete vidieť, ako bola webová stránka vytvorená, skúste zobraziť jej zdrojový kód.
Prezeranie zdrojového kódu HTML webovej stránky je jedným z najjednoduchších (a najúčinnejších) spôsobov, ako sa naučiť HTML, najmä pre novších webových profesionálov, ktorí práve začínajú v odbore. Ak na webe niečo uvidíte a chcete vedieť, ako sa to stalo, pozrite si zdrojový kód tejto stránky.
Ak sa vám rovnako páči rozloženie webovej stránky, prezeranie zdroja, aby ste zistili, ako sa toto rozloženie dosiahlo, vám pomôže naučiť sa a zlepšiť svoju prácu. V priebehu rokov sa mnoho webových dizajnérov a vývojárov naučilo pomerne veľa HTML jednoducho prezeraním zdroja webových stránok, ktoré vidia. Je to skvelý spôsob, ako sa začiatočníci naučia HTML a skúsení weboví profesionáli uvidia, ako môžu byť nové techniky aplikované na web.
Pamätajte, že zdrojové súbory môžu byť veľmi komplikované. Spolu s označovaním HTML pre stránku bude pravdepodobne existovať veľa súborov CSS a skriptov, ktoré sa používajú na vytvorenie vzhľadu a funkčnosti tohto webu, takže sa nemusíte frustrovať, ak nedokážete zistiť, čo sa deje okamžite. Prezeranie zdroja HTML je iba prvým krokom. Potom môžete pomocou nástrojov, ako je rozšírenie webového vývojára Chrisa Pedericka, prezerať CSS a skripty a kontrolovať konkrétne prvky HTML.
Ak používate prehliadač Safari, takto si môžete prezrieť zdrojový kód stránky a zistiť, ako bol vytvorený.
Ako zobraziť zdroj HTML
-
Otvorte Safari.
-
Prejdite na webovú stránku, ktorú chcete preskúmať.
-
Klikni na vypracovať na hornom paneli ponuky.
Ak ponuka Develop nie je viditeľná, prejdite na ikonu Preferencie v Pokročilé a vyberte Zobraziť ponuku Vytvoriť na paneli s ponukami.
-
cvaknutie Zobraziť zdroj stránky, Tým sa otvorí textové okno so zdrojom HTML stránky, na ktorú sa pozeráte.
Na väčšine webových stránok môžete zdroj tiež zobraziť kliknutím pravým tlačidlom myši na stránku (nie na obrázok) a výberom Zobraziť zdroj stránky, Toto sa zobrazí, iba ak Rozviňte menu je povolený v Preferencie.
Safari má tiež klávesovú skratku na prezeranie zdroja HTML: Podržte stlačené tlačidlo príkaz a voľba kľúče a zásah U (cmd+voliť+U.)
Je prezeranie zdrojového kódu legálne?
Aj keď je kopírovanie kódu stránok na veľkoobchodnej úrovni a jeho odovzdávanie ako vlastného na webe určite neprípustné, použitie tohto kódu ako odrazového mostíka, z ktorého sa učiť, je vlastne to, koľko pokrokov sa v tomto odvetví dosahuje. V skutočnosti by ste dnes ťažko hľadali profesionálneho webového profesionála, ktorý by sa pri prezeraní zdroja stránky niečo nenaučil!
Nakoniec sa weboví odborníci učia jeden od druhého a často zdokonaľujú prácu, ktorú vidia a sú inšpirovaní, takže neváhajte a prezrite si zdrojový kód stránky a použite ho ako vzdelávací nástroj.
