Inspecciona y remezcla tu primera página web

This page does not exist in català. You have been redirected to the Español version instead. If you would like to localize it into català, click here. You can also see the English version of this page.

Asegúrate de que tienes las Lentes de rayos X instaladas

Cada vez que estés en una página a la que quieras echar un vistazo, haz clic en el botón de las Lentes de rayos X en la barra de herramientas de marcadores y empieza a programar.

Inspecciona los elementos

Con las Superlentes de rayos X activadas, notarás que algunas secciones de la página web se iluminan con una caja brillante cuando pasas encima de ellas con el ratón.

Estas cajas representan los elementos de la página web. Haz clic en una y accederás al editor de código, donde puedes mezclar el elemento con tu propia variante.

Comienza a remezclar y cambiar

Dependiendo del tipo de elemento que hayas seleccionado, puedes remezclar de diferentes maneras.

Cambia un texto

Selecciona un bloque de texto y cambia lo que dice en el editor de código. Verás una previsualización de lo que serán tus cambios en el panel principal más arriba.

Cambia una imagen

Todas las imágenes usan la etiqueta <img> en su código HTML. Por tanto, cada etiqueta <img> apunta a una dirección web que comunica a la etiqueta dónde está alojada la imagen actual.

Puedes cambiar la imagen original por la que quieras. Solo tienes que abrir una nueva pestaña en el navegador web y buscar la imagen que quieras usar: haz clic con el botón derecha en ella y selecciona Copiar la ruta de la imagen.

Pega la ruta de la imagen que has copiado en el editor de código. Deberías ver cómo se cambia en la pantalla de previsualización.

Modifica un enlace

Puedes hacer que los enlaces te redirijan a donde tú quieras.

Todos los enlaces comienzan con <a href=" y luego contienen la dirección web a la que dirije. Cambia esa dirección y habrás cambiado el destino del enlace.

Quizás también quieras cambiar lo que se conoce como "texto de hipervínculo"; es decir, la etiqueta de texto que le da al usuario una pista de la página de destino y que normalmente se muestra con un texto subrayado y en azul.

¡Vamos, publica!

Si te has equivocado en algo, puedes hacer clic en el botón Cancelar en el editor de código.

Si estás satisfecho con los cambios, selecciona el botón verde Actualizar y mira cómo cambia tu página.

Cuando estés listo para publicar, pulsa la tecla p de tu teclado o haz clic en el botón Publicar en el panel derecho.

Si has iniciado sesión en teach.mozilla.org, se añadirá tu mezcla de las Superlentes a la sección "Mis proyectos" dentro de la página y se te dará una dirección web para que puedas compartirla con tus amigos.

L'article us ha semblat útil?

Please wait...

These fine people helped write this article:

Illustration of hands

Volunteer

Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More