Prohlížení zdroje HTML webové stránky je jedním z nejjednodušších (a nejúčinnějších) způsobů, jak se naučit HTML, zejména pro novější webové profesionály, kteří v oboru teprve začínají. Pokud na webu něco vidíte a chcete vědět, jak toho dosáhli, podívejte se na zdrojový kód tohoto webu. Safari poskytuje způsob, jak zobrazit zdrojový kód v počítačích Mac.
Výhody zdrojového kódu
Zobrazení zdroje, abyste zjistili, jak webový designér dosáhl rozvržení, vám pomůže naučit se a zlepšit vaši práci. V průběhu let se mnoho webových designérů a vývojářů naučilo spoustu HTML pouze pouhým prohlížením zdroje webových stránek, které vidí. Je to vynikající způsob, jak se začátečníci naučit HTML a pro zkušené webové profesionály zjistit, jak ostatní používají nové techniky.
Pamatujte, že zdrojové soubory mohou být velmi komplikované. Spolu s označením HTML pro stránku pravděpodobně budou existovat významné soubory CSS a skriptů použité k vytvoření vzhledu a funkčnosti tohoto webu, takže se nemusíte frustrovat, pokud nemůžete okamžitě zjistit, co se děje. Prohlížení zdroje HTML je jen první krok. Poté můžete pomocí nástrojů, jako je rozšíření Web Developer Chrisa Pedericka, prohlížet CSS a skripty a kontrolovat konkrétní prvky HTML.
Zobrazit zdrojový kód v Safari
Zde je návod, jak zobrazit zdrojový kód v Safari
- Otevřete Safari.
- Přejděte na webovou stránku, kterou chcete prozkoumat.
-
Na horním panelu nabídek vyberte Rozvíjet.
Pokud nabídka Rozvíjet není viditelná, přejděte do Předvolby v pokročilé a vyberte Zobrazit nabídku Vývoj na panelu nabídek.
-
Vyberte volbu Zobrazit zdroj stránky a otevře se textové okno se zdrojem HTML stránky.
Na většině webových stránek můžete také zobrazit zdroj kliknutím pravým tlačítkem na stránku (nikoli na obrázek) a výběrem Zobrazit zdroj stránky. Musíte povolit Vytvořit nabídku in Předvolby možnost se zobrazí.
Safari má také klávesovou zkratku pro prohlížení zdroje HTML: Podržte klávesu příkaz a volba klíče a stiskněte U (Cmd+opt+U)
Je prohlížení zdrojového kódu legální?
I když kopírování kódu webu velkoobchodně a jeho předávání jako vlastního na webu rozhodně není přijatelné, použití tohoto kódu jako odrazového můstku, z něhož se můžete poučit, je ve skutečnosti, kolik lidí dělá pokroky v tomto odvětví. Bylo by těžké najít dnes pracujícího webového profesionála, který by něco neobjevil prohlížením zdroje webu!
Weboví profesionálové se navzájem učí a často zdokonalují práci, kterou vidí a inspirují se, proto neváhejte zobrazit zdrojový kód webu a použít jej jako výukové pomůcky.