Tecnología

Inicio

Cómo hacer una caja de luz en Dreamweaver

Una caja de luz ofrece a los desarrolladores web flexibilidad en la inserción de imágenes en una página web. Las imágenes utilizadas en una caja de luz aparecen esencialmente por encima de una página web, no dentro de ella. Una caja de luz es eficaz, ya que permite a una persona utilizando su página web la posibilidad de hacer clic en una imagen pequeña y luego tener que hacer más grande la imagen en un cuadro sombreado en la parte superior de la página abierta. Esto evita que el usuario de la web en su página, pero le permite colocar más imágenes en una página sin necesidad de utilizar todo el espacio. Usted puede hacer una caja de luz en Dreamweaver mediante la inserción de la codificación correcta en el lugar correcto en la página.

Instrucciones

1 Dreamweaver abierta. Seleccione "Ctrl + N" y luego "Documento en blanco HTML" para abrir una nueva página en blanco. Haga clic en la pestaña "Código" para llegar al lugar adecuado para trabajar con el código de la caja de luz.

2 Corte y pegue el siguiente código en la sección de "cabeza" del documento de Dreamweaver:

<Script type = "text / javascript" href = "css / lightbox.css" type = "text / css" media = "pantalla" />

3 Después de insertar el código, debe colocar los enlaces para las imágenes en miniatura de la página. Estas son las fotos que agranda la caja de luz. Utilizar el código para cada imagen:

<a href="images/yourfirstimage.jpg" rel="lightbox" title="put su subtítulo here"> nombre de la imagen va aquí </a>

Este código debe ser colocado justo debajo del código anterior.

4 Haga clic en el botón "Vista previa" en la parte superior de la ventana de Dreamweaver para ver cómo funciona esta página en un navegador web. Si usted está satisfecho con cómo se ve, proceder al siguiente paso. Si no está satisfecho, hacer modificaciones y puedes volver a intentarlo.

5 Utilice la tecla "Ctrl + A", "Ctrl + C" y "Ctrl + V" para seleccionar, copiar y pegar el código completo que se ha creado en Dreamweaver. Este código se puede pegar en el cuadro de edición de HTML en la parte final de cualquier servidor Web que se utiliza para publicar su página web. Una vez que esto se ha completado, las imágenes serán publicados y se pueden abrir en su caja de luz.

Consejos y advertencias

  • Asegúrese de cargar todas las imágenes individuales en el servidor.
  • Las imágenes deben ser lo suficientemente grande - por lo general al menos 500k - ser de una calidad decente cuando se abre por el código de la caja de luz.

Artículos relacionados