docSites com música - Instituto Siegen
download 
Denúncia Transcrição
Sites com música - Instituto Siegen
Prof. Erwin Alexander Uhlmann 1/7/2010 AULA 6 Sites com música Para os sites terem música podemos criar um arquivo flash que tocará o som desejado ou então utilizarmos alguns recursos o do próprio Dreamweaver. O 1º passo é ter a música desejada, depois no Dreamweaver, você deve criar a página inicial (index) em frameset. Crie um frameset, por exemplo, main e bottom e na parte bottom você irá colocar a música utilizando um plugin ou active-x. Na parte bottom, escolha o local desejado onde o active-x (como demonstrado aqui) e na aba common clique no botão active-x na barra de ferramentas superior, ou em: Menu Insert > Media > ActiveX ou Barra Insert > Commom > Media > ActiveX. Uma janela se abrirá para que você escolha a música desejada. Na barra Properties, insira em ClassID: CLSID:22d6f312-b0f6-11d0-94ab0080c74c7e95 Em ID: mediaPlayer Em Base: http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#V ersion=5,1,52,701; Clique em Parameters e escreva em cada linha: *********************** *FileName / musica.mp3* *autoStart / true * *showControles / false* *showDisplay / false * *********************** Marque a opção Embed. Instituto Siegen Universidade Guarulhos47 © Prof. Erwin Alexander Uhlmann 1/7/2010 E sem o Dreamweaver? <object classid="controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701;" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm p2inf.cab#Version=5,1,52,701;" width="32" height="32" id="mediaPlayer" accesskey="p" tabindex="1" title="musica"> <param name="FileName" value="09 Midnight.mp3" /> <param name="autoStart" value="true" /> <param name="showControls" value="false" /> <param name="showDisplay" value="false" /> <embed src="09 Midnight.mp3" width="32" height="32" autostart="true" filename="09 Midnight.mp3" showcontrols="false" showdisplay="false"></embed> </object> Legal!!! Funciona!!! Mas e se eu quiser navegar e a música ficar rolando de fundo? Existem diversas soluções, aqui vamos elaborar um sistema com Framesets. Frames O Frame é um sistema antigo do HTML que cria molduras no site, como se fosse uma ou mais páginas na mesma janela. Exemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jogo</title> </head> <!-- Crie o frame --> <frameset rows="10%,90%" cols="*" border="0"> <!-- Veja no frame da esquerda com tamanho 0, pertence ao som.html. Informe as páginas --> <frame src="som.html" /> <frame src="jogo_visivel.html" name="principal" /> <!-- Encerre o frame --> </frameset> </html> Instituto Siegen Universidade Guarulhos48 ©
