Imagem dreamweaver cc e dicas multimédia

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 elementos multimédia em suas páginas web.

Fazer a ligação miniaturas para arquivos maiores

Grandes imagens são bonitas, mas eles exigem mais tempo para baixar de pequenas imagens. 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.

Video: Dreamweaver CC - Divs com imagens e texto

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 de único frame do vídeo e, em seguida, usar isso como a miniatura com 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, em uma galeria de fotos. Quando você clica em cada miniatura, uma versão maior da mesma imagem é exibida acima essa imagem.

Video: Dicas de Criando Sites Com Dreamweaver CC - 01

Este efeito de imagem interativo foi criado usando os comportamentos apresentam no Dreamweaver. Você também pode usar o Dreamweaver para ligar 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 de fotos ou gráficos.

Video: FORMULARIO DREAMWEAVER CC

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 otimização de imagens torna download 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.

Video: Inserting Images using Dreamweaver CC [7/34]

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 de ser achatado antes que a imagem pode ser incluído no site.

Vídeo e arquivos de áudio, bem como animações, devem ser otimizados antes de serem usados ​​em um site. E, assim como você faz com as imagens, volte para a versão resolução maior se você nunca fazer 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 tê-los, se você precisar de alterar uma imagem mais tarde.