Queres ver como se creou unha páxina web? Tenta ver o código fonte.
Ver a fonte HTML dunha páxina web é unha das formas máis fáciles (e aínda máis efectivas) de aprender HTML, especialmente para os profesionais web máis novos que só están a comezar na industria. Se ves algo nun sitio web e queres saber como se fixo, consulta o código fonte dese sitio.
Se che gusta o deseño dun sitio web, ver a fonte para ver como se conseguiu ese deseño axudarache a aprender e mellorar o teu propio traballo. Ao longo dos anos, moitos diseñadores e desenvolvedores web aprenderon bastante HTML simplemente por ver a fonte das páxinas web que ven. É un xeito ideal para que os principiantes aprendan HTML e para profesionais experimentados na rede para ver como se puideron aplicar novas técnicas a un sitio.
Lembre que os ficheiros fonte poden ser moi complicados. Xunto co marcado HTML dunha páxina, probablemente haberá unha gran cantidade de ficheiros CSS e de script que se usan para crear o aspecto e a funcionalidade deste sitio, así que non se sintan frustrados se non pode descubrir o que está a suceder de inmediato. Ver o código HTML é só o primeiro paso. Despois diso, pode usar ferramentas como a extensión de Web Developer de Chris Pederick para mirar o CSS e as secuencias de comandos e inspeccionar elementos específicos do HTML.
Se estás a usar o navegador Safari, aquí podes ver o código fonte dunha páxina para ver como se creou.
Como ver a fonte HTML en Safari
- Abre Safari.
- Navegue ata a páxina web que desexa examinar.
- Fai clic no menú Desenvolver na barra de menú superior. Nota: Se o menú Desenvolver non está visible, entra en Preferencias na sección Avanzado e selecciona Mostrar menú Desenvolver na barra de menú.
- Faga clic en Mostrar a orixe da páxina . Isto abrirá unha xanela de texto coa fonte HTML da páxina que estás mirando.
Consellos
- Na maioría das páxinas web tamén pode ver a fonte premendo co botón dereito na páxina (non nunha imaxe) e seleccionando Mostrar fonte de páxina. Isto só se mostrará se o menú Desenvolver está habilitado nas Preferencias.
- Safari tamén ten un atallo de teclado para ver a fonte HTML: manteña premido o comando e as teclas de opción e pulse U (Cmd-Opt-U).
Está a ver o código fonte legal?
Ao copiar o código de un sitio por xunto e pasalo como o seu propio sitio non é aceptable, usar ese código como trampolín para aprender de feito é o número de avances realizados nesta industria. En realidade, difícilmente atoparás un profesional de traballo na actualidade que non aprendeu algo ao ver a fonte dun sitio.
Ao final, os profesionais da rede aprenden uns dos outros e, moitas veces, melloran o traballo que eles ven e están inspirados, non dubide en ver o código fonte dun sitio e usalo como ferramenta de aprendizaxe.