Comparar revisiones

Inspecciona y remezcla tu primera página web

Revisión 76864:

Revisión 76864 por quyz en

Revisión 78383:

Revisión 78383 por avelper en

Palabras clave:

X-Ray Goggles, Goggles, remix, página web, remixar

Resumen de los resultados de la búsqueda:

X-Ray Goggles te permite juguetear con los elementos de una página web y remixarla en nuevas creaciones. Aprende cómo cambiar texto, imágenes y 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 X-Ray Goggles [[Cómo instalar X-Ray Goggles|instalado]] = Cada vez que estés en una página que quieras inspeccionar, haz clic en el botón X-Ray Goggles en la barra de herramientas de tus marcadores y comienza a programar. Si necesitas ayuda con los comandos, simplemente escribe {key y} en tu teclado, o pulsa el botón {button Ayuda} en la barra lateral derecha. = Inspecciona los elementos = Con X-Ray Goggles activado, notarás que algunas secciones de la página web se iluminan con una caja brillosa cuando pasas encima de ellas con el mouse. Estas cajas representan los elementos de la página web. Haz clic en una e ingresarás al editor de código, en donde puedes remixar el elemento con tu propia variante. = Comienza a remixar = 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 derechos del editor de código. == Cambia una imagen == Todas las imágenes usan la etiqueta <code><<!-- -->img<!-- -->></code> en su código HTML. Entonces verás que 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. Sólo abre una nueva pestaña en el navegador web y busca la imagen que quieras usar, accede al menú contextual y selecciona {button Copiar dirección de la imagen}. Pega la dirección web copiada en el lado izquierdo del editor de código. Deberías verla cambiar en la previsualización de la derecha. == Cambia un enlace == Puedes hacer que los enlaces se dirijan a donde quieras. Todos los enlaces comienzan con <code><<!-- -->a href="<!-- --></code> y luego contienen la dirección web a la cual dirije el enlace. Cambia esa dirección entre comillas y habrás cambiado el destino del enlace. Quizás también quieras cambiar lo que se conoce como "texto de ancla". Esto es el texto etiquetado que le da al visitante una pista acerca de la página destino, y normalmente se muestra con un texto subrayado y en azul. = ¡Vamos, publica! = Si cometiste un error, 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 luce tu página remixada. Cuando estés listo para publicar, pulsa {key p} en tu teclado, o haz clic en el botón {button Publicar} en el panel derecho. Si ingresaste con tu cuenta de Webmaker, tu remix publicado de Goggles será agregado a tu galería de "Mis trabajos" y se te dará una dirección web específica para compartirla con tus amigos. = Aumenta tus habilidades = ¿Quieres ir un pasito más allá? Intenta editar la hoja de estilos en cascada de la página. Mantén pulsada la tecla {key c} para ver la CSS y luego pulsa la {key barra espaciadora} para editar.
__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.

Volver al historial