Függetlenül attól, hogy új vagy az internetes iparág vagy a tapasztalt veterán, a különböző weboldalak HTML forrását megnézheted, ami sokszor a karriered során.
Azok számára, akik újak a webes tervezéshez, a webhely forráskódjának megtekintése az egyik legegyszerűbb módja annak, hogy megtekinthesse, hogy bizonyos dolgok hogyan történtek, hogy megtanulhassák ebből a munkából és elkezdhessenek bizonyos kódokat vagy technikákat használni saját munkájához. Mint minden olyan webes tervező, aki ma dolgozik, különösen azok, akik az iparág korai óta éltek, és ez egy biztonságos tétel, hogy megmondják neked, hogy megtanulják a HTML-t egyszerűen a weboldalak forrását megtekintve, amelyet láttak és érdekeltek által. A webes könyvek olvasása és a szakmai konferenciákon való részvétel mellett a webhely forráskódjának megtekintése egy nagyszerű módja annak, hogy a kezdők megismerjék a HTML-t.
Több mint egyszerű HTML
Emlékeztetni kell arra, hogy a forrásfájlok nagyon bonyolultak lehetnek (és az összetettebb a megtekintett webhely, annál összetettebb a webhely kódja). A megtekinteni kívánt oldalat alkotó HTML-struktúra mellett CSS (lépcsős stíluslapok) is szerepelnek, amelyek diktálják az adott webhely vizuális megjelenését. Ezenfelül sok weboldal ma tartalmazza a HTML-szel együtt a szkriptfájlokat is.
Valószínűleg több szkriptfájl is beletartozik, sőt, mindegyik a webhely különböző aspektusaiban működik. Őszintén szólva, a webhely forráskódja túlterhelőnek tűnhet, különösen akkor, ha újak vagytok. Ne felejtsd el, ha nem tudod kitalálni, mi történik azonnal ezen a webhelyen. A HTML forrás megtekintése csak az első lépés ebben a folyamatban. Egy kis tapasztalattal kezdjük jobban megérteni, hogy ezek a darabok hogyan illeszkednek össze ahhoz, hogy megteremtse a böngészőjén megjelenő webhelyet. Ahogy ismerkedsz a kóddal, többet is megtudhatsz róla, és ez nem lesz olyan ijesztő.
Hogyan tekintheted meg egy webhely forráskódját? Itt találja meg a részletes lépéseket a Google Chrome böngésző használatával.
Lépésről lépésre utasítások
-
Nyissa meg a Google Chrome webböngésző (ha nincs telepítve a Google Chrome, ez ingyenes letöltés).
-
Navigáljon a meg szeretné tekinteni a weboldalt.
-
Jobb klikk az oldal és nézze meg a megjelenő menüt. Ebből a menüből kattintson a gombra Oldal forrásának megtekintése.
-
Az adott oldal forráskódja új böngészőlapként jelenik meg a böngészőben.
-
Alternatívaként a billentyűparancsokat is használhatja CTRL + U egy számítógépen, hogy megnyissa az ablakot a webhely forráskódjával. Macintollon ez a parancsikon Parancs + Opció + U.
Fejlesztői eszközök
Amellett, hogy egyszerű Oldal forrásának megtekintése hogy a Google Chrome kínál, akkor is kihasználhatja a kiváló fejlesztői eszközöket, hogy még mélyebben megragadhasson egy webhelyet. Ezek az eszközök lehetővé teszik, hogy ne csak a HTML-t láthassák, hanem a CSS-t is, amely a HTML-dokumentumban található nézetelemekre vonatkozik.
A Chrome fejlesztői eszközeinek használata:
-
Nyisd ki Google Chrome.
-
Navigáljon a megtekinteni kívánt weboldalt.
-
Kattints a háromsoros ikon a böngészőablak jobb felső sarkában.
-
A menüből ugorjon át Több eszköz majd kattintson az OK gombra Fejlesztői eszközök a megjelenő menüben.
-
Ezzel megnyílik egy ablak, amely a jobb oldalon található bal oldali HTML-forráskódot és a hozzá tartozó CSS-t jeleníti meg.
-
Alternatív megoldásként, ha jobb kattintással egy elem egy weboldalon és válasszuk ki ellenőriz a megjelenő menüből megjelenik a Chrome fejlesztői eszközei, és az Ön által kiválasztott elemek a jobb oldali CSS-ben kerülnek kijelölésre a HTML-ben. Ez rendkívül hasznos, ha többet szeretne megtudni arról, hogyan készült egy adott webhely egy része.
A forráskód jogi megtekintése?
Az évek során számos új webes tervezõ megkérdõjelezte, hogy elfogadható-e a webhely forráskódjának megtekintése és felhasználása az oktatáshoz, és végül a munkájukhoz. Miközben a webhely kódjának nagykereskedelmét másolják, és a saját webhelyén történő átvitelét biztosan nem fogadják el, az adott kódot mint ugródeszkát használva tanulhatják meg, hogy valóban hány előrelépés történt ebben az iparágban.
Ahogy már említettük a cikk elején, nehéz lenne olyan munkatársakat találni, akik nem tanultak meg valamit a webhely forrásának megtekintésekor! Igen, a webhely forráskódjának megtekintése legális. Ez a kód, mint erőforrás, hogy valami hasonlót készítsen, szintén finom. A kód megszerzése és átadása, mivel a munkája az, ahol problémákba ütközik.
Végül a webes szakemberek megtanulják egymástól, és gyakran javítják az általuk látott és ihletett munkát, ezért ne habozzon megnézni a webhely forráskódját, és tanulási eszközként használni.
