Ikasi nola eraiki zen webgunea iturburu-kodea ikusteko
Noiz hasi nintzen nire ibilbidean web diseinatzaile gisa, hainbeste ikasi nuen, miresten nituen beste web diseinatzaileen lana berrikustea. Ez naiz bakarrik horrelakoetan. Web industriarako edota beteranoko beteranoa den ala ez adierazten duzu, web orrialdeen HTML iturria ikusteko hainbat aldiz zure ibilbidean zehar egin daitekeen zerbait.
Web diseinurako berriak direnentzat, gune baten iturburu-kodea ikusteko modurik errazena da zenbait gauza nola egin jakiteko, lan horretatik ikasi ahal izateko eta kode edo teknika jakin batzuk zure lanean hasteko. Gaur egun lan egiten duen edozein web diseinatzaile bezala, batez ere industria-egunetik hasita egon direnen artean, apustu segurua da. Horrekin batera, konturatu ziren HTML ikasi dutela, ikusi eta intrigatu zituzten web orrialdeen iturriak ikustean. arabera. Webguneen diseinuen liburuak irakurtzen edota konferentzia profesionaletara joatea ez ezik , gunearen iturburu-kodea ikusteko aukera ematen du hasiberrientzako HTMLa ikasteko.
HTML baino gehiago
Gogoan izan beharreko iturburu-fitxategiak oso konplikatuak izan daitezke (eta gero eta konplexuagoak diren webguneak ikusten ari garen gune konplexuagoa da). Begiratzen ari zaren orrialdearen HTML egituraz gain, gune horretan ikusizko itxura ematen duen CSS (kaskadako estilo-orriak) ere badago. Gainera, webgune askok gaur egun HTML fitxategiekin batera sartzen diren script fitxategiak izango dituzte.
Litekeena da zenbait script-fitxategi sartzen direla, hain zuzen ere, gune bakoitzaren alderdi desberdinak bultzatzen dituztenak. Egia esateko, gune baten iturburu-kodea ulergaitza dirudi, batez ere hori egiten ari zarenean. Ez zaitez zapuztu berehala webgunea zer den ez badakizu. HTML iturria ikusteko prozesu honen lehen urratsa besterik ez da. Esperientzia txikiarekin, zure arakatzailean ikusten duzun webgunea nola egokitzen den ulertzen hasten zara. Kodearekin ezagunagoa denez gero, gehiago ikasteko aukera izango duzu eta ez zaizu axola.
Beraz, nola ikusten duzu webgune baten iturburu-kodea? Hona hemen urratsez urratseko argibideak Google Chrome arakatzailea erabiliz.
Urratsez urratseko jarraibideak
- Ireki Google Chrome web nabigatzailea (ez baduzu Google Chrome instalatuta, hau doakoa da).
- Aztertu nahi duzun web orrialdean nabigatu.
- Egin klik eskuineko botoiaz orrialdea eta agertzen den menua begiratu. Menu horretatik, egin klik Ikusi orrialdearen iturburua ikusi .
- Orri horretarako iturburu-kodea arakatzailean fitxa berri bat bezala agertuko da.
- Bestela, CTRL + U teklatuaren zuzeneko sarbideak ere erabil ditzakezu PCan, leiho bat irekitzeko gunearen iturburu-kodea bistaratzeko. Mac batean, lasterbide hau Command + Alt + U da .
Garatzaile tresnak
Google Chrome-ren eskaintzen duen orrien ikuspegi soileko gaitasunez gain, Garatzaileentzako tresna bikainak ere aprobetxatu ditzakezu, gune bat sakonago ezagutzeko. Tresna horri esker, HTMLa soilik ikusiko duzu, baina baita HTML dokumentu horretako elementuak ikusteko aplikatzen duen CSSa ere.
Chrome-ren garatzaile tresnak erabiltzeko:
- Ireki Google Chrome .
- Aztertu nahi duzun web orrialdean nabigatu.
- Egin klik ikonoa hiru lerrotan nabigatzailearen leihoaren goiko eskuineko ertzean.
- Menuan, joan berriro tresna gehiago eta ondoren sakatu Garatzaile tresnak agertzen den menuan.
- Honek HTML iturburu kodea panelaren ezkerrean eta dagokion CSSa erakusten duen leihoa irekiko du.
- Bestela, web orri bateko elementu bat eskuineko botoiarekin klik egiten baduzu eta Inspect agertuko den menuan, Chrome-ren garatzaileen tresnak agertuko dira eta hautatutako elementu zehatza HTMLan nabarmenduko da eskuinean agertzen den CSS dagokionarekin. Hau oso lagungarri da gune jakin bat nola sortu zen jakiteko.
Iturburuaren kodearen legeak ikustea?
Urteetan zehar, web diseinatzaile berri askok zalantzan jartzen dute gunearen iturburu-kodea ikusteko eta hura erabiltzeko eta, azken finean, lan egiteko erabiltzen dutena. Gune baten kodea kopiatzen ari den bitartean eta webgunea zeure kabuz pasatzen den bitartean, zalantzarik gabe, ez da onargarria, kode hori ikasteko abiapuntu gisa erabiltzen da, hain zuzen ere, zenbat aurrerapen egiten diren industrian.
Artikulu honen hasieran aipatu dudan bezala, gogorra izango litzateke web orriko lan profesional bat aurkitzea gaur egun ez duela ikasi zerbait gune baten iturburua ikusteko. Bai, gune baten iturburu-kodea ikusteko legezkoa da. Kode hori erabiliz antzeko zerbait eraikitzeko baliabide gisa ere finkoa da. Kodea hartzea eta pasatzea zure lana da arazoei aurre egiten hasten zarenean.
Azkenean, web profesionalek elkarrengandik ikasten dute eta sarritan ikusten eta inspiratzen dituzten lanetan hobetzen dute, beraz, ez dute zalantzarik gune guneko iturburu bat ikusteko eta ikaskuntza tresna gisa erabiltzeko.