Dreamweaver CC Dicas de imagem e multimídia - dummies

Independentemente do tamanho do seu conteúdo, suas imagens, vídeos e multimídia fazem uma grande impressão nos visitantes do seu Dreamweaver local na rede Internet. Aqui estão algumas dicas para gerenciar imagens, vídeos e outros multimídia em suas páginas da web.

Vincular as miniaturas a arquivos maiores

Imagens grandes são bonitas, mas eles precisam de mais tempo para baixar do que imagens pequenas. Uma técnica comum para exibir muitas imagens em uma página é criar pequenas versões de cada imagem, chamado miniaturas, e, em seguida, vincular cada uma delas às 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 a partir de uma única moldura do vídeo e depois usá-la como a miniatura que liga a cada arquivo de vídeo.

Como você pode ver na figura, que mostra a galeria de fotos do site Cinembargo, esta técnica permite incluir muitas fotos, ou arquivos de vídeo, em uma galeria de fotos. Quando você clica em cada miniatura, uma imagem maior da mesma imagem é exibida acima dessa imagem.

Este efeito de imagem interativa foi criado usando o recurso de comportamentos no Dreamweaver. Você também pode usar o Dreamweaver para vincular imagens a vídeos, animações e outros tipos de arquivos.

Salve sempre os originais

A maioria dos designers cria imagens para a web usando um programa como o Photoshop. Para obter melhores resultados, você deseja fazer todas as correções de cores, retoques e outras versões com uma versão de alta resolução de fotos ou gráficos.

No entanto, antes que a imagem continue no seu site, você deseja otimizá-lo compactando o arquivo (se você o salvar como um jpeg) ou reduzindo o número de cores (se você salvar a imagem como um PNG ou GIF). O processo de otimização de imagens faz com que eles baixem mais rápido, mas também reduzem consideravelmente a qualidade.

Na figura a seguir, você vê o site AssetShield, que inclui imagens relativamente grandes que foram otimizadas para que elas sejam carregadas rapidamente em um navegador da Web.

Lembre-se, se você quiser voltar e alterar uma imagem depois de otimizada para a web, você quer editar o arquivo original, a versão que você salvou antes de a imagem ser comprimida ou as cores foram reduzidas. Da mesma forma, se você estiver trabalhando com uma imagem que tenha várias camadas em um programa, como o Photoshop, essas camadas devem ser achatadas antes que a imagem possa ser incluída no site.

Os arquivos de vídeo e áudio, bem como as animações, devem ser otimizados antes de serem usados ​​em um site.E, assim como você faz com imagens, volte para a versão de resolução mais alta se você fizer alguma edição adicional.

Se você cria suas próprias imagens e arquivos multimídia ou contrata um designer profissional, certifique-se de desenvolver um sistema para salvar todas as imagens originais com a máxima resolução possível para que você as tenha se precisar alterar uma imagem mais tarde.