Pagina de audio y video

18

Transcript of Pagina de audio y video

Page 1: Pagina de audio y video
Page 2: Pagina de audio y video

PARA CREAR UNA PAGINA WEB LO PRIMERO QUE HACEMOS ES ABRIE NOTEPAD++

AL AL DAR CLIUC EN ESTE PROGRAMA DEINMEDIATO ME HABRE UNA VENTANA

EMPEZAMOS TECLEANDO <! DOCTYPE HTML> PARA EMPEZAR NUESTRA PAGINA WEB

Page 3: Pagina de audio y video

PARA REALIZAR LA PAGINA WEB EMPLEAMOS UNA GRAN BARIEDAD DE TAGS LOS CUALES AL FINAL SE

BAN EJECUTANDO

z

Page 4: Pagina de audio y video

DESPÚES DE APLICAR LOS TAGS LA EJECUTO PARA EJECUTARLA DOY CLIC EN LA OPCION RUN Y LUEGO

TOMO LA OPCION LAUNCH IN CHROME U CUALQUIER OTRO NAVEGADOR QUE DESEE

AL DAR CLIC EN LA OPCION LAUNCH IN CHROME DE INMEDIATO ME EJECUTA LA PAGINA

Page 5: Pagina de audio y video

DEWSPUES DE APLICAR UNA GRAN BARIEDAD DE TAGS MI PAGINA WEB AL EJECUTARLA ME QUEDA ASI

TITULO

TEXTO

TITULOS Y TEXTOS EN CONJUNTO

IMAGEN

Page 6: Pagina de audio y video

IMAGEN

Page 7: Pagina de audio y video

LOS TAGS QUE LE APLIQUE AMI PAGINA FUERON LOS SIGUIENTES

<HTML>

Me sirve para el inicio del documento

</HTML>

Me sirve para el finalizar del documento

<HEAD>

Me sirve para Inicio de la cabecera

</HEAD>

Me sirve para Final de la cabecera

<TITLE>

Me sirve para Inicio del título del título de la págin

Page 8: Pagina de audio y video

</TITLE> 

Final del título

<BODY>

Me sirve para  Inicio de la página

</BODY>

Me sirve para el final de la página

<VIDEO>

Me sirve para iniciar e implementar el video

</VIDEO>

Me sirve para finalizar el video

<AUDIO>

Me sirve para implementar el sonido que dese o a mi pagina web

</AUDIO>

Me sirve para finalizar el sonido que ya le aplique a mi página web

Page 9: Pagina de audio y video

PARA QUE FUNCIONEN ESTOS TAGS DEBEMOS DE

COMPLEMENTARLOS ASÍ

<aside id="derecha">

<p> ESTE PARRAFO IRA EN LA PARTE DERECHA DE NUESTRA PAGINA WEB</p>

<video widh="500"height="300"controls="controls"proload="proload">

<source src="PULCINO_PIO_-_El_Pollito_Pio.mp4"/>

Page 10: Pagina de audio y video

</video>

</aside>

DE TAL MANERA QUE EN LE PROGRAMA DE NOTEPAD ++ NOS

DEBE DE QUEDAR ASI

Page 11: Pagina de audio y video

PARA QUE FUNCIONEN ESTOS TAGS DEBEMOS DE

COMPLEMENTARLOS ASÍ

<aside id="izquierda">

<p> ESTE PARRAFO IRA EN LA PARTE IZQUIERDA DE NUESTRA PAGINA WEB</p>

Page 12: Pagina de audio y video

<audio controls= "controls" src="musica/Song By Four - A Puro Dolor.mp3">

SI SU MAVEGADOR NO ABEDESE AL CONTROLADOR DE AUDIO BAJA UN NUEVO

</audio>

</aside>

DE TAL MANERA QUE EN LE PROGRAMA DE NOTEPAD ++ NOS

DEBE DE QUEDAR ASI

Page 13: Pagina de audio y video

DESPUES DE APLICAR LOS DOS TAGS DE

Page 14: Pagina de audio y video

AUDIO Y DE VIDEO LA PAGINA ALA

EJECUTARLA ME QUEDA SI

Page 15: Pagina de audio y video