Voleu veure com es va crear una pàgina web? Proveu de veure el codi font.
Veure la font HTML d'una pàgina web és una de les maneres més fàcils (i encara més efectives) d'aprendre HTML, especialment per a professionals de la web més nous que acaben d'iniciar-se a la indústria. Si veieu alguna cosa en un lloc web i voleu saber com s'ha fet, consulteu el codi font d'aquest lloc.
Si us agrada el disseny d'un lloc web, veure la font per veure com s'ha aconseguit aquest disseny us ajudarà a aprendre i millorar el vostre propi treball. Al llarg dels anys, molts dissenyadors i desenvolupadors web han après bastant codi HTML simplement veient la font de les pàgines web que veuen. És una manera fantàstica perquè els principiants aprenguin HTML i per als professionals experimentats de la xarxa per veure quines tècniques noves s'han aplicat a un lloc.
Recordeu que els fitxers font poden ser molt complicats. Juntament amb el marcat HTML d'una pàgina, probablement hi haurà molts fitxers de CSS i script que s'utilitzin per crear l'aspecte i la funcionalitat d'aquest lloc, així que no us trobeu frustrats si no podeu esbrinar què passa immediatament. Veure el codi HTML és el primer pas. Després d'això, podeu utilitzar eines com l'extensió de desenvolupador web de Chris Pederick per mirar el CSS i les seqüències d'ordres, així com inspeccionar elements específics de l'HTML.
Si utilitzeu el navegador Safari, aquí és com podeu veure el codi font d'una pàgina per veure com s'ha creat.
Com veure l'origen HTML al Safari
- Safari obert.
- Aneu a la pàgina web que voleu examinar.
- Feu clic al menú Desenvolupar a la barra de menú superior. Nota: si el menú Desenvolupar no està visible, entra a Preferències a la secció Avançada i seleccioneu Mostrar menú Desenvolupar a la barra de menú.
- Feu clic a Mostra l'origen de la pàgina . Això obrirà una finestra de text amb l'origen HTML de la pàgina que esteu veient.
Consells
- A la majoria de pàgines web, també podeu veure la font fent clic amb el botó dret a la pàgina (no en una imatge) i seleccionant Mostra el origen de la pàgina. Això només es mostrarà si el menú Desenvolupament està activat a Preferències.
- Safari també té una drecera de teclat per visualitzar la font HTML: mantingueu premudes les tecles d'ordre i d'opció i premem U (Cmd-Opt-U).
Està veient el codi font legal?
Si bé copiar el codi d'un lloc a l'engròs i passar-lo com un de propi en un lloc, certament no és acceptable, l'ús d'aquest codi com a trampolí per aprendre és, en realitat, quants avenços es fan en aquesta indústria. De fet, és molt difícil trobar un professional web professional que no hagi après alguna cosa en veure la font d'un lloc.
Al final, els professionals de la xarxa s'aprenen els uns dels altres i sovint milloren el treball que veuen i s'inspiren, així que no dubti a veure el codi font d'un lloc i utilitzar-lo com a eina d'aprenentatge.