Léiert wéi eng Websäit gebaut gouf duerch säi Sourcecode
Wann ech éischt Carrière als Webdesigner ugefaang huet, hunn ech geléiert sou vill iwwer d'Aarbecht vun anere Websäite vun deenen ech bewonnert ginn. Ech sinn net eleng. Egal ob Dir nei nei Webindustrie oder en erfreeten Veteranen sidd, an déi HTML Quell vun verschiddene Websäiten kuckt, ass eppes wat Dir wahrscheinlech vill ze oft am Laf vun Ärer Carrière maachen.
Fir Leit, déi nei Webdesign ginn, kuckt de Quellcode vun engem Site, ass eng vun den einfachsten Weeër fir ze kucken wéi verschidde Saachen gemaach gi fir datt Dir vu dëser Aarbecht léieren kann an a bestëmmten Code oder Techniken an Ärer eegener Aarbecht benotzen. Wéi all Webdesigner, déi haut schaffen, besonnesch déi déi zanter deene fréie Deeg vun der Industrie schonn sinn, an et ass eng sécher Bet, datt si mat dir soen, datt se HTML geléiert hunn einfach duerch d'Betrag vun de Websäiten déi se gesinn hunn by. Niewent dem Liesen vun Webdesign oder vu professionnelle Konferenzen , kuckt de Quellcode vun engem Site, ass e super Weg fir Ufänger fir HTML ze léieren.
Méi wéi just HTML
Eppes wat se erënnert, ass datt Quelldateien ganz komplizéiert sinn (a méi komplex ass d'Websäit déi Dir sicht, ass méi komplizéiert datt de Site säi Code wäert sinn). Niewent der HTML-Struktur , déi d'Säit kuckt, déi Dir kuckt, gëtt et och CSS (Cascading-Stilblécker) , déi d'visuell Optriede vun dësem Site diktéieren. Zousätzlech si vill Websäiten haut Skriptdateien inkludéiert mat dem HTML.
Et gëtt wahrscheinlech méi SkriptDateien ugebuede ginn, tatsächlech, jiddereen, deen ënnerschiddlech Aspekter vum Site ugedriwwe gëtt. Frësch, e Quellcode vum Site kann iwwerwältigend sinn, besonnesch wann Dir nei sidd. Frustéiert net wann Dir net kënnt erausfannen, wat mat dësem Site direkt op ass. Kuckt d' HTML - Quell als éischt de Schrëtt an dësem Prozess. Mat e bëssen Erfahrung, Dir fänkt besser ze verstoen, wéi all dës Stécker zesummekommen, fir d'Websäit ze schafen, déi Dir an Äre Browser kuckt. Wéi Dir mat dem Code méi vertraut kritt, kënnt Dir méi dovun ofhaalen an et wäert Iech net schéngen, datt Dir äusgesinn ass.
Also wéi fannt Dir de Quellcode vun enger Websäit? Hei ass d'step-by-step-Instruktioune fir de Benotzung vum Google Chrome Browser ze maachen.
Schrëtt Schrëtt Andeems
- De Browser Google Webbrowser öffnen (wann Dir kee Chrome Chrome installéiert hutt, ass e gratis Download).
- Navigéiere fir d' Websäit déi Dir gär hätt .
- Klickt op d'Säit an kuckt op d'Menüskaart. Vun deem Menu klickt op d' Säit Säit Quell kucken .
- De Quellcode vun dëser Säit erschéngt elo als neie Tab op dem Browser.
- Alternativ kënnt Dir och d'Klickt Ofkierzungen vun CTRL + U op engem PC fir eng Fënster mat engem Quellcode vun engem Site ze gesinn. Op engem Mac benotzt dës Ofkiirzung Command + Alt + U.
Developer Tools
Zousätzlech zu der einfach Säit Säit Quellphänzung déi Google Chrome offréiert, kënnt Dir och vun der exzellenter Developer Tools profitéieren fir nach méi déif an e Site ze gräifen. Dës Tools ginn Iech net nëmmen d'HTML ze gesinn, awer och de CSS deen Dir benotzt fir Elementer an dësem HTML Dokument ze gesinn.
Fir Chrome's Developer Tools ze benotzen:
- Open Google Chrome .
- Navigéiere fir d'Websäit déi Dir gär hätt .
- Klickt op d' Ikon mat dräi Zeilen an der oberer rechter Ecke vum Browserfenster.
- Vun der Menüskaart, huelt d' Méi Tools méi uewen a klickt duerno op Developer Tools am Menü.
- Dëst öffnen eng Fënster, déi den HTML-Quellcode op der lénkser Säit an der Verknüpfung CSS op der riet.
- Alternativ wann Dir e Klickt op e Element an enger Websäit klickt op a kontrolléiert Kontroll vun der Menüskaart auswielen, déi ugewisen gëtt, Chrome's Developer-Tools erofhuelen an déi exakt Element, deen Dir ausgewielt hutt, am HTML mat der entspriechender CSS opgefouert markéiert. Dëst ass super nëtzlech, wann Dir léiert méi iwwert wéi ee spezifescht Stéck vun engem Site gemaach gouf.
Wëllt Dir Source Code Legal kucken?
Während deene Joren hu mir vill nei Webdesigner fonnt ob et acceptabel ass fir de Quellcode vun engem Site ze gesinn an et fir hir Erzéiung ze benotzen an zum Schluss fir d'Aarbecht déi se maachen. Beim Kopie vun engem Site's Code wholesale a passéiert et als Äre Besëtzer op engem Site ass sécher net akzeptabel, mat dësem Code als Sprangbros fir ze léieren vun tatsächlechen wéi vill Fortschrëtter gemaach ginn an dëser Branche.
Wéi ech am Ufank vun dësem Artikel erwähnt ginn, wärt Dir schwéier gedréckt ginn fir e professionell Web professionell ze fannen deen net eppes geléiert hat, andeems Dir d'Quell vun der Säit kuckt! Jo, kuckt de Quellcode vun engem Site ass gesetzlech. Mat dësem Code als Ressource fir eppes ähnlech ze bauen ass och fein. Wann Dir Äre Code as-is an ass et ze verloosse wann Är Aarbecht ass, wou Dir ufänkt Problemer ze befaassen.
Am Endeffekt léieren d'Websäiten vuneneen an oft verbesseren op d'Aarbecht déi se gesinn an inspiréiert sinn, also zéckt net fir de Quellcode vun engem Site ze gesinn an et als Léierinstrument benotzen.