11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 16. Comportamientos Avanzados (II)16.2Carga Previa <strong>de</strong>ImágenesEste comportamiento te será muy útil para mejorar la visualización <strong>de</strong> tus páginas web.Al cargar previamente las imágenes contenidas en la página obligamos al navegador a <strong>de</strong>scargarlas imágenes con prioridad sobre <strong>el</strong> resto d<strong>el</strong> documento.Así cuando la página finalmente se visualiza (porque ha terminado la carga) <strong>el</strong> usuario verá laestructura completa <strong>de</strong> la página con las imágenes incluidas ya cargadas y mostrándose.Este método se diferencia d<strong>el</strong> tradicional en que si no establecemos este comportamiento, lapágina se carga (sólo texto) y se visualiza.Una vez terminada esta carga, <strong>el</strong> navegador empieza la <strong>de</strong>scarga <strong>de</strong> las imágenes. Por lo que hayunos momentos en los que la página no se muestra tal y como fue concebida, e incluso su estructurapue<strong>de</strong> verse afectada si no se introdujeron los valores <strong>de</strong> altura y anchura <strong>de</strong> las imágenescontenidas (<strong>el</strong> texto se dispondría sin tenerlas en cuenta hasta que se <strong>de</strong>scargasen).Para evitar esto utilizaremos la Carga Previa <strong>de</strong> Imágenes.Para <strong>el</strong>lo <strong>de</strong>beremos abrir <strong>el</strong> pan<strong>el</strong> Comportamientos (Mayus+F4) y hacer clic sobre <strong>el</strong> botón ,s<strong>el</strong>ecciona, entonces, la opción Carga previa <strong>de</strong> imágenes.Se abrirá <strong>el</strong> siguiente cuadro <strong>de</strong> diálogo:Aquí <strong>de</strong>berás incluir las imágenes que quieras que se carguen utilizando los botones ,podrás indicar su ubicación pulsando <strong>el</strong> botón Examinar.Respecto a este comportamiento <strong>de</strong>berás <strong>de</strong> tener en cuenta dos cosas. La primera y más obviaes que no cargues imágenes que no vayas a utilizar. No tiene sentido que <strong>de</strong>saproveches tiempo <strong>de</strong><strong>de</strong>scarga y visualización en cargar una imagen que no vas a utilizar.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!