Dreamweaver imagen cc y consejos multimedia
No importa cuán grande es su contenido es, sus imágenes, videos y multimedia hacen una gran impresión en los visitantes a su sitio web Dreamweaver. Aquí hay un par de consejos para la gestión de las imágenes, vídeos y otros archivos multimedia en sus páginas web.
Video: CURSO DE ADOBE DREAMWEAVER CC 2017 - COMPLETO
Enlace miniaturas para archivos más grandes
Grandes imágenes son hermosas, pero requieren más tiempo para descarga de imágenes pequeñas. Una técnica común para la exhibición de muchas imágenes en una sola página es crear pequeñas versiones de cada imagen, llamada miniaturas, y luego enlazar cada uno de aquellos a versiones más grandes de la misma imagen.
Video: Curso de Dreamweaver CC. 10. Insertar elementos multimedia
Esta técnica también funciona cuando se quiere mostrar una colección de videos o animaciones. Puede crear una imagen fija de un solo fotograma del vídeo y luego usar eso como la miniatura que se vincula a cada archivo de vídeo.
Como se puede ver en la figura, que muestra la galería de fotos del Cinembargo página web, esta técnica hace que sea posible incluir muchas fotos o archivos de vídeo, en una galería de fotos. Al hacer clic en cada miniatura, una versión ampliada de la misma imagen se muestra por encima de la imagen.
Este efecto de imagen interactiva se ha creado usando la función de comportamientos en Dreamweaver. También puede utilizar Dreamweaver para enlazar imágenes a vídeos, animaciones y otros tipos de archivos.
Siempre guarde los originales
La mayoría de los diseñadores a crear imágenes para la web utilizando un programa como Photoshop. Para obtener los mejores resultados, usted quiere hacer todo de corrección de color, retoque, y otra de edición con una versión de alta resolución de las fotografías o gráficos.
Video: Como poner imagenes en HTML5 usando dreamweaver CC
Sin embargo, antes de que la imagen va en su sitio web, que desea optimizarlo al comprimir el archivo (si lo guarda como un archivo JPEG) o reduciendo el número de colores (si se guarda la imagen como PNG o GIF). El proceso de optimización de imágenes hace que sean descarga más rápido, pero también reduce considerablemente la calidad.
En la siguiente figura, se ve la AssetShield sitio web, que incluye relativamente grandes imágenes que se han optimizado para que se carguen rápidamente en un navegador web.
Video: Manejo de Imágenes en Dreamweaver con Bootstrap
Recuerde, si alguna vez quiere volver atrás y alterar una imagen después de que ha sido optimizado para la web, tendrá que editar el archivo de la fuente original, la versión que ha guardado antes de que la imagen se comprime o los colores se reduce. Del mismo modo, si usted está trabajando con una imagen que tiene múltiples capas en un programa como Photoshop, las capas tienen que ser aplanado ante la imagen puede ser incluido en la página web.
Archivos de vídeo y audio, así como animaciones, deben optimizarse antes de que se utilizan en una página web. Y, tal como lo hace con imágenes, volver a la versión de mayor resolución si alguna vez la edición adicional.
Si va a crear sus propias imágenes y archivos multimedia o contratar a un diseñador profesional, asegúrese de que usted desarrolla un sistema para guardar todas las imágenes originales con la mayor resolución posible, de manera que los tiene, si alguna vez tiene que alterar una imagen más tarde.