Enten du er ny for nettbransjen eller en erfaren veteran, ser du HTML-kilden til forskjellige nettsider, noe du sannsynligvis vil gjøre mange ganger i løpet av din karriere.
For de som er ny på webdesign, er det å se på enkelte nettstedskilder en av de enkleste måtene å se hvordan bestemte ting gjøres, slik at du kan lære av det arbeidet og begynne å bruke visse koden eller teknikker i ditt eget arbeid. Som noen webdesigner jobber i dag, spesielt de som har vært på den siden industriens tidlige dager, og det er en trygg innsats at de med å fortelle deg at de lærte HTML bare ved å se kilden til nettsidene de så og var fascinert av. I tillegg til å lese webdesignbøker eller delta på profesjonelle konferanser, kan visning av et nettsteds kildekode være en fin måte for nybegynnere å lære HTML.
Mer enn bare HTML
En ting å huske er at kildefilene kan være svært kompliserte (og jo mer komplekse nettstedet du ser er, desto mer komplekst er nettstedets kode sannsynligvis). I tillegg til HTML-strukturen som utgjør siden du ser, vil det også være CSS (cascading style sheets) som dikterer det visuelle utseendet til nettstedet. I tillegg vil mange nettsteder i dag inkludere skriptfiler som følger med HTML.
Det er sannsynlig at flere skriptfiler inkluderes, faktisk, hver driver ulike aspekter av nettstedet. Helt ærlig, et nettsteds kildekode kan virke overveldende, spesielt hvis du er ny for å gjøre dette. Ikke bli frustrert hvis du ikke kan finne ut hva som skjer med dette nettstedet umiddelbart. Vise HTML-kilden er bare det første trinnet i denne prosessen. Med en liten opplevelse, vil du begynne å bedre forstå hvordan alle disse brikkene passer sammen for å lage nettsiden du ser i nettleseren din. Når du blir mer kjent med koden, vil du kunne lære mer av det, og det vil ikke virke så skremmende for deg.
Så hvordan ser du kildekoden til et nettsted? Her er de trinnvise instruksjonene for å gjøre det, ved hjelp av Google Chrome-nettleseren.
Trinn for trinn instruksjoner
-
Åpne Google Chrome nettleser (Hvis du ikke har Google Chrome installert, er dette en gratis nedlasting).
-
Naviger til nettside du vil undersøke.
-
Høyreklikk siden og se på menyen som vises. Fra den menyen, klikk Vis sidekilde.
-
Kildekoden for siden vises nå som en ny kategori i nettleseren.
-
Alternativt kan du også bruke hurtigtastene til CTRL + U på en PC for å åpne et vindu med et nettsteds kildekode som vises. På en Mac er denne snarveien Kommando + Alternativ + U.
Utviklerverktøy
I tillegg til det enkle Vis sidekilde evne som Google Chrome tilbyr, kan du også dra nytte av deres utmerkede utviklingsverktøy for å grave enda dypere inn på et nettsted. Disse verktøyene lar deg ikke bare se HTML, men også CSS som gjelder for å vise elementer i det HTML-dokumentet.
Slik bruker du Chrome utviklerverktøy:
-
Åpen Google Chrome.
-
Navigere til nettsiden du vil undersøke.
-
Klikk på ikon med tre linjer i øvre høyre hjørne av nettleservinduet.
-
Fra menyen, sving over Flere verktøy og klikk deretter Utviklerverktøy i menyen som vises.
-
Dette åpner et vindu som viser HTML-kildekoden til venstre for ruten og tilhørende CSS til høyre.
-
Alternativt, hvis du høyreklikker et element på en nettside og velg Undersøke fra menyen som vises, vil Chrome-utviklerverktøyene dukke opp og det eksakte elementet du har valgt, vil bli uthevet i HTML-koden med tilhørende CSS vist til høyre. Dette er super nyttig hvis du vil lære mer om hvordan en bestemt del av et nettsted ble laget.
Er visningskilden juridisk?
Gjennom årene har vi hatt mange nye webdesignere spørsmålet om det er akseptabelt å se et nettsteds kildekode og bruke det til utdanning og til slutt for det arbeidet de gjør. Mens du kopierer et nettsteds koden engros og overlater det som ditt eget på et nettsted, er det absolutt ikke akseptabelt. Det er faktisk hvor mange fremskritt som gjøres i denne bransjen, ved å bruke den koden som et springbrett for å lære av.
Som vi nevnte i begynnelsen av denne artikkelen, ville du bli presset hardt for å finne en profesjonell webprofessor i dag som ikke har lært noe ved å se et nettsteds kilde! Ja, visning av et nettsteds kildekoden er lovlig. Å bruke denne koden som en ressurs for å bygge noe lignende er også bra. Å ta kode som er og sende den av som arbeidet ditt er hvor du begynner å støte på problemer.
Til slutt lærer fagpersoner fra hverandre og ofte forbedrer seg på det arbeidet de ser og er inspirert av, så ikke nøl med å se et nettsteds kildekode og bruk det som et læringsverktøy.
