Posicione o ponto de inserção na janela Documento
onde deseja inserir o objeto.
Última atualização em
27/04/2021
Saiba como inserir e editar objetos de mídia em páginas da Web do Dreamweaver, usar o Design Notes e muito mais.
Além de arquivos SWF e FLV, você pode inserir outros objetos de áudio ou vídeo em um documento do Dreamweaver. Se você inseriu atributos de acessibilidade com um objeto de mídia, poderá definir atributos de acessibilidade e editar esses valores no código HTML.
Insira o objeto seguindo um destes procedimentos:
Na categoria HTML do painel Inserir, selecione o ícone referente ao tipo de objeto a ser inserido.
Selecione o objeto apropriado no submenu Inserir > HTML.
Uma caixa de diálogo será exibida, permitindo que você selecione um arquivo de origem e especifique determinados parâmetros para o objeto de mídia.
Nota
para evitar que essas caixas de diálogo apareçam, selecione Editar > Preferências > Geral (Windows) ou Dreamweaver > Preferências > Geral (Macintosh) e desmarque a opção Mostrar caixa de diálogo ao inserir objetos. Para anular qualquer preferência definida para a exibição de caixas de diálogo, mantenha pressionada a tecla Control (Windows) ou Option (Macintosh) enquanto insere o objeto.
Complete a caixa de diálogo Selecionar arquivo e clique em OK.
Nota
A caixa de diálogo Atributos de Acessibilidade aparece se você escolheu mostrar atributos ao inserir mídia na caixa de diálogo Editar > Preferências.
Defina
os atributos de acessibilidade.
Nota
Você também pode editar os atributos do objeto de mídia selecionando o objeto e editando o código HTML na visualização Código, ou clicando com o botão direito (Windows) ou pressionando Control e clicando (Macintosh), e selecionando Editar Código da tag.
Título
Digite um título para o objeto de mídia.
Chave de acesso
Digite um equivalente de teclado (uma letra) na caixa de texto para selecionar o objeto de formulário no navegador.Isso permite que o visitante do site use a tecla Control (Windows) com a Tecla de Acesso para acessar o objeto.Por exemplo, se você digitar B como Tecla de Acesso, use Control+B para selecionar o objeto no navegador.
Índice de abas
Digite um número para a ordem de abas do objeto de formulário. Definir uma ordem de tabulação é útil quando você tem outros links e objetos de formulário na página e precisa que o usuário navegue por eles em uma ordem específica.Se você definir a ordem de tabulação para um objeto, certifique-se de definir a ordem de tabulação para todos eles.
Clique em OK para inserir o objeto de mídia.
Nota
Se você clicar em Cancelar, um espaço reservado do objeto de mídia aparece no documento, mas o Dreamweaver não associa tags ou atributos de acessibilidade a ele.
Para especificar um arquivo de origem, ou para definir dimensões e outros parâmetros e atributos, use o Inspetor de propriedades para cada objeto.Você pode editar atributos de acessibilidade de um objeto.
Iniciar um editor externo para arquivos de mídia
Você pode iniciar um editor externo do Dreamweaver para editar a maioria dos arquivos de mídia.Também é possível especificar o editor que o Dreamweaver iniciará para editar o arquivo.
Certifique-se de que o tipo de arquivo de mídia esteja associado a
um editor no seu sistema.
Para descobrir qual editor está associado ao tipo de arquivo, selecione Editar > Preferências no Dreamweaver e selecione Tipos de arquivo/Editores na lista Categoria.Clique na extensão do arquivo na coluna Extensões para visualizar o editor ou editores associados na coluna Editores.Você pode alterar o editor associado a um tipo de arquivo.
Clique duas vezes no arquivo de mídia no painel Arquivos para abri-lo
no editor externo.
O editor que é iniciado quando você clica duas vezes no arquivo no painel Arquivos é chamado de editor principal.Se você clicar duas vezes em um arquivo de imagem, por exemplo, o Dreamweaver abre o arquivo no editor de imagem externo principal, como o Adobe Fireworks.
Se você não quiser usar o editor externo principal
para editar o arquivo, pode usar outro editor do sistema para editar
o arquivo fazendo uma das seguintes ações:
No painel Arquivos, clique com o botão direito (Windows) ou pressione Control e clique (Macintosh) no nome do arquivo e selecione Abrir com no menu de contexto.
Na visualização Design, clique com o botão direito (Windows) ou pressione Control e clique (Macintosh) no elemento de mídia dentro da página atual e selecione Editar com no menu de contexto.
Especifique o editor para iniciar do Dreamweaver
Você pode especificar o editor que deseja que o Dreamweaver use para editar um tipo de arquivo, e adicionar ou excluir tipos de arquivo que o Dreamweaver reconhece.
Especificar explicitamente quais editores externos devem ser iniciados para um determinado tipo de arquivo
Selecione Editar > Preferências
e selecione Tipos de arquivo/Editores na lista Categoria.
Extensões de nome de arquivo, como .gif, .wav, e .mpg, são listadas à esquerda em Extensões. Editores associados para uma extensão selecionada são listados à direita em Editores.
Selecione a extensão do tipo de arquivo na lista Extensões
e faça um dos seguintes:
Para associar um novo editor ao tipo de arquivo, clique no botão Mais (+) acima da lista Editores e preencha a caixa de diálogo que aparece.
Por exemplo, selecione o ícone do aplicativo Acrobat para associá-lo ao tipo de arquivo.
Para tornar um editor o editor principal para um tipo de arquivo (ou seja, o editor que abre quando você clica duas vezes no tipo de arquivo no painel Arquivos), selecione o editor na lista Editores e clique em Tornar principal.
Para desassociar um editor de um tipo de arquivo, selecione o editor na lista Editores e clique no botão Menos (-) acima da lista Editores.
Adicionar um novo tipo de arquivo e editor associado
Clique no botão Mais (+) acima da
lista Extensões e insira uma extensão de tipo de arquivo (incluindo o ponto
no início da extensão) ou várias extensões relacionadas
separadas por espaços.
Por exemplo, você pode inserir .xml .xsl se quisesse associá-los a um editor XML instalado no seu sistema.
Selecione um editor para o tipo de arquivo clicando no botão Mais
(+) acima da lista Editores e preenchendo a caixa de diálogo
que aparece.
Remover um tipo de arquivo
Selecione o tipo de arquivo na lista Extensões
e clique no botão Menos (-) acima da lista Extensões.
Nota
Você não pode desfazer após remover um tipo de arquivo, então certifique-se de que deseja removê-lo.
Usar as Design Notes com objetos de mídia
Assim como outros objetos no Dreamweaver, você pode adicionar Design Notes a um objeto de mídia.Notas de design são anotações associadas a um arquivo específico, que são armazenadas em um arquivo separado. Você pode usar Notas de design para acompanhar informações extras de arquivo associadas com seus documentos, como nomes de arquivo de origem de imagem e comentários sobre status de arquivo.
Clique com o botão direito (Windows) ou clique com a tecla Control pressionada (Macintosh) no objeto na janela do documento.
Nota
Você deve definir seu site antes de adicionar Notas de Design a qualquer objeto.
Selecione Design Notes da página no menu de contexto.
Digite as informações desejadas na Design Note.
Nota
Você também pode adicionar uma Nota de design a um objeto de mídia no painel Arquivos selecionando o arquivo, revelando o menu de contexto e escolhendo Notas de design no menu de contexto.
Adicionar vídeo (não FLV)
Você pode adicionar vídeo à sua página da Web de diferentes maneiras e usando diferentes formatos. O vídeo pode ser baixado para o usuário ou pode ser transmitido em fluxo para que seja reproduzido enquanto está sendo baixado.
Coloque o clipe na pasta do site.
Esse clipes estão geralmente no formato de arquivo AVI ou MPEG.
Vincule-se ao clipe ou incorpore-o na página.
Para vincular ao clipe, insira texto para o link como "Baixar Clipe", selecione o texto e clique no ícone de pasta no Inspetor de propriedades. Navegue até o arquivo de vídeo e selecione-o.
Nota
O usuário deve baixar um aplicativo auxiliar (um plug-in) para visualizar formatos de fluxo comuns como Real Media, QuickTime e Windows Media.
Inserir conteúdo de plug-in
Você pode criar conteúdo como um filme do QuickTime para um plug-in do navegador e usar o Dreamweaver para inserir esse conteúdo em um documento HTML.Os plug-ins típicos incluem RealPlayer e QuickTime, enquanto alguns arquivos de conteúdo incluem mp3s e filmes do QuickTime.
Você pode visualizar filmes e animações que dependem de plug-ins do navegador diretamente na visualização Design da janela Documento.Você pode reproduzir todos os elementos de plug-in ao mesmo tempo para ver como a página ficará para o usuário, ou pode reproduzir cada um individualmente para garantir que incorporou o elemento de mídia correto.
Nota
Você não pode visualizar filmes ou animações que dependem de controles ActiveX.
Após inserir conteúdo para um plug-in, use o inspetor de propriedade para definir parâmetros para esse conteúdo.Para visualizar as seguintes propriedades no inspetor de propriedades, selecione um objeto de plug-in.
O inspetor de propriedade exibe inicialmente as propriedades mais usadas.Clique na seta de expansão no canto inferior direito para ver todas as propriedades.
Inserir conteúdo de plug-in e definir suas propriedades
Na visualização Design da janela Documento, posicione o ponto de inserção onde deseja inserir o conteúdo e faça um dos seguintes:
Na categoria Comum do painel Inserir, clique no botão Mídia e selecione o ícone Plugin
no menu.Selecione Inserir > Mídia > Plugin.
Na caixa de diálogo exibida, selecione um arquivo de conteúdo para um plug-in e clique em OK.
Defina as opções de plug-in no Inspetor de propriedades.
Nome
Especifica um nome para identificar o plug-in para script. Insira um nome na caixa de texto sem rótulo no lado mais à esquerda do inspetor de propriedades.
L e A
Especifique, em pixels, a largura e altura alocadas ao objeto na página.
Origem
Especifica o arquivo de dados de origem. Clique no ícone da pasta para procurar um arquivo ou digite um nome de arquivo.
URL do Plg
Especifica o URL do atributo pluginspace. Digite a URL completa do local onde os usuários podem baixar o plug-in.Se o usuário que visualiza sua página não tiver o plug-in, o navegador tenta baixá-lo desta URL.
Alinhar
Determina como o objeto é alinhado na página.
Espaço V e Espaço H
Especifique a quantidade de espaço em branco em pixels acima, abaixo e em ambos os lados do plug-in.
Borda
Especifica a largura da borda em torno do plug-in.
Parâmetros
Abre uma caixa de diálogo para inserir parâmetros adicionais para passar ao plug-in.Vários plug-ins respondem a parâmetros especiais.
Você também pode visualizar os atributos atribuídos ao plug-in selecionado clicando no botão Atributos.Você pode editar, adicionar e excluir atributos como largura e altura nesta caixa de diálogo.
Reproduzir conteúdo de plug‑in na janela Documento
Insira um ou mais elementos de mídia
usando um dos métodos descritos na seção anterior.
Siga um destes procedimentos:
Selecione um dos elementos de mídia inserido e, em seguida, selecione Exibir > Plug-ins > Reproduzir ou clique no botão Reproduzir no Inspetor de propriedades.
Selecione Exibir > Plug-ins > Reproduzir tudo para reproduzir todos os elementos de mídia na página selecionada baseada nos plug‑ins.
Nota
o recurso Reproduzir tudo se aplica somente ao documento atual. Ele não se aplica a outros documentos em um conjunto de quadros, por exemplo.
Interromper reprodução do conteúdo de plug-in
Selecione um elemento de mídia e selecione Visualizar > Plug-ins > Parar ou clique no botão Parar no inspetor de propriedades.
Você também pode selecionar Exibir > Plug-ins > Parar tudo para parar a reprodução de todo o conteúdo de plug‑in.
Solucionar problemas de plug-ins
Se você seguiu os passos para reproduzir conteúdo de plug‑in na janela Documento, mas parte do conteúdo de plug‑in não é reproduzida, tente o seguinte:
Certifique‑se de que o plug‑in associado esteja instalado no computador e que o conteúdo seja compatível com a versão do plug‑in que você possui.
Abra o arquivo Configuration/Plugins/UnsupportedPlugins.txt em um editor de texto e verifique se o plug‑in problemático está listado. Esse arquivo controla os plug-ins que ocasionam problemas no Dreamweaver e que, portanto, não recebem suporte. (Se você tiver problemas com um plug‑in específico, considere adicioná‑lo a esse arquivo.)
Verifique se há memória suficiente. Alguns plug-ins exigem de 2 a 5 MB adicionais de memória para executar.
Usar comportamentos para controlar mídia
Você pode adicionar comportamentos à página para iniciar e parar vários objetos de mídia.
Controlar Shockwave ou Flash
Reproduzir, parar, rebobinar ou ir para um quadro em um filme Shockwave ou arquivo SWF.
Tocar som
Permite reproduzir um som; por exemplo, você pode reproduzir um efeito sonoro sempre que o usuário mover o ponteiro do mouse sobre um link.
Verificar plug-in
Permite verificar se os visitantes do local possuem o plug‑in necessário instalado e direcioná‑los para URLs diferentes, dependendo se eles possuem o plug‑in correto. Isso se aplica apenas a plug-ins, pois o comportamento "Check Plugin" não verifica controles ActiveX.
Usar parâmetros para controlar objetos de mídia
Defina parâmetros especiais para controlar arquivos SWF e plug-ins. Os parâmetros são usados com as tags object, embed e applet. Os parâmetros definem atributos específicos a diferentes tipos de objetos. Por exemplo, um arquivo SWF pode usar um parâmetro de qualidade <paramname="quality"value="best"> para a tag de objeto. A caixa de diálogo Parâmetro está disponível no Inspetor de propriedades. Consulte a documentação do objeto que você está usando para obter informações sobre os parâmetros necessários.
Nota
Não há um padrão amplamente aceito para identificar arquivos de dados para controles ActiveX. Consulte a documentação do controle ActiveX que você está usando para descobrir quais parâmetros usar.
Inserir um nome e valor para um parâmetro
Selecione um objeto que possa ter parâmetros na janela Documento.
Abra o Inspetor de propriedades caso ele ainda não esteja aberto e clique no botão Parâmetros localizado na metade inferior do Inspetor de propriedades. (Verifique se o Inspetor de propriedades está expandido.)
Clique no botão Mais (+) e insira o nome do parâmetro e o valor nas colunas apropriadas.
Remover um parâmetro
Selecione um parâmetro e pressione o botão
menos (–).
Reordenar parâmetros
Selecione um parâmetro e use os botões de seta
para cima e para baixo.
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
