Lernu kiel retejo estis konstruita per vidado de sia fonta kodo
Kiam mi unue komencis mian karieron kiel retpaĝisto, mi tiel lernis revizii la laboron de aliaj retejaj diseñistoj, kiujn mi admiris. Mi ne estas sola en ĉi tio. Ĉu vi estas nova por la teksa industrio aŭ vezurita veterano, vidante la fonto de HTML de malsamaj retpaĝoj estas io, kiun vi verŝajne faros multajn fojojn dum via kuro.
Por tiuj, kiuj estas novaj al dezajno retejo, vidante fontkodon de retejo estas unu el la plej facilaj manieroj por vidi kiel certaj aferoj estas faritaj por ke vi povu lerni de tiu laboro kaj komencu uzi certan kodon aŭ teknikojn en via propra laboro. Kiel ajn TTT-desegnisto laboras hodiaŭ, precipe tiujn, kiuj estis ĉe ĝi ekde la fruaj tagoj de la industrio, kaj ĝi estas sekura veto, ke ili sciigas al ili, ke ili lernis HTML simple vidante la fonton de la retpaĝoj, kiujn ili vidis kaj estis intrigitaj. per. Krom legi librojn de dezajno retejo aŭ ĉeestantaj profesiajn konferencojn , vidante fonta kodo de ejo estas bonega maniero por komencantoj lerni HTML.
Pli ol Ĝuste HTML
Unu afero por memori estas, ke fontaj dosieroj povas esti tre komplikaj (kaj pli kompleksa la retejo, kiun vi vidas, estas pli kompleksa ol la kodo de la retejo probable). Aldone al la HTML-strukturo, kiu konsistigas la paĝon, kiun vi vidos, ankaŭ estos CSS (akvoforaj folioj) kiu diktas la vidan aspekton de tiu retejo. Aldone, multaj retejoj hodiaŭ inkludos skripton-dosierojn inkluditaj kune kun la HTML.
Probable estas pluraj skriptoj de dosieroj inkluditaj, fakte, ĉiu, kiu havas diversajn aspektojn de la retejo. Sincere, la fonta kodo de retejo ŝajnas abrumadora, precipe se vi estas nova por fari ĉi tion. Ne maltrankviliĝu, se vi ne povas ekkompreni tion, kio okazas kun tiu retejo. Vidante la fonto de HTML estas nur la unua paŝo en ĉi tiu procezo. Kun iom da sperto, vi komencos pli bone kompreni kiel ĉiuj ĉi tiuj pecoj persvadas kune por krei la retejon, kiun vi vidas en via retumilo. Kiel vi pli konas la kodon, vi povos lerni pli da ĝi kaj ĝi ŝajne ne timos vin.
Do kiel vi rigardas la fontkodon de retejo? Jen la paŝaj instrukcioj fari tion uzante la Google-retumilon.
Paŝo laŭ Paŝaj Instrukcioj
- Malfermu la retumilon de Google Chrome (se vi ne havas instalitan Google Chrome, ĉi tiu estas senpaga malŝarĝo).
- Iru al la retejo, kiun vi ŝatus ekzameni .
- Deklaku la paĝon kaj rigardu la menuon, kiu aperas. De tiu menuo, alklaku Vidi paĝon fonto .
- La fonta kodo por tiu paĝo nun aperos kiel nova pestaña en la retumilo.
- Alternative, vi ankaŭ povas uzi la klavaron de CTRL + U en PC por malfermi fenestron kun fonto-kodo montrita de la retejo. Sur Mac, ĉi tiu ligilo estas Komando + Alt + U.
Programoj Iloj
Aldone al la simpla fonta Vortpaĝo, kiun Google Chrome proponas, vi povas ankaŭ utiligi iliajn bonegajn Ilojn de Programistoj por fosi eĉ pli profundan en retejon. Ĉi tiuj iloj ebligos al vi ne nur vidi la HTML, sed ankaŭ la CSS, kiu aplikas por vidi elementojn en tiu HTML-dokumento.
Uzi la ilojn de programisto de Chrome:
- Malfermu Google Chrome .
- Iru al la retejo, kiun vi ŝatus ekzameni .
- Alklaku la ikonon kun tri linioj en la supra dekstra angulo de la retumilo.
- De la menuo, ŝvebi pli da iloj kaj tiam alklaku Programajn ilojn en la menuo, kiu aperas.
- Ĉi tio malfermos fenestron, kiu montras la HTML-fontkodon maldekstre de la paneo kaj la rilatajn CSS-dekstre.
- Alternative, se vi rajtas alklaki elementon en retpaĝaro kaj elektu Inspektu el la menuo, la iloj de desarrolladores de Chrome aperos kaj la ĝusta elemento, kiun vi elektis, estos elstarita en la HTML kun la responda CSS montrita dekstre. Ĉi tio estas tre helpema se vi volas lerni pli pri kiel unu specifa parto de retejo estis kreita.
Ĉu Vida Fonta Kodo Jura?
Laŭlonge de la jaroj, mi havis multajn novajn retejajn demandojn, ĉu ĝi estas akceptebla vidi la fontkodon de ejo kaj uzi ĝin por ilia edukado kaj finfine por la laboro, kiun ili faras. Dum kopiigi la kodon de la retejo, pogrande kaj forĵeti ĝin kiel via propra en retejo, certe ne estas akceptebla, uzante tiun kodon kiel saltotabulo por lerni, fakte kiom da antaŭenigoj estas faritaj en ĉi tiu industrio.
Kiel mi menciis al la komenco de ĉi tiu artikolo, vi estus malfacile serĉi laborantan profesiulon hodiaŭ, kiu ne lernis ion vidante fonton de retejo! Jes, vidante la fonta kodo de la retejo estas jura. Uzante tiun kodon kiel rimedo por konstrui ion similan ankaŭ estas bone. Prenante kodon kiel-estas kaj forĵeti ĝin kiel via laboro estas kie vi komencas renkonti problemojn.
Al la fino, profesiaj retejo lernas unu de la aliaj kaj ofte plibonigas la verkon, kiun ili vidas kaj estas inspiritaj, do ne hezitu vidi fontkodon de retejo kaj uzi ĝin kiel lernilo.