Skip to main content

Incorporar arquivos de som em páginas da Web do Dreamweaver

Como insertar videos y musica en Dreamweaver cs6 (Junho 2026)

Como insertar videos y musica en Dreamweaver cs6 (Junho 2026)
Anonim
01 de 07

Inserir plug-in de mídia

Use o Dreamweaver para adicionar música de fundo às suas páginas

Adicionar som a páginas da Web é um pouco confuso. A maioria dos editores da Web não tem um botão simples para adicionar som, mas é possível adicionar música de fundo à sua página da Web do Dreamweaver sem muitos problemas - e nenhum código HTML para aprender.

Lembre-se de que a música de fundo que é reproduzida automaticamente sem qualquer forma de desativá-la pode ser irritante para muitas pessoas, portanto, use esse recurso com cuidado. Este tutorial explica como adicionar som a um controlador e você pode decidir se quer que ele seja reproduzido automaticamente ou não.

O Dreamweaver não possui uma opção de inserção específica para um arquivo de som; portanto, para inserir um na visualização Design, é necessário inserir um plug-in genérico e informar ao Dreamweaver que ele é um arquivo de som. No menu Inserir, vá para a pasta de mídia e escolha "Plugin".

02 de 07

Procurar pelo arquivo de som

O Dreamweaver abrirá uma caixa de diálogo "Selecionar arquivo". Navegue até o arquivo que você deseja incorporar em sua página. Eu prefiro ter minhas URLs relativas ao documento atual, mas você também pode escrevê-las em relação à raiz do site (começando com a barra inicial).

03 de 07

Salvar o documento

Se a página da Web for nova e não tiver sido salva, o Dreamweaver solicitará que você a salve de modo que o caminho relativo possa ser calculado. Até que o arquivo seja salvo, o Dreamweaver deixa o arquivo de som com um caminho file: // URL.

Além disso, se o arquivo de som não estiver no mesmo diretório do site do Dreamweaver, o Dreamweaver solicitará que você copie o arquivo para lá. Essa é uma boa idéia, para que os arquivos do site não estejam espalhados por todo o disco rígido.

04 de 07

O ícone do plug-in aparece na página

O Dreamweaver mostra o arquivo de som incorporado como um ícone de plug-in no modo Design. Isso é o que os clientes que não têm o plug-in apropriado verão.

05 de 07

Selecione o ícone e ajuste os atributos

Quando você seleciona o ícone do plugin, a janela Propriedades mudará para as propriedades do plugin. Você pode ajustar o tamanho (largura e altura) que será exibido na página, alinhamento, classe CSS, espaço vertical e horizontal ao redor do objeto (espaço v e espaço h) e a borda. Bem como o URL do plug-in. Eu geralmente deixo todas essas opções em branco ou padrão, porque a maioria delas pode ser definida com CSS.

06 de 07

Adicione dois parâmetros

Existem muitos parâmetros que você pode adicionar à tag embed (os vários atributos), mas há dois que você deve sempre adicionar aos arquivos de som:

  • Reprodução automáticaIsso informa ao navegador da Web se o som deve iniciar imediatamente após o carregamento (normalmente logo após o carregamento da página) ou aguardar a solicitação para reprodução. A maioria das pessoas fica incomodada com sites que têm o som definido como autoplay = true.
  • controladorIsso fornece ao seu cliente uma maneira de controlar o arquivo de som - desligando-o ou reproduzindo-o desde o início e assim por diante. Se você tiver autoplay definido como false, precisará de um controlador para que o som possa ser iniciado (ou uma função JavaScript para ativá-lo).
07 de 07

Veja a fonte

Se você está curioso para saber como o Dreamweaver instala seu arquivo de som, veja a fonte na visualização de código. Lá você verá a tag embed com seus parâmetros definidos como atributos. Lembre-se de que a tag embed não é uma tag HTML ou XHTML válida, portanto, sua página não será validada se você a usar. Mas como a maioria dos navegadores não suporta a tag de objeto, isso é melhor que nada.