Trabalhando com gráficos, sons e vídeos ao criar um site

Este artigo apresenta as técnicas para a adição de gráficos, sons e elementos de vídeo às suas páginas web. Você saber como adicionar imagens e mapas de imagem para suas páginas da Web, link e inserir som e ficheiros de vídeo, e usar um som de fundo que toca quando mostra a sua página web.

Formatos de Arquivo de Imagem, Som e Vídeo

Você pode escolher entre vários formatos de arquivo de imagens, sons e vídeos. Felizmente, você pode construir a maioria das páginas Web usando apenas os formatos que descrevemos nas seções seguintes.

Formatos de ficheiro

Apesar de dezenas de diferentes formatos de arquivo de imagem existe, apenas dois são amplamente utilizados para imagens de página Web: GIF e JPEG. GIF: GIF, que está para Graphics Interchange Format, foi originalmente usada na rede online da CompuServe e hoje é amplamente utilizado em toda a Internet. GIF arquivos de imagem possuem as seguintes características:

- GIF imagens podem ter um máximo de 256 cores diferentes.

- GIF arquivos são compactados para reduzir seu tamanho. O método de compressão GIF usa não reduz a qualidade da imagem.

- Uma imagem GIF pode incluir uma cor transparente, que, quando exibidos em um navegador da Web, permite que o fundo da página Web para mostrar através.

- GIF imagens podem ser entrelaçados, que permite que o navegador da Web para exibir rapidamente uma versão mais simples da imagem e depois exibir versões progressivamente melhor da imagem.

- GIF suporta uma técnica de animação simples que permite armazenar várias imagens distintas no mesmo arquivo. O navegador da Web exibe a animação com a exibição de imagens uma após a outra na seqüência. O formato GIF é a melhor escolha para a maioria dos elementos gráficos da Web que foram criados com programas de desenho ou pintura e que não contêm um grande número de cores diferentes. É ideal para os ícones, botões, texturas de fundo, balas, regras e linhas de arte. Um formato chamado PNG (Portable Network Graphics) foi desenvolvido em 1995 como um sucessor para o formato GIF. PNG (pronuncia-se ping) Suporta todas as funcionalidades do GIF e, em seguida, alguns, e suporta mais cores que o GIF. PNG não tem realmente pegou, embora, assim GIF continua a ser o formato de imagem mais utilizado.

Imagens JPEG: JPEG, um formato desenvolvido pelo Joint Photographic Experts Group, é projetado para imagens de qualidade fotográfica. Ele tem as seguintes características:

- Imagens JPEG pode ter ou 16,7 milhões ou 2 bilhões de cores. A maioria das imagens JPEG usar 16,7 milhões de cores, que proporcionam excelente representação de imagens fotográficas.

- Para reduzir o tamanho da imagem, JPEG usa uma técnica especial de compressão que reduz ligeiramente a qualidade da imagem, enquanto reduzindo o seu tamanho. Na maioria dos casos, você tem que comparar cuidadosamente a imagem original não comprimido com a imagem compactada para ver a diferença.

- JPEG suporta imagens progressivas que são semelhantes às imagens GIF entrelaçado.

- JPEG não suporta cores de fundo transparente como GIF faz.

- JPEG não suporta animação.

Outros formatos de arquivo de imagem: Muitos outros formatos de arquivo de imagem existe. Aqui estão apenas alguns:

--BMP: Windows bitmap

--PCX: Outro formato bitmap

--TIF: Tagged Image File

--PIC: Macintosh arquivo de imagem

Sound formatos de arquivo

A seguir estão os mais usados formatos de arquivos de som:

--WAV: O padrão do Windows para gravações de som. WAV stands para Wave.

--SND: O padrão de Macintosh para gravações de som. SND está para o som.

--UA: O padrão Unix para gravações de som. UA defende Áudio.

--MID: Os arquivos MIDI, que na verdade não são gravações de som. Os arquivos MIDI de música são armazenados em uma forma que um sintetizador da placa de som pode jogar. MIDI significa Musical Instrument Digital Interface. Não confunda os arquivos de som com o som que você pode ouvir em tempo real através da Internet, conhecido como streaming de áudio. O formato mais popular para streaming de áudio é RealAudio. RealAudio permite-lhe ouvir um som como ele está sendo baixado para seu computador, assim você não tem que esperar todo o arquivo para ser baixado para que você possa ouvi-la. Para ouvir o som RealAudio, primeiro você deve instalar um player de RealAudio em seu browser. (Você pode baixá-lo www.real.com.)

Vídeo formatos de arquivo

Três formatos populares de vídeos são usados na Web:

--AVI: O padrão de vídeo do Windows. AVI stands para Audio Video Interleaved.

--QuickTime: O padrão de vídeo do Macintosh. QuickTime arquivos normalmente têm a extensão MOV.

--MPEG ou MP3: Um padrão independente. MPEG significa Motion Picture Experts Group. MP3 é a abreviatura de MPEG de nível 3, uma adaptação do MPEG usado para enviar arquivos de música pela Internet. Embora AVI é conhecido como um formato de vídeo do Windows e QuickTime é um formato do Macintosh, ambos os formatos, bem como MPEG e MP3 se tornaram multi-plataforma normas. Ambos Netscape Navigator e Microsoft Internet Explorer pode jogar AVI, QuickTime e vídeos MPEG.

Trabalhando com gráficos

Você decidiu que para incluir gráficos em suas páginas da Web, so what's next? Esta seção mostra como inserir os seus ficheiros de gráficos e como usar mapas de imagem. Primeiro, aqui estão algumas orientações para a utilização de imagens:

- Não adicionar tantas imagens ou imagens tão grandes que a página leva muito tempo para baixar.

- Use o atributo ALT com o marca para fornecer o texto para os usuários que ver sua página com imagens desligado. Por exemplo:

- Use atributos de altura e largura com a tag para preformat suas páginas para as dimensões da imagem correta.

- Use BORDER = "0" no Tag para eliminar a fronteira que aparece em torno de suas imagens (a menos que você quer fronteiras a aparecer), como este:

- Use GIFs transparentes para criar imagens que combinam perfeitamente com o seu fundo da página. (Consulte a barra lateral, "Usando imagens GIF transparentes", mais adiante neste artigo.) - Se você quer fazer grandes arquivos de imagem disponível para download em seu site, fornecer menores, versões em miniatura das imagens que as pessoas pode visualizar antes de decidir se para baixar a imagem no tamanho original. - Tenha em mente que muitas das imagens que você vê exibidas no site são materiais de direito autoral que você não pode simplesmente copiar e usar em seu próprio Web site sem a permissão do detentor do copyright. Da mesma forma, fotografias, ilustrações, e outras imagens que aparecem nas revistas e livros são de direitos autorais. Você não pode digitalizar imagens juridicamente protegido e publicá-las em seu site sem a permissão do proprietário dos direitos autorais.

Inserindo um gráfico

Para inserir uma imagem em uma página da Web, siga estas etapas:

1. Obter um arquivo de imagem que deseja incluir em sua página.Se necessário, use um programa de gráficos para converter o arquivo para o formato que deseja usar (provavelmente GIF ou JPEG). Armazene o arquivo de imagem no mesmo diretório do documento HTML que exibe a imagem. Alternativamente, você pode optar por armazenar todas as imagens para o seu site em uma pasta imagens separadas.

2. No arquivo HTML, adicione o tag no ponto no documento onde deseja que a imagem apareça. Use o SRC (fonte) atribuem àfornecer o nome do arquivo de imagem. Por exemplo:

3. (Opcional) Para remover a borda ao redor da imagem, adicionar uma FRONTEIRAatributo, como segue:

4. (Opcional) Para fornecer o texto que será exibido para usuários que têmdesligada gráficos em seus navegadores da Web, use um ALT atributo:

5. (Opcional) Para preformat a página da Web com as dimensões corretas de a imagem, use o ALTURA e LARGURA atributos, como segue:

Usar mapas de imagens

Um mapa de imagem é um gráfico em que regiões específicas do gráfico servir como links para outras páginas web. Por exemplo, se você está criando um site sobre O Mágico de Oz, você pode usar uma imagem do mapa que mostra os personagens de links para páginas sobre estes personagens. Para criar um mapa de imagem, você deve usar várias tags HTML: e seu companheiro , E . Para criar um mapa de imagem, siga estas etapas:

1. Encontrar ou criar um gráfico que pode servir como um mapa de imagem.A imagem deve ter regiões distintas que servirão como links do mapa.

2. Use um programa de gráficos para mostrar a imagem, então, determinar o retangular limites.

3. Tipo de um conjunto de e tags. No sim, use o NOMEatributo para fornecer um nome para o mapa de imagem, como este:

4. Entre os e tags, tipo um marca para cada retangular área da imagem que servirá como um link. No tag,incluir os seguintes atributos:

Shape = "rect" coords = "start esquerda, início cima, da esquerda para final x, x final de cima" HREF = "url" Por exemplo:

5. Tipo um tag. Use o SRC atributo para o nome do arquivo de imagem e o USEMAP atributo para fornecer o nome do mapa de imagens constantes do o atributo, como este:

Certifique-se de um tipo de sinal de número (#) antes do nome do mapa de imagem no atributo tag's USEMAP. Mas não use o símbolo #, quando você criar o nome na atributo tag com o nome. Juntando tudo, aqui está um documento HTML completo para criar um mapa de imagem:

 O que veio primeiro?

Use o atributo TITLE no tags para criar as dicas de ferramentas que são exibidas quando o usuário faz uma pausa brevemente o ponteiro do mouse sobre uma área do mapa de imagem. Por exemplo:

Lembre-se que algumas pessoas configurar seus browsers para que eles não baixar e exibir imagens. Sempre que você usa um mapa de imagem, certifique-se também fornecer links de texto como uma alternativa para o mapa de imagem. Caso contrário, os usuários que visitam a sua página com imagens está desativado não será capaz de navegar no seu site.

Adicionar Sons

Você pode inserir um arquivo de som em uma página da Web como um link, como um som incorporado, ou como uma parte do fundo da página (para que o som é reproduzido automaticamente sempre que a página é exibida). As seções a seguir mostram como usar as tags HTML necessário para cada método.

Inserindo um link para um arquivo de som

A vantagem de se vincular a um arquivo de som é que o arquivo de som não é baixado para o computador do usuário até que o usuário clica no link do arquivo de som. Para inserir um link para um arquivo de som, siga estas etapas:

1. Obter um arquivo de som que você desejar para link para seu site e coloque o arquivo de som no mesmo diretório do documento HTML que será conter o link.Alternativamente, você pode optar por armazenar todos os arquivos de som para o seu site em sua própria pasta.

2. Adicionar um sim, algum texto descritivo e uma marca para o HTML arquivo como segue:

Clique aqui para reproduzir o som.

Certifique-se de digitar o nome do seu arquivo de som no atributo href.

A incorporação de um arquivo de som

Você pode inserir um som em uma página da Web usando um tag:

O atributo SRC fornece o nome do arquivo de som. O navegador da Web exibe os controles de som necessária para permitir ao usuário reproduzir o som.

Usando sons de fundo

Um som de fundo é reproduzido automaticamente sempre que um usuário exibe a página da Web. Para adicionar um som de fundo a uma página, siga estas etapas:

1. Obter um arquivo de som que você deseja usar como um som de fundo e coloque o arquivo de som no mesmo diretório do arquivo HTML.

2. Adicionar um atributo a seguir a tag. Use o SRC atributoao nome do arquivo de som que você quer ser tocada:

3. Se você desejar o som para repetir várias vezes, adicione o LOOP atributocomo este:

Você pode digitar qualquer número no LOOP atributo para indicar quantas vezes o som deve ser repetido. Ou você pode digitar LOOP = "infinito" para reproduzir o som repetidamente, enquanto a página é exibida. Algumas pessoas preferem ouvir as unhas arrastados para um negro do que o fundo chato sons que jogar mais e outra vez. Se você quiser que as pessoas a visitar o seu site mais de uma vez, evite usar LOOP = "infinito".

Trabalhando com Vídeos

Você pode inserir um arquivo de vídeo em uma página da Web como um link ou como um objeto incorporado. As seções a seguir mostram cada método.

Inserindo um link para um arquivo de vídeo

Para inserir um link para um arquivo de vídeo, siga estas etapas:

1. Localize um arquivo de vídeo que você quer adicionar um link em sua página web.

2. Adicionar um sim, algum texto descritivo e uma marca para o HTML arquivo como segue:

Clique aqui para baixar um filme.

Fornecer o nome do arquivo de vídeo no atributo HREF do tag's. Quando o usuário clica no link, o browser downloads o arquivo e joga o vídeo.

A incorporação de um vídeo

Use o tag para inserir um vídeo em uma página da Web. Siga esses passos:

1. Localize um arquivo de vídeo que você quer inserir em uma página web.

2. No documento HTML para a página da Web, adicionar uma sim, especificandoo nome do arquivo de vídeo no SRC atributo, como este:

3. Se você quiser alterar o tamanho da área usada para exibir o vídeo,adicione o ALTURA e LARGURA atributos, como este:

4. Se você deseja que o vídeo seja reproduzido automaticamente, logo que termina descarga, adicione Autostart = "TRUE" a tag:

um artigo submetido por Justine Mccain

Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre.
Importante: Este artigo "Trabalhando com gráficos, sons e vídeos ao criar um site" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.