Prohlížení zdroje HTML webové stránky je jedním z nejjednodušších (a přesto nejúčinnějších) způsobů, jak se naučit HTML, zvláště pro novější profesionály, kteří začínají v tomto oboru. Pokud na webových stránkách vidíte něco a chcete vědět, jak bylo provedeno, podívejte se na zdrojový kód daného webu.
Pokud se vám líbí rozložení webové stránky, prohlížení zdroje, abyste zjistili, jak bylo dosaženo tohoto rozvržení, vám pomůže učit se a zlepšit vlastní práci. V průběhu let se mnoho webových designérů a vývojářů naučil docela mnoho HTML prostě prohlížením zdroje webových stránek, které vidí. Je to skvělý způsob, jak se začátečníci naučit HTML a zkušené odborníky na web, aby zjistili, jak mohou být na web aplikovány nové techniky.
Nezapomeňte, že zdrojové soubory mohou být velmi komplikované. Spolu s označením HTML pro stránku, pravděpodobně bude spousta souborů CSS a skriptů, které se používají k vytvoření vzhledu a funkčnosti daného webu, takže se nedostanete frustrovaného, pokud nemůžete zjistit, co se děje okamžitě. Prohlížení zdroje HTML je pouze prvním krokem. Poté můžete použít nástroje jako je rozšíření Web Developer společnosti Chris Pederick, abyste se podívali na CSS a skripty, stejně jako na kontrolu určitých prvků HTML.
Pokud používáte prohlížeč Safari, můžete si prohlédnout zdrojový kód stránky a zjistit, jak byl vytvořen.
Jak zobrazit zdroj HTML v Safari
-
Otevřete Safari.
-
Přejděte na webovou stránku, kterou chcete zkontrolovat.
-
Klikněte na tlačítko Rozvíjet menu v horní liště nabídek.
Pokud se nabídka Vývoj nezobrazí, přejděte do části Předvolby v části Pokročilé a v nabídce vyberte nabídku Zobrazit vývoj.
-
Klikněte na tlačítko Zobrazit zdroj stránky. Tím se otevře textové okno se zdrojem HTML stránky, na kterou se díváte.
Tipy
- Na většině webových stránek můžete také zobrazit zdroj kliknutím pravým tlačítkem myši na stránku (nikoliv na obrázek) a volbou Zobrazit zdroj stránky. Zobrazí se pouze v případě, že je v nabídce Předvolby povolena možnost Rozbalit.
- Safari má také klávesovou zkratku pro zobrazení zdroje HTML - podržte klávesy příkazu a volby a stiskněte U (Cmd-Opt-U.)
Je zobrazen zdrojový kód legální?
Zatímco kopírování velkoobchodního kódu webu a jeho předávání jako vlastní na webu určitě není přijatelné, použití tohoto kódu jako odrazového můru se učit je vlastně, kolik pokroků se v tomto odvětví dělá. Ve skutečnosti byste byli těžko naléhavě hledat pracovní pracoviště webu, který se ještě nenaučil při prohlížení zdroje webu!
Nakonec se weboví profesionálové učí od sebe navzájem a často se zlepšují o práci, kterou vidí a jsou inspirováni, takže neváhejte a podívejte se na zdrojový kód webu a použijte ho jako učební nástroj.
