Dreamweaver CC imagem e Dicas Multimedia

Não importa quão grande o seu conteúdo é, suas imagens, vídeos e multimédia fazer uma grande impressão sobre os visitantes do seu site Dreamweaver. Aqui estão algumas dicas para gerenciar as imagens, vídeos e outros arquivos multimídia em suas páginas web.

Fazer a ligação miniaturas para arquivos maiores

Grandes imagens são bonitas, mas eles necessitam de mais tempo para fazer o download de imagens pequenas. Uma técnica comum para a demonstração de muitas imagens em uma página é criar pequenas versões de cada imagem, chamada miniaturas, e, em seguida, ligar cada daqueles a versões maiores da mesma imagem.

Esta técnica também funciona quando você quer mostrar uma coleção de vídeos ou animações. Você pode criar uma imagem estática do único frame do vídeo e, em seguida, usar isso como a miniatura que links para cada arquivo de vídeo.

Como você pode ver na figura, o que mostra a galeria de fotos do Cinembargo website, esta técnica torna possível incluir muitas fotos ou arquivos de vídeo, de uma galeria de fotos. Quando você clicar em cada miniatura, uma versão maior da mesma imagem é exibida acima dessa imagem.

Este efeito de imagem interativo foi criado usando os comportamentos apresentam no Dreamweaver. Você também pode usar o Dreamweaver para conectar as imagens para vídeos, animações e outros tipos de arquivos.

Sempre salve os originais

A maioria dos designers criar imagens para a web usando um programa como o Photoshop. Para melhores resultados, você quer fazer tudo correção de cor, retoques, e outra edição com uma versão de alta resolução das fotos ou gráficos.

No entanto, antes que a imagem vai em seu site, você quer para otimizá-lo através da compressão do arquivo (se você salvá-lo como um jpeg) ou reduzir o número de cores (se você salvar a imagem como um PNG ou GIF). O processo de optimização de imagens torna-os baixar mais rápido, mas também reduz a qualidade consideravelmente.

Na figura a seguir, você vê o AssetShield website, que inclui relativamente grandes imagens que foram otimizados para que eles carregam rapidamente em um navegador web.

Lembre-se, se você quiser voltar e alterar uma imagem depois de ter sido otimizado para a web, você vai querer a editar o arquivo fonte original, a versão que você salvou antes que a imagem foi comprimida ou cores foram reduzidos. Da mesma forma, se você estiver trabalhando com uma imagem que tem múltiplas camadas em um programa como o Photoshop, essas camadas têm que ser achatada antes que a imagem pode ser incluído no site.

Vídeo e áudio, assim como as animações, deve ser optimizado antes de serem utilizados em um site. E, assim como você faz com as imagens, volte para a versão maior resolução se alguma vez fazer a edição adicional.

Se você criar suas próprias imagens e arquivos multimídia ou contratar um designer profissional, certifique-se de desenvolver um sistema para guardar todas as imagens originais com a maior resolução possível para que você tê-los se alguma vez precisar de alterar uma imagem mais tarde.