Comparar revisiones
Inspecciona y remezcla tu primera página web
Revisión 78383:
Revisión 78383 por avelper en
Revisión 78385:
Revisión 78385 por avelper en
Palabras clave:
Resumen de los resultados de la búsqueda:
Las Superlentes de rayos X te permiten juguetear con los elementos de una página web y mezclarlos para obtener nuevas creaciones. Aprende cómo cambiar textos, imágenes y mucho más.
Las Superlentes de rayos X te permiten juguetear con los elementos de una página web y mezclarlos para obtener nuevas creaciones. Aprende cómo cambiar textos, imágenes y mucho más.
Contenido:
__TOC__
= Asegúrate de que tienes las Superlentes de rayos X [[How to Install X-Ray Goggles|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 Superlentes de rayos X en la barra de herramientas de marcadores y empieza a programar.
Si necesitas ayuda con los comandos, pulsa la tecla {key h} en tu teclado o el botón {button Ayuda} en la barra lateral derecha.
= 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 mezclar y cambiar =
Dependiendo del tipo de elemento que hayas seleccionado, puedes remixar de diferentes maneras.
== Cambia un texto ==
Esto es lo más fácil. Selecciona un bloque de texto y cambia lo que dice en el lado izquierdo del editor de código. Verás una previsualización de lo que cambies en el lado derecho del editor de código.
== Cambia una imagen ==
Todas las imágenes usan la etiqueta <code><<!-- -->img<!-- -->></code> 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 {button Copiar la ruta de la imagen}.
Pega la ruta de la imagen que has copiado en el lado izquierdo del editor de código. Deberías verl cómo se cambia en la previsualización de la derecha.
== Modifica un enlace ==
Puedes hacer que los enlaces te redirijan a donde tú quieras.
Todos los enlaces comienzan con <code><<!-- -->a href="<!-- --></code> 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 {button Omitir} en la parte superior derecha.
Si estás satisfecho con los cambios, haz clic en {button Realizar cambios} y mira cómo cambia tu página.
Cuando estés listo para publicar, pulsa la tecla {key p} de tu teclado o haz clic en el botón {button Publicar} en el panel derecho.
Si has iniciado sesión en Webmaker, se añadirá tu mezcla de las Superlentes a tu galería "Mis trabajos" y se te dará una dirección web para que puedas compartirla con tus amigos.
= Mejora tus habilidades =
¿Quieres ir un paso más allá? Intenta editar la CSS de la página. Mantén pulsada la tecla {key c} para ver la CSS y luego pulsa la {key barra espaciadora} para editarla.
__TOC__
= Asegúrate de que tienes las Superlentes de rayos X [[How to Install X-Ray Goggles|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 Superlentes de rayos X en la barra de herramientas de marcadores y empieza a programar.
Si necesitas ayuda con los comandos, pulsa la tecla {key h} en tu teclado o el botón {button Ayuda} en la barra lateral derecha.
= 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 mezclar y cambiar =
Dependiendo del tipo de elemento que hayas seleccionado, puedes remixar de diferentes maneras.
== Cambia un texto ==
Esto es lo más fácil. Selecciona un bloque de texto y cambia lo que dice en el lado izquierdo del editor de código. Verás una previsualización de lo que cambies en el lado derecho del editor de código.
== Cambia una imagen ==
Todas las imágenes usan la etiqueta <code><<!-- -->img<!-- -->></code> 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 {button Copiar la ruta de la imagen}.
Pega la ruta de la imagen que has copiado en el lado izquierdo del editor de código. Deberías verl cómo se cambia en la previsualización de la derecha.
== Modifica un enlace ==
Puedes hacer que los enlaces te redirijan a donde tú quieras.
Todos los enlaces comienzan con <code><<!-- -->a href="<!-- --></code> 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 {button Omitir} en la parte superior derecha.
Si estás satisfecho con los cambios, haz clic en {button Realizar cambios} y mira cómo cambia tu página.
Cuando estés listo para publicar, pulsa la tecla {key p} de tu teclado o haz clic en el botón {button Publicar} en el panel derecho.
Si has iniciado sesión en Webmaker, se añadirá tu mezcla de las Superlentes a tu galería "Mis trabajos" y se te dará una dirección web para que puedas compartirla con tus amigos.
= Mejora tus habilidades =
¿Quieres ir un paso más allá? Intenta editar la CSS de la página. Mantén pulsada la tecla {key c} para ver la CSS y luego pulsa la {key barra espaciadora} para editarla.