Uanset om du er ny til webbranchen eller en erfaren veteran, kan du se HTML-kilden til forskellige websider, som du sandsynligvis vil gøre mange gange i løbet af din karriere.
For dem, der er nye til webdesign, er visning af et websteds kildekode en af de nemmeste måder at se, hvordan bestemte ting gøres, så du kan lære af det arbejde og begynde at bruge visse kode eller teknikker i dit eget arbejde. Som enhver webdesigner arbejder i dag, især de der har været der siden industriens tidlige dage, og det er en sikker indsats at de med fortæller at de lærte HTML blot ved at se kilden til de websider, de så og var fascineret ved. Ud over at læse webdesign bøger eller deltage i professionelle konferencer, er visning af et websteds kildekode en fantastisk måde for begyndere at lære HTML.
Mere end bare HTML
En ting at huske på er, at kildefiler kan være meget komplicerede (og jo mere komplekst det website du ser er, jo mere komplekse er det, at dit websted kode vil være). Ud over den HTML-struktur, der udgør den side, du ser, vil der også være CSS (cascading style sheets), der dikterer det visuelle udseende af det pågældende websted. Derudover vil mange hjemmesider i dag indeholde script filer inkluderet sammen med HTML.
Der er sandsynligvis flere script-filer inkluderet, der faktisk driver alle aspekter af webstedet. Helt ærligt kan et websteds kildekode synes overvældende, især hvis du er ny til at gøre dette. Bliv ikke frustreret, hvis du ikke kan finde ud af, hvad der foregår med den pågældende side med det samme. Visning af HTML-kilden er kun det første skridt i denne proces. Med en lille oplevelse begynder du bedre at forstå, hvordan alle disse stykker passer sammen for at oprette den hjemmeside, du ser i din browser. Som du bliver mere bekendt med koden, vil du kunne lære mere af det, og det vil ikke virke så skræmmende for dig.
Så hvordan ser du kildekoden på et websted? Her er de trinvise instruktioner for at gøre det ved hjælp af Google Chrome-browseren.
Trin for trin instruktioner
-
Åbn Google Chrome-webbrowser (hvis du ikke har Google Chrome installeret, er dette en gratis download).
-
Naviger til webside du gerne vil undersøge.
-
Højreklik siden og se på menuen, der vises. Fra den menu skal du klikke på Vis kildetekst.
-
Kildekoden for den pågældende side vises nu som en ny fane i browseren.
-
Alternativt kan du også bruge tastaturgenveje af CTRL + U på en pc for at åbne et vindue med et websteds kildekode vist. På en Mac er denne genvej Kommando + Option + U.
Udvikler værktøjer
Ud over det enkle Vis kildetekst evne, som Google Chrome tilbyder, kan du også udnytte deres fremragende udviklerværktøjer til at grave endnu dybere ind på et websted. Disse værktøjer giver dig mulighed for ikke blot at se HTML, men også CSS, der gælder for at se elementer i det HTML-dokument.
Sådan bruger du Chrome's udviklerværktøjer:
-
Åben Google Chrome.
-
Naviger til den webside, du gerne vil undersøge.
-
Klik på knappen ikon med tre linjer i øverste højre hjørne af browservinduet.
-
Fra menuen svæver du over Flere værktøjer og klik derefter på Udvikler værktøjer i den menu, der vises.
-
Dette åbner et vindue, der viser HTML-kildekoden til venstre for ruden og tilhørende CSS til højre.
-
Alternativt, hvis du højreklikker et element på en webside og vælg Inspicere Fra den menu, der vises, vises Chrome's udviklerværktøjer, og det nøjagtige element, du har valgt, fremhæves i HTML'et med det tilsvarende CSS vist til højre. Dette er super nyttigt, hvis du vil lære mere om, hvordan et bestemt stykke af et websted blev udformet.
Er visningskilden juridisk?
I årenes løb har vi haft mange nye webdesignere spørgsmålstegn ved, om det er acceptabelt at se et websteds kildekode og bruge det til deres uddannelse og i sidste ende til det arbejde, de udfører. Mens du kopierer et websteds kode engros og afleverer det som din egen på et websted, er det bestemt ikke acceptabelt, idet du bruger denne kode som springbræt for at lære af, er faktisk hvor mange fremskridt der gøres i denne branche.
Som vi nævnte i begyndelsen af denne artikel, ville du være svært presset til at finde en arbejdswebberbejder i dag, som ikke har lært noget ved at se et websteds kilde! Ja, at se et websteds kildekode er lovligt. Brug af denne kode som en ressource til at bygge noget lignende er også fint. Tager kode som-er og overfører det som dit arbejde er, hvor du begynder at støde på problemer.
I sidste ende lærer web-fagfolk hinanden og ofte forbedrer det arbejde, de ser og er inspireret af, så tøv ikke med at se et websteds kildekode og brug det som et læringsværktøj.
