CAPÍTULO 22
Como inserir mídia
Macromedia Dreamweaver permite adicionar som ou filmes aos sites da Web de maneira rápida e fácil. É possível incorporar ou editar os arquivos e objetos multimídia, como, por exemplo: filmes Macromedia Flash e Shockwave, applets Java, Quicktime, Active X e arquivos de áudio. É possível anexar Design Notes a esses objetos, que permitem a comunicação com o grupo. Agora é possível inserir objetos de botão e texto Flash no próprio Dreamweaver.
Este capítulo contém as seções a seguir:
•
“Como inserir e executar um objeto de mídia”, na página 345•
“Como iniciar um editor externo para arquivos de mídia”, na página 346•
“Utilização das Design Notes com um objeto de mídia”, na página 347•
“Sobre o conteúdo Flash”, na página 348•
“Como inserir um objeto de botão Flash”, na página 348•
“Como inserir um objeto de texto Flash”, na página 351•
“Como inserir filmes Flash”, na página 352•
“Como inserir filmes Shockwave”, na página 353•
“Como adicionar vídeo”, na página 353•
“Como adicionar um som a uma página”, na página 354•
“Como inserir o conteúdo do plug-in do Netscape Navigator”, na página 356•
“Como inserir um controle ActiveX”, na página 357•
“Como inserir um applet Java”, na página 358•
“Utilização dos comportamentos para controlar os elementos de mídia”, na página 358Como inserir e executar um objeto de mídia
É possível inserir um filme ou objeto Flash, um filme QuickTime ou Shockwave, applet Java, controle ActiveX ou outros objetos de áudio ou vídeo em um documento Dreamweaver. Utilize a categoria Mídia da barra Inserir ou o menu Inserir para selecionar o tipo de objeto que deseja inserir em um documento. Os filmes e objetos Flash, Shockwave, Applets e ActiveX têm botões definidos. Utilize o botão plug-in do Netscape Navigator para inserir outros arquivos de mídia. Para obter mais informações, veja “Como inserir o conteúdo do plug-in do Netscape Navigator”, na página 356.
Para inserir um objeto de mídia em uma página:
1 Posicionar o ponto de inserção na janela do documento onde deseja inserir o objeto e seguir um dos procedimentos abaixo:
•
Na barra Inserir, selecione Mídia e clique no botão para o tipo de objeto que deseja inserir ou arrastar para a janela do documento.•
Escolha o objeto apropriado do submenu Inserir > mídia ou Inserir > imagens interativas. Na maioria dos casos, será exibida uma caixa de diálogo que permite escolher um arquivo de origem e especificar certos parâmetros do objeto de mídia.Dica: Para evitar a exibição de certas caixas de diálogo, escolha Editar > Preferências > Geral e, em seguida,
desmarcar a opção Mostrar a caixa de diálogo quando inserir objetos. Para anular qualquer preferência definida para exibir caixas de diálogo, manter pressionada a tecla Control enquanto o objeto é inserido (por exemplo: para inserir um alocador de espaço para um filme Shockwave sem especificar o arquivo, manter pressionada a tecla Control e clique no botão Shockwave).
Dreamweaver insere automaticamente o código-fonte HTML necessário à exibição do objeto ou do alocador de espaço na página. Para especificar o arquivo de origem, definir as dimensões e outros parâmetros e atributos, utilizar o inspetor de propriedades correspondente a cada objeto.
Como iniciar um editor externo para arquivos de mídia
É possível clicar duas vezes na maioria dos arquivos no painel Site para editá-los diretamente. Se o arquivo for um arquivo HTML, ele será aberto no Dreamweaver. Se ele for de outro tipo, como um arquivo de imagem, ele será aberto em um editor externo apropriado, como Macromedia Fireworks.
Cada tipo de arquivo com que Dreamweaver não lida diretamente pode ser associado a um ou mais editores externos do sistema. O editor iniciado quando o usuário clica duas vezes no arquivo no painel Site é denominado editor primário. É possível definir qual editor será associado a que tipo de arquivo nas preferências dos Tipos de arquivos/editores.
Se houver mais de um editor associado ao tipo de arquivo, será possível iniciar um editor secundário para um determinado arquivo: Clique com o botão direito do mouse (no Windows) no nome do arquivo no painel Site e escolha um editor no submenu Abrir com, do menu contextual.
Para especificar explicitamente os editores externos que deverão ser iniciados para um determinado tipo de arquivo, escolha Editar > Preferências, e, na lista de categorias, selecione Tipos de arquivos/editores. As extensões dos nomes de arquivos, como .gif, .wav e .mpg, encontram-se listadas à esquerda, em Extensões. Os editores associados à extensão selecionada encontram-se listados à direita, abaixo de Editores.
Também é possível procurar um editor externo para editar o arquivo. Clique com o botão direito do mouse (no Windows) no arquivo na visualização do projeto da janela do documento, e, em seguida, escolha Editar com > Procurar, ou selecionar o arquivo e escolha > Editar > Editar com editor externo.
Para adicionar um tipo de arquivo à lista de extensões nas preferências Tipos de arquivos/ editores:
1 Clique no botão de adição (+), situado acima da lista de extensões.
2 Digite a extensão do tipo de arquivo (incluindo o ponto no início da extensão), ou diversas
extensões relacionadas, separadas por espaços. Por exemplo: é possível digitar .css, .png .jpg.
Para adicionar um editor a um determinado tipo de arquivo:
1 Selecione a extensão do tipo de arquivo na lista Extensões. 2 Clique no botão de adição (+), situado acima da lista de editores.
3 Na caixa de diálogo que for exibida, escolha o aplicativo a ser adicionado à lista Editores.
Por exemplo: escolha o ícone do aplicativo Excel, para adicioná-lo à lista Editores.
Para remover um tipo de arquivo da lista:
1 Selecione o tipo de arquivo na lista Extensões.
Observação: É impossível desfazer a ação após remover um tipo de arquivo; portanto é necessário ter certeza
de que deseja removê-lo.
2 Clique no botão de subtração (-), situado acima da lista de extensões.
Para tornar um editor o editor primário de um tipo de arquivo:
1 Selecione o tipo de arquivo.
2 Selecione o editor (ou adicioná-lo, se já não estiver na lista). 3 Clique em Tornar primário.
Para dissociar um editor de um tipo de arquivo:
1 Selecione o tipo de arquivo na lista Extensões. 2 Selecione o editor na lista Editores.
3 Clique no botão de subtração (-) acima da lista de editores.
Utilização das Design Notes com um objeto de mídia
Assim como ocorre com outros objetos no Dreamweaver, é possível adicionar Design Notes a um objeto de mídia. Para obter mais informações sobre como trabalhar com Design Notes, veja “Como utilizar as Design Notes”, na página 105.
Para adicionar Design Notes a um objeto de mídia:
1 Clique com o botão direito do mouse (no Windows) no objeto da janela do documento.
Observação: É necessário definir o site antes de adicionar Design Notes a qualquer objeto (veja “Como ativar e
desativar as Design Notes”, na página 105).
2 No menu contextual, escolha Design Notes. 3 Digite as informações que deseja na Design Note.
Dica: Também é possível adicionar uma Design Note a um objeto de mídia na painel Site: ao selecionar o
Sobre o conteúdo Flash
A tecnologia Macromedia Flash constitui a solução mais eficiente para a produção de gráficos e animações com base em vetores. Flash Player está disponível tanto como um plug-in de Netscape Navigator quanto um controle ActiveX para Microsoft Internet Explorer no PC, tendo sido incluído nas versões mais recentes de Netscape Navigator, Microsoft Internet Explorer e America Online.
Dreamweaver vem com objetos Flash para uso com ou sem Flash. É possível utilizar esses objetos para criar botões Flash e textos Flash para inserção em um documento Dreamweaver. Caso Flash esteja no sistema, veja “Como trabalhar com Dreamweaver e Flash”, na página 341 para obter mais informações sobre a utilização desses aplicativos de maneira integrada.
Antes de utilizar os comandos Flash disponíveis no Dreamweaver, é necessário revisar os três tipos diferentes de arquivos Flash.
O arquivo Flash (.fla) é um arquivo-fonte para qualquer projeto e é criado no programa de mesmo nome. Esse tipo de arquivo pode ser aberto apenas em Flash, mas não no Dreamweaver ou em navegadores. É possível abrir o arquivo Flash em Flash e, subseqüentemente, exportá-lo como um arquivo SWF ou SWT para ser utilizado nos navegadores.
O arquivo de filme Flash (.swf) é uma versão compactada do arquivo Flash (.fla), otimizado para visualização na Web. Esse arquivo pode ser executado em navegadores e visualizado no
Dreamweaver, mas não pode ser editado no Flash. Esse é o tipo de arquivo criado ao utilizar os objetos de texto e botão Flash. Para obter mais informações, veja “Como inserir um objeto de botão Flash”, na página 348 e “Como inserir um objeto de texto Flash”, na página 351 e “Como inserir filmes Flash”, na página 352.
Os arquivos do modelo Flash (.swt) possibilitam a modificação e substituição de informações num arquivo de filme Flash. Esses arquivos são utilizados no objeto de botão Flash, permitindo a modificação do modelo com os seus próprios textos ou links, para criar um SWF personalizado para inserir no documento. No Dreamweaver, estes arquivos de modelo podem ser encontrados nas pastas Dreamweaver/Configuration/Flash Objects/Flash Buttons e Flash Text.
Também é possível efetuar download de novos modelos de botão no site Macromedia Exchange para o Dreamweaver na Web e colocá-los na pasta Botão Flash. Para obter mais informações sobre a criação de novos modelos de botão, veja o artigo sobre esse tópico encontrado no site da Macromedia na Web em http://www.macromedia.com/go/flash_buttons.
Como inserir um objeto de botão Flash
O objeto de botão Flash é um botão atualizável baseado em um modelo Flash. É possível personalizar um objeto de botão Flash, adicionando texto, cor de fundo e links para outros arquivos. É possível inserir botões Flash durante o trabalho na visualização do projeto ou na visualização do código.
Observação: É necessário salvar os documentos antes de inserir um objeto de botão ou texto Flash.
Utilize a caixa de diálogo Botão Flash para selecionar a partir de um conjunto de botões Flash designados. É possível exibir um exemplo de botão no campo Exemplo. Clique nessa exemplo para verificar como ela funciona no navegador. Durante a definição do botão Flash (por exemplo: alteração do texto ou opções de fonte), o campo Exemplo deve ser atualizado manualmente para refletir as alterações. Essas alterações serão exibidas quando a caixa de diálogo for fechada e o botão for exibido na visualização do projeto.
Para inserir um objeto de botão Flash:
1 Na janela do documento, coloque o ponto de inserção onde deseja inserir o botão Flash.
2 Para abrir a caixa de diálogo Inserir objeto Flash, siga um dos procedimentos abaixo:
•
Na barra Inserir, selecionar Mídia e, em seguida, clique no ícone do Botão Flash.•
Na barra Inserir, selecionar Mídia e, em seguida, arraste o ícone do botão Flash para a janela do documento, ou para a visualização do código se estiver trabalhando no código.•
Escolha Inserir > Imagens interativas > Botão Flash. A caixa de diálogo Inserir botão Flash é exibida.3 Na lista de estilos, selecionar o estilo de botão que deseja.
4 No campo Texto do botão (opcional), digite o texto que deseja que seja exibido.
Esse campo aceitará alterações apenas se o botão selecionado tiver um parâmetro {Button Text} definido. Isso será mostrado no campo Exemplo. O texto digitado substituirá o parâmetro {Button Text} quando o arquivo for visualizado.
5 No menu pop-up Fonte, selecione a fonte que deseja utilizar.
Se a fonte padrão de um botão não estiver disponível no sistema, selecione uma outra fonte no menu pop-up. A fonte selecionada não será vista no campo Exemplo, mas é possível clicar em Aplicar, para inserir o botão na página, para examinar a aparência do texto.
6 No campo Tamanho, digite um valor numérico para o tamanho da fonte.
7 No campo Link (opcional), digite um link relativo a documento ou absoluto para o botão. 8 No campo Destino (opcional), especificar a localização na qual o documento com link será
aberto. É possível selecionar uma moldura ou opção de janela no menu pop-up. Nomes de molduras são listados somente se o objeto Flash estiver sendo editado enquanto estiver em um conjunto de molduras.
9 No campo Cor de fundo (opcional), defina a cor de fundo para o filme Flash. Utilize o seletor de cores ou digitar um valor hexadecimal da Web (como, por exemplo: #FFFFFF).
10 No campo Salvar como, digite um nome de arquivo para salvar o novo arquivo SWF. É possível utilizar o nome de arquivo padrão (por exemplo: button1.swf ) ou digitar um novo nome. Se o arquivo contiver um link relativo a documento, será necessário salvar o arquivo no mesmo diretório que o documento HTML atual, para manter os links relativos a documento.
11 Clique em Obter mais estilos para ir ao site Macromedia Exchange e efetuar o download de mais estilos de botões.
Para obter mais informações, veja “Como adicionar extensões no Dreamweaver”, na página 59.
12 Clique em Aplicar ou OK para inserir o botão Flash na janela do documento.
Dica: Selecione Aplicar, para examinar as alterações na visualização do projeto enquanto mantém a caixa de
diálogo aberta. É possível prosseguir com as alterações no botão.
Modificação de um objeto de botão Flash
É possível modificar as propriedades e conteúdo de um objeto de botão Flash.
Para modificar um objeto de botão Flash:
1 Na janela do documento, clique no objeto de botão Flash para selecioná-lo. 2 Abra o inspetor de propriedades, se ele ainda não tiver sido aberto.
O inspetor de propriedades exibirá as propriedades do botão Flash. Utilize o inspetor de propriedades para modificar os atributos HTML do botão, como largura, altura e Cor de fundo.
3 Para alterar o conteúdo, exibir a caixa de diálogo Inserir botão Flash utilizando um dos métodos a seguir:
•
Clique duas vezes no objeto de botão Flash.•
No inspetor de propriedades, clique em Editar.•
Clique com o botão direito do mouse (no Windows) e escolha Editar no menu contextual.4 Na caixa de diálogo Inserir botão Flash, efetuar as edições desejadas nos campos descritos no
procedimento anterior “Como inserir um objeto de botão Flash”, na página 348.
Na visualização do projeto, é possível redimensionar o objeto facilmente utilizando as alças de redimensionamento. Para redimensionar o objeto ao seu tamanho original, selecione Redefinir o tamanho, no inspetor de propriedades (veja “Redimensionamento de uma imagem”, na página 324).
Execução de um objeto de botão Flash no documento
É possível visualizar um botão Flash na janela do documento de Dreamweaver.
Para visualizar a execução do objeto de botão Flash na janela do documento:
1 Na visualização do projeto, selecione um objeto de botão Flash.
2 No inspetor de propriedades, clique em Executar.
3 Clique em Parar, para terminar a visualização.
Observação: Não é possível editar o objeto de botão Flash enquanto esse estiver em execução.
Também é conveniente visualizar o documento no navegador para verificar a aparência exata do botão Flash.
Como inserir um objeto de texto Flash
O objeto de texto Flash permite criar e inserir um filme Flash que contém apenas texto. Isso permite criar um pequeno filme gráfico com base em vetores com as fontes de designer e o texto escolhido.
Para inserir um objeto de texto Flash:
1 Na janela do documento, colocque o ponto de inserção onde deseja inserir o texto Flash.
2 Para abrir a caixa de diálogo Inserir objeto Flash, siga um dos procedimentos abaixo:
•
Na barra Inserir, selecionar Mídia e, em seguida, clique no ícone de Texto Flash.•
Na barra Inserir, selecionar Mídia e, em seguida, arraste o ícone de texto Flash para a janela do documento (ou para a visualização do código, se estiver trabalhando no código).•
Escolha Inserir > Imagens interativas > Texto Flash. A caixa de diálogo Inserir texto Flash é exibida.3 No menu pop-up Fontes, selecionar uma fonte.
Esse menu contém uma lista de todas as fontes TrueType contidas no sistema.
4 Digite um tamanho de fonte no campo Tamanho. Esses são tamanhos de pontos.
5 Especifique os atributos de estilo, como negrito ou itálico, e o alinhamento do texto clicando
nos botões de estilo apropriados.
6 No campo Cor, definir a cor do texto, com a utilização do seletor de cores ou a digitação do valor hexadecimal da Web (#FFFFFF, por exemplo).
7 No campo Cor da imagem cambiável, definir a cor que será exibida quando o ponteiro for
passado sobre o objeto de texto Flash. Utilize o seletor de cores ou digitar um valor hexadecimal da Web (#FFFFFF, por exemplo).
8 Digite o texto desejado no campo Texto.
Para examinar o estilo da fonte que está sendo exibido no campo Texto, selecione Mostrar a fonte.
9 Se desejar associar um link ao objeto de texto Flash, digite um link absoluto ou relativo a documento no campo Link.
Os links relativos a site não são aceitos porque os navegadores não os reconhecem nos filmes Flash. Se utilizar um link relativo a documento, certifique-se de que o arquivo SWF foi salvo no mesmo diretório que o arquivo HTML (a interpretação de links relativos a documento varia nos navegadores. Para garantir que os links funcionarão corretamente, salvar o arquivo no mesmo diretório).
10 Se tiver digitado um link, pode-se especificar uma moldura ou janela de destino onde colocar o
link no campo Destino.
11 No campo Cor de fundo, escolha uma cor de fundo para o texto. Utilize o seletor de cores ou digitar um valor hexadecimal da Web (#FFFFFF, por exemplo).
12 No campo Salvar como, digite um nome para o arquivo.
É possível utilizar o nome de arquivo padrão (por exemplo: tex1.swf ) ou digite um novo nome. Se o arquivo contiver um link relativo a documento, será necessário salvar o arquivo no mesmo diretório que o documento HTML atual, para manter os links relativos a documento.
13 Clique em Aplicar ou OK para inserir o texto Flash na janela do documento.
Se clicar em Aplicar, a caixa de diálogo permanecerá aberta e será possível visualizar o texto no documento.
Para modificar ou executar o objeto de texto Flash, utilizar o mesmo procedimento adotado para o botão Flash (veja “Modificação de um objeto de botão Flash”, na página 350).
Como inserir filmes Flash
Ao inserir um filme Flash em um documento, Dreamweaver utilizará as tags object (definida por Microsoft Internet Explorer para os controles ActiveX) e embed (definida por Netscape Navigator), para obter os melhores resultados em todos os tipos de navegadores. Ao alterar o filme no inspetor de propriedades, Dreamweaver mapeará as entradas dos parâmetros apropriados às tags object e
embed.
Para inserir um filme Flash:
1 Na visualização do projeto, na janela do documento, colocar o ponto de inserção onde deseja inserir o filme.
•
Na barra Inserir, selecione Mídia e, em seguida, clique no ícone de Inserir Flash.•
Na barra Inserir, selecione Mídia e, em seguida, arrastar o ícone Inserir Flash para a janela do documento.•
Escolha Inserir > Mídia > Flash.2 Na caixa de diálogo que será exibida, selecione um arquivo de filme Flash (.swf ).
Um alocador de espaço Flash será exibido na janela do documento (diferentemente dos objetos de botão e texto Flash). Para obter mais informações sobre a definição de propriedades para um filme Flash, selecionar o alocador de espaço e, em seguida, clique no botão Ajuda do inspetor de propriedades.
Para visualizar um filme Flash na janela do documento:
1 Na janela do documento, clique no alocador de espaço Flash para selecionar o filme Flash que deseja visualizar.
2 No inspetor de propriedades, clique no botão Editar. Clique em Parar, para terminar a
visualização. Também é possível visualizar o filme Flash em um navegador, pressionando a tecla F12.
Dica: Para visualizar todo o conteúdo Flash numa página, pressionar simultaneamente as teclas
Control+Alt+Shift+P (no Windows). Todos os objetos e filmes Flash estão definidos para Executar.
Como inserir filmes Shockwave
Shockwave, o padrão da Macromedia para multimídia interativa na Web, é um formato compactado que permite o download rápido dos arquivos de mídia criados em Macromedia Director, para que sejam executados pela maior parte dos navegadores mais comuns. O software que executa os filmes Shockwave está disponível como um plug-in de Netscape Navigator e um controle ActiveX. Ao inserir um filme Shockwave, Dreamweaver utilizará as tags
object (para o controle ActiveX) e embed (para o plug-in), para obter os melhores resultados em todos os navegadores. Ao alterar o filme no inspetor de propriedades, Dreamweaver mapeará as entradas dos parâmetros apropriados às tags object e embed.
Para inserir um filme Shockwave:
1 Na janela do documento, colocar o ponto de inserção onde deseja inserir o filme Shockwave e
seguir um dos procedimentos abaixo:
•
Na barra Inserir, selecionar Mídia e, em seguida, clique no ícone Shockwave.•
Na barra Inserir, selecionar Mídia e, em seguida, arrastar o ícone Shockwave para a janela do documento, ou para a visualização do código no caso de estar trabalhando no código.•
Escolha Inserir > Mídia > Shockwave.2 Na caixa de diálogo que será exibida, selecionar um arquivo de filme.
3 No inspetor de propriedades, digite a largura e altura do filme, nas caixas L e A.
Como adicionar vídeo
É possível adicionar vídeo à página da Web de diversas maneiras e utilizando vários formatos. É possível efetuar o download de vídeo para o usuário ou ele pode ser transferido gradualmente para que seja executado durante o download. Os formatos mais comuns de transferência gradual disponíveis na Web para a transmissão de arquivos de vídeo são RealMedia, QuickTime e Windows Media. É necessário efetuar o download de um aplicativo auxiliar para exibir esses formatos. Com esses formatos, é possível transferir gradualmente áudio e vídeo simultaneamente. Se desejar incluir um clipe breve cujo download pode ser efetuado em vez de utilizar a
transferência gradual, será possível vincular o clipe, ou incorporá-lo, à página. Esses clipes estão geralmente no formato de arquivo AVI ou MPEG.
É possível utilizar Director para filmes Shockwave ou Flash para criar apresentações multimídia, com pouca largura de banda e interativas para a Web. Com Flash, o tamanho do arquivo é surpreendentemente pequeno e a tecnologia funciona em várias plataformas (é claro que os usuários precisam, primeiro, efetuar o download de um plug-in de aparelho de reprodução gratuito antes de poderem exibir esses arquivos).
Como adicionar um som a uma página
Há vários tipos diferentes de arquivos e formatos de som, assim como diversas maneiras de adicionar som às páginas da Web. Dentre os fatores a serem considerados antes de decidir qual formato e método serão utilizados para adicionar o som, estão o objetivo, o público, o tamanho do arquivo, a qualidade do som e as diferenças entre os navegadores.
Observação: Os arquivos sonoros são tratados de forma diferente e inconsistente pelos diversos navegadores.
Pode-se desejar adicionar um arquivo de som a um filme Flash e, em seguida, incorporar o arquivo SWF para melhorar a consistência.
Sobre os formatos de arquivos de áudio
A lista a seguir descreve os formatos de arquivos de áudio mais comuns, junto com algumas das vantagens e desvantagens de cada um para os projetos da Web.
O formato .midi ou .mid (Interface digital de instrumento musical, Musical Instrument Digital Interface) destina-se à música instrumental. Arquivos MIDI contam com suporte em diversos navegadores e não requerem um plug-in. Apesar de sua qualidade de som ser muito boa, ela pode variar dependendo da placa de som de um visitante. Um pequeno arquivo MIDI pode fornecer um longo clipe de som. Os arquivos MIDI não podem ser gravados e devem ser sintetizados num computador com hardware e software especiais.
Os arquivos no formato .wav (extensão Waveform) têm boa qualidade de som, contam com suporte em vários navegadores e não requerem um plug-in. É possível gravar arquivos WAV próprios de um CD, fita, microfone e outros dispositivos. No entanto, o grande tamanho dos arquivos limitaseriamente o comprimento dos clipes de som que podem ser utilizados nas páginas da Web.
O formato .aif (ou AIFF - formato de arquivo de intercâmbio de áudio, Audio Interchange File Format), assim como o formato WAV, possui uma qualidade de som boa, pode ser executado pela maioria dos navegadores, e não necessita de plug-ins. É possível gravar arquivos AIFF de um CD, fita, microfone etc. No entanto, o grande tamanho dos arquivos limitaseriamente o comprimento dos clipes de som que podem ser utilizados nas páginas da Web.
O formato .mp3 (áudio do Motion Picture Experts Group ou Camada-3 de áudio MPEG) é um formato compactado que torna os arquivos de som consideravelmente menores. A qualidade som é muito boa: se um arquivo MP3 tiver sido gravado e compactado corretamente, a sua qualidade pode competir com a de um CD. Novas tecnologias permitem transferir o arquivo gradualmente, para que o visitante não precise esperar pelo download do arquivo inteiro até poder ouvi-lo. No entanto, o tamanho do arquivo é maior do que um arquivo Real Audio. Por isso, é possível que o download de uma música inteira em uma conexão de linha telefônica comum ainda demore um pouco. Para executar os arquivos MP3, os visitantes devem efetuar o download e instalar um aplicativo auxiliar ou plug-in, como QuickTime, Windows Media Player ou RealPlayer. O grau de compactação do formato .ra, .ram, .rpm ou Real Audio é muito alto e os tamanhos de arquivos são menores do que os arquivos no formato MP3. É possível efetuar o download de arquivos de música completos num período de tempo razoável. Como os arquivos podem ser transferidos gradualmente de um servidor da Web normal, os visitantes podem começar a ouvir o som antes que o download do arquivo tenha sido concluído. A qualidade de som é inferior à dos arquivos MP3, mas novos aparelhos de reprodução e codificadores melhoraram a sua qualidade consideravelmente. Para poder executar esses arquivos, os visitantes deverão efetuar o download e instalar o aplicativo auxiliar RealPlayer ou plug-in.
Vinculação a um arquivo de áudio
A vinculação a um arquivo de áudio é uma maneira simples e efetiva de adicionar som às páginas da Web. Esse método de incorporar arquivos de som permite aos visitantes escolha se desejam ouvir o arquivo e coloca o arquivo à disposição de um público maior (alguns navegadores não oferecem suporte a arquivos de som incorporados). Veja “Incorporação de um arquivo de som”, na página 355.
Criação de um link a um arquivo de áudio:
1 Selecione o texto ou a imagem que deseja utilizar como link ao arquivo de áudio.
2 No inspetor de propriedades, clique no ícone correspondente à pasta, para procurar o arquivo
de áudio, ou digitar o caminho e o nome do arquivo no campo Link.
Incorporação de um arquivo de som
A incorporação de áudio encaixa o aparelho de reprodução de som diretamente na página, mas o som só será executado se os visitantes do seu site contarem com o plug-in apropriado ao arquivo escolhido. Incorporar os arquivos, se desejar utilizar o som como música de fundo ou se desejar mais controle sobre a própria apresentação de som. Por exemplo: é possível ajustar o volume, a aparência do aparelho de reprodução na página e os pontos de início e fim do arquivo de som.
Para incorporar um arquivo de áudio
1 Na visualização do projeto, colocar o ponto de inserção onde deseja incorporar o arquivo e
seguir um dos procedimentos abaixo:
•
Na barra Inserir, selecione Mídia e, em seguida, clique no ícone Plug-in.•
Na barra Inserir, selecione Mídia e, em seguida, arrastar o ícone Plug-in para a janela do documento, ou para a visualização do código no caso de estar trabalhando no código.•
Escolha Inserir > Mídia > Plug-in.Para obter mais informações sobre o objeto de in, veja “Como inserir o conteúdo do plug-in do Netscape Navigator”, na págplug-ina 356.
2 No inspetor de propriedades, clique no ícone correspondente à pasta, para procurar o arquivo de áudio, ou digitar o caminho e o nome do arquivo no campo Link.
3 Digite a largura e a altura, através da inserção dos valores nos campos apropriados ou do
redimensionamento do alocador de espaço de plug-in, na janela Documento.
Esses valores determinam o tamanho com o qual os controles de áudio serão exibidos no navegador. Por exemplo: tentar uma largura de 144 pixels e uma altura de 60 pixels, para examinar como o aparelho de reprodução de áudio será exibido em Netscape Navigator e em Internet Explorer.
Como inserir o conteúdo do plug-in do Netscape Navigator
Os plug-ins aprimoram o funcionamento de Netscape Navigator, possibilitando maneiras de exibir o conteúdo de mídia em diversos formatos. Plug-ins são o meio pelo qual os arquivos de conteúdo são executados e exibidos no site da Web. Por exemplo: dentre os plug-ins mais freqüentes estão o RealPlayer e QuickTime, enquanto alguns arquivos de conteúdo incluem MP3s e filmes QuickTime.Após criar o conteúdo de um plug-in do Navigator, é possível utilizar Dreamweaver para inserir esse conteúdo em um documento HTML. O Dreamweaver utiliza a tag embed para marcar a referência ao arquivo de conteúdo.
Para inserir o conteúdo de plug-in do Navigator:
1 Na visualização do projeto, na janela do documento, colocar o ponto de inserção onde deseja inserir o filme.
•
Na barra Inserir, selecione Mídia e, em seguida, clique no ícone Plug-in.•
Escolha Inserir > Mídia > Plug-in.2 Na caixa de diálogo que será exibida, selecione um arquivo de conteúdo para o plug-in do
Navigator.
Como executar um plug-in na janela do documento
É possível visualizar filmes e animações que dependem dos plug-ins de Navigator (elementos que utilizam a tag embed) diretamente na visualização do projeto da janela do documento (é impossível visualizar, na janela do documento, os filmes ou animações que dependem dos controles ActiveX). É possível executar todos os elementos de plug-in simultaneamente, para examinar a aparência que a página terá para o usuário, ou executar cada elemento individualmente, para garantir que tenha sido incorporado o elemento de mídia correto.
Para executar os filmes, é necessário que os plug-ins adequados tenham sido instalados no computador. Ao inicializar Dreamweaver, ele procurará automaticamente todos os plug-ins instalados, inicialmente na pasta Configuration/Plugins e, em seguida, nas pastas de plug-ins de todos os navegadores que estiverem instalados.
Para executar o conteúdo de plug-ins na janela do documento:
1 Inserir um ou mais elementos de mídia, escolhendo Inserir > Mídia > Shockwave, Inserir >
Media > Flash, ou Inserir > Mídia > Plug-in.
2 Executar o conteúdo do plug-in:
•
Selecione um dos elementos de mídia que foi inserido e escolha Exibir > Plug-ins > Executar, ou clique no botão Executar, no inspetor de propriedades.•
Escolha Exibir > Plug-ins > Executar todos, para executar todos os elementos de mídia na página selecionada que dependerem de plug-ins.Observação: A opção Executar todos se aplica ao documento atual e não a outros documentos num conjunto de
Para interromper a execução do conteúdo de plug-ins:
Selecione um elemento de mídia e escolha Exibir > Plug-ins > Parar, ou clique no botão Parar, no inspetor de propriedades.
Também é possível selecionar Exibir> Plug-ins > Parar todos, para interromper a execução de todos os conteúdos de plug-in.
Resolução de problemas relacionados aos plug-ins do Navigator
Se, após ter seguido essas etapas para executar o conteúdo do plug-in na janela do documento, alguns elementos do conteúdo do plug-in não forem executados, tentar um dos procedimentos abaixo:
•
Certifique-se de que o plug-in associado está instalado no computador e se o conteúdo do mesmo é compatível com a versão do plug-in existente.•
Abra o arquivo Configuration/Plugins/UnsupportedPlugins.txt em um editor de texto e procurar, na lista, o plug-in com problemas. Esse arquivo mantém um registro dos plug-ins que causam problemas no Dreamweaver e, por isso, não contam com suporte. (se houverproblemas com qualquer outro plug-in, adicioná-lo a esse arquivo).
•
Verificar se há memória suficiente. Alguns plug-ins exigem entre 2 MB e 5 MB a mais de memória, para que sejam executados.Como inserir um controle ActiveX
Os controles ActiveX (anteriormente conhecidos como controles OLE) são componentes reutilizáveis semelhantes a applets que podem funcionar como plug-ins dos navegadores. Eles são executados em Internet Explorer com Windows. No Dreamweaver, o objeto ActiveX permite fornecer atributos e parâmetros a um controle ActiveX no navegador do visitante.
Dreamweaver utiliza a tag object para marcar o local na página onde o controle ActiveX será exibido e para fornecer parâmetros ao controle ActiveX.
Para inserir o conteúdo de controles ActiveX:
1 Na janela do documento, colocar o ponto de inserção onde deseja inserir o conteúdo e seguir um dos procedimentos abaixo:
•
Na barra Inserir, selecione Mídia e, em seguida, clique no ícone ActiveX.•
Na barra Inserir, selecione Mídia e, em seguida, arrastar o ícone ActiveX para a janela do documento, ou para a visualização do código no caso de estar trabalhando no código.•
Escolha Inserir > Mídia > ActiveX.Como inserir um applet Java
Java é uma linguagem de programação que permite o desenvolvimento de aplicativos pequenos (applets) que podem ser incorporados às páginas da Web.
Após criar o applet Java, é possível inseri-lo em um documento HTML usando Dreamweaver. Dreamweaver utiliza a tag applet para marcar a referência ao arquivo do applet.
Para inserir um applet Java:
1 Na janela do documento, colocar o ponto de inserção onde deseja inserir o applet e seguir um dos procedimentos abaixo:
•
Na barra Inserir, selecionar Mídia e em seguida clicar no ícone Applet.•
Na barra Inserir, selecionar Mídia e, em seguida, arrastar o ícone Applet para a janela do documento, ou para a visualização do código no caso de estar trabalhando no código.•
Escolha Inserir > Mídia > Applet. Também é possível arrastar o ícone do botão Flash até ajanela do documento.
2 Na caixa de diálogo que será exibida, selecionar um arquivo que contenha o applet Java.
Utilização dos comportamentos para controlar os elementos de
mídia
É possível adicionar comportamentos à página, para iniciar e interromper diversos objetos de mídia.
A opção Controlar o Shockwave ou Flash permite executar, parar, rebobinar ou ir para um quadro de um filme Shockwave ou Flash (veja “Controlar o Shockwave ou Flash”, na página 385). A opção Executar o som permite executar um som. Por exemplo: é possível executar um efeito de som sempre que o usuário mover o ponteiro do mouse sobre um link (veja “Executar o som”, na página 392).
A opção Verificar o plug-in permite verificar se os visitantes do seu site já possuem o plug-in necessário instalado e, em seguida, os direcionar para outras URLs, dependendo de eles contarem com o plug-in correto. Isso se aplica somente aos plug-ins do Netscape, pois o comportamento Verificar o plug-in não verifica os controles ActiveX. Para obter mais informações, veja “Verificar o plug-in”, na página 384.
