Chcete vidieť, ako bola webová stránka postavená? Skúste si pozrieť zdrojový kód.
Zobrazenie zdroja HTML webovej stránky je jedným z najjednoduchších (a napriek tomu najúčinnejších) spôsobov, ako sa naučiť HTML, a to najmä pre novších profesionálov, ktorí práve začínajú v tomto odvetví. Ak na webovej stránke vidíte niečo a chcete vedieť, ako sa to stalo, pozrite si zdrojový kód pre danú lokalitu.
Ak sa vám páči rozloženie webových stránok, prezeranie zdroja, aby ste zistili, ako sa dosiahlo toto rozloženie, vám pomôže naučiť sa a vylepšiť si vlastnú prácu. V priebehu rokov sa mnohí web dizajnéri a vývojári naučili pomerne veľa HTML jednoducho prezeraním zdroja webových stránok, ktoré vidia. Je to skvelý spôsob, ako sa začať učiť jazyk HTML a pre skúsených profesionálov na webe, aby zistili, ako sa na lokalitu môžu použiť nové techniky.
Nezabudnite, že zdrojové súbory môžu byť veľmi zložité. Spolu s označením HTML pre stránku bude pravdepodobne veľa súborov CSS a skriptov, ktoré sa použijú na vytvorenie vzhľadu a funkčnosti daného webu, takže sa nestrachujte, ak nemôžete zistiť, čo sa deje ihneď. Zobrazenie zdroja HTML je len prvým krokom. Potom môžete použiť nástroje ako rozšírenie Web Developer Chris Pederick, aby ste sa pozreli na CSS a skripty, ako aj na kontrolu konkrétnych prvkov HTML.
Ak používate prehliadač Safari, môžete si pozrieť zdrojový kód stránky a zistiť, ako bol vytvorený.
Ako zobraziť zdroj HTML v programe Safari
- Otvorte Safari.
- Prejdite na webovú stránku, ktorú chcete preskúmať.
- Kliknite na rozbaľovaciu ponuku na hornom paneli ponuky. Poznámka: Ak nie je zobrazená ponuka Vývoj, prejdite do časti Predvoľby v sekcii Rozšírené a v ponuke s ponukou vyberte položku Zobraziť vývoj.
- Kliknite na položku Zobraziť zdroj stránky . Otvorí sa textové okno s zdrojom HTML stránky, na ktorú sa pozeráte.
Tipy
- Na väčšine webových stránok môžete tiež zobraziť zdroj kliknutím pravým tlačidlom myši na stránku (nie na obrázok) a voľbou Zobraziť zdroj stránky. Zobrazí sa iba vtedy, keď je v Predvoľbách povolená možnosť Rozvinúť.
- Safari má tiež klávesovú skratku na prezeranie zdroja HTML - podržte klávesy príkazu a volieb a stlačte U (Cmd-Opt-U.)
Je zobrazenie zdrojového kódu legálne?
Pri kopírovaní veľkoobchodného kódu webu a jeho odovzdávaní ako vlastného na stránkach určite nie je prijateľné, používanie tohto kódu ako odrazového štýlu, z ktorého sa učíte, je skutočne to, koľko pokrokov sa v tomto odvetví uskutočňuje. V skutočnosti by ste boli ťažko naladení na to, aby ste našli pracovného webu profesionálneho dneska, ktorý sa niečo naučil prezeraním zdroja stránky!
Nakoniec sa weboví profesionáli naučia jeden od druhého a často sa zlepšujú o prácu, ktorú vidia a sú inšpirovaní, takže neváhajte a pozrite si zdrojový kód lokality a použite ho ako vzdelávací nástroj.