SlideShare a Scribd company logo
1 of 17
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
PARA REALIZAR LA PAGINA WEB EMPLEAMOS UNA GRAN
BARIEDAD DE TAGS LOS CUALES AL FINAL SE BAN
EJECUTANDO
z
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
DEWSPUES DE APLICAR UNA GRAN BARIEDAD DE TAGS MI
PAGINA WEB AL EJECUTARLA ME QUEDA ASI
TITULO
TEXTO
TITULOS Y TEXTOS EN CONJUNTO
IMAGEN
IMAGEN
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
</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
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"/>
</video>
</aside>
DE TAL MANERA QUE EN LE
PROGRAMA DE NOTEPAD ++ NOS
DEBE DE QUEDAR ASI
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>
<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
DESPUES DE APLICAR LOS
DOS TAGS DE AUDIO Y DE
VIDEO LA PAGINA ALA
EJECUTARLA ME QUEDA SI
Pagina de audio y video
Pagina de audio y video
Pagina de audio y video

More Related Content

What's hot

Pasos para hacer video en movie maker
Pasos para hacer  video en movie makerPasos para hacer  video en movie maker
Pasos para hacer video en movie makerdanifanthon
 
Paso a paso – tutorial de picasa
Paso a paso – tutorial de picasaPaso a paso – tutorial de picasa
Paso a paso – tutorial de picasaAdriana Gimenez
 
Tutorial Descargar Videos De Youtube Con Youtube Downloader Hd
Tutorial Descargar Videos De Youtube Con Youtube Downloader HdTutorial Descargar Videos De Youtube Con Youtube Downloader Hd
Tutorial Descargar Videos De Youtube Con Youtube Downloader HdGonzalo Barral
 
Los 10 software libres copias dos
Los 10 software libres copias dosLos 10 software libres copias dos
Los 10 software libres copias doswmuzha
 
Incrustar Video Youtube Embebido En Powerpoint
Incrustar Video Youtube Embebido En PowerpointIncrustar Video Youtube Embebido En Powerpoint
Incrustar Video Youtube Embebido En PowerpointAvelino Ga Ma
 
Como descargar música y videos de internet.
Como descargar música y videos de internet.Como descargar música y videos de internet.
Como descargar música y videos de internet.joel99barragan
 
Como insertar música de fondo a un blog
Como insertar música de fondo a un blogComo insertar música de fondo a un blog
Como insertar música de fondo a un blogTecnoeduc507
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmorajeonvaleria
 
Como usar windows movie maker
Como usar windows movie makerComo usar windows movie maker
Como usar windows movie makeralancoral
 
Manual para descargar videos de youtube
Manual para descargar videos de youtubeManual para descargar videos de youtube
Manual para descargar videos de youtubeDaNy DuUu....!¡!¡
 
Cómo hacer una presentación en prezi
Cómo hacer una presentación en preziCómo hacer una presentación en prezi
Cómo hacer una presentación en preziDiana Cuevas
 
Windows movie maker
Windows movie makerWindows movie maker
Windows movie makerjorge1231010
 
Construyendo un video con movie maker
Construyendo un video con movie makerConstruyendo un video con movie maker
Construyendo un video con movie makerHenry Zapata Palomino
 
Publicar presentaciones-Santiago Alpusig
Publicar presentaciones-Santiago AlpusigPublicar presentaciones-Santiago Alpusig
Publicar presentaciones-Santiago AlpusigFer Rondal
 
Clienteftp w7
Clienteftp w7Clienteftp w7
Clienteftp w7misony25
 

What's hot (20)

Pasos para hacer video en movie maker
Pasos para hacer  video en movie makerPasos para hacer  video en movie maker
Pasos para hacer video en movie maker
 
Spark video
Spark videoSpark video
Spark video
 
Paso a paso – tutorial de picasa
Paso a paso – tutorial de picasaPaso a paso – tutorial de picasa
Paso a paso – tutorial de picasa
 
Tutorial Descargar Videos De Youtube Con Youtube Downloader Hd
Tutorial Descargar Videos De Youtube Con Youtube Downloader HdTutorial Descargar Videos De Youtube Con Youtube Downloader Hd
Tutorial Descargar Videos De Youtube Con Youtube Downloader Hd
 
Los 10 software libres copias dos
Los 10 software libres copias dosLos 10 software libres copias dos
Los 10 software libres copias dos
 
Incrustar Video Youtube Embebido En Powerpoint
Incrustar Video Youtube Embebido En PowerpointIncrustar Video Youtube Embebido En Powerpoint
Incrustar Video Youtube Embebido En Powerpoint
 
Como descargar música y videos de internet.
Como descargar música y videos de internet.Como descargar música y videos de internet.
Como descargar música y videos de internet.
 
Instalación rebeca
Instalación rebecaInstalación rebeca
Instalación rebeca
 
Como insertar música de fondo a un blog
Como insertar música de fondo a un blogComo insertar música de fondo a un blog
Como insertar música de fondo a un blog
 
Como editar videos con filmora
Como editar videos con filmoraComo editar videos con filmora
Como editar videos con filmora
 
Como usar windows movie maker
Como usar windows movie makerComo usar windows movie maker
Como usar windows movie maker
 
Manual para descargar videos de youtube
Manual para descargar videos de youtubeManual para descargar videos de youtube
Manual para descargar videos de youtube
 
Maker
MakerMaker
Maker
 
Cómo hacer una presentación en prezi
Cómo hacer una presentación en preziCómo hacer una presentación en prezi
Cómo hacer una presentación en prezi
 
Windows movie maker
Windows movie makerWindows movie maker
Windows movie maker
 
Diapositivas software
Diapositivas softwareDiapositivas software
Diapositivas software
 
Construyendo un video con movie maker
Construyendo un video con movie makerConstruyendo un video con movie maker
Construyendo un video con movie maker
 
Manual1videos
Manual1videosManual1videos
Manual1videos
 
Publicar presentaciones-Santiago Alpusig
Publicar presentaciones-Santiago AlpusigPublicar presentaciones-Santiago Alpusig
Publicar presentaciones-Santiago Alpusig
 
Clienteftp w7
Clienteftp w7Clienteftp w7
Clienteftp w7
 

Similar to Pagina de audio y video

3° pagina web audio y video
3° pagina web audio y video3° pagina web audio y video
3° pagina web audio y videohjxbfajds
 
Clase dos (02) de diseño de paginas web
Clase dos (02) de diseño de paginas webClase dos (02) de diseño de paginas web
Clase dos (02) de diseño de paginas webEdson Solórzano
 
Expo Herramientas Digitales (Audio,Imagenes Y Videos )
Expo Herramientas Digitales (Audio,Imagenes  Y Videos )Expo Herramientas Digitales (Audio,Imagenes  Y Videos )
Expo Herramientas Digitales (Audio,Imagenes Y Videos )guest4b4616
 
Mp3 Google
Mp3 GoogleMp3 Google
Mp3 GoogleINFOD
 
Pasos para hacer un video en movie maker
Pasos para hacer un video en movie makerPasos para hacer un video en movie maker
Pasos para hacer un video en movie makerdanifanthon
 
Construcción de una pagina web con html
Construcción de una pagina web con htmlConstrucción de una pagina web con html
Construcción de una pagina web con htmlLic. Oney Begambre
 
Como Hacer Un Blog
Como Hacer Un BlogComo Hacer Un Blog
Como Hacer Un Bloggloriasilva
 
Exposicion Equipo 2 Creacion De Un Blog 27 08 09
Exposicion Equipo 2  Creacion De Un Blog 27 08 09Exposicion Equipo 2  Creacion De Un Blog 27 08 09
Exposicion Equipo 2 Creacion De Un Blog 27 08 09Gerardo Esquer
 
Optimizar tus videos para posicionar tu web
Optimizar tus videos para posicionar tu webOptimizar tus videos para posicionar tu web
Optimizar tus videos para posicionar tu webSeoCanarias
 
SUBIR PAGINA A LA WEB
SUBIR PAGINA A LA WEBSUBIR PAGINA A LA WEB
SUBIR PAGINA A LA WEBParChe Esa Es
 
Instructivo para bajar videos de YouTube
Instructivo para bajar videos de YouTubeInstructivo para bajar videos de YouTube
Instructivo para bajar videos de YouTubeNicolas Marcone
 

Similar to Pagina de audio y video (20)

Poagina html5
Poagina html5Poagina html5
Poagina html5
 
3° pagina web audio y video
3° pagina web audio y video3° pagina web audio y video
3° pagina web audio y video
 
Pagina web audio y video
Pagina web audio y videoPagina web audio y video
Pagina web audio y video
 
Clase dos (02) de diseño de paginas web
Clase dos (02) de diseño de paginas webClase dos (02) de diseño de paginas web
Clase dos (02) de diseño de paginas web
 
Expo Herramientas Digitales (Audio,Imagenes Y Videos )
Expo Herramientas Digitales (Audio,Imagenes  Y Videos )Expo Herramientas Digitales (Audio,Imagenes  Y Videos )
Expo Herramientas Digitales (Audio,Imagenes Y Videos )
 
Mp3 Google
Mp3 GoogleMp3 Google
Mp3 Google
 
Pasos para hacer un video en movie maker
Pasos para hacer un video en movie makerPasos para hacer un video en movie maker
Pasos para hacer un video en movie maker
 
Construcción de una pagina web con html
Construcción de una pagina web con htmlConstrucción de una pagina web con html
Construcción de una pagina web con html
 
Como Hacer Un Blog
Como Hacer Un BlogComo Hacer Un Blog
Como Hacer Un Blog
 
Exposicion Equipo 2 Creacion De Un Blog 27 08 09
Exposicion Equipo 2  Creacion De Un Blog 27 08 09Exposicion Equipo 2  Creacion De Un Blog 27 08 09
Exposicion Equipo 2 Creacion De Un Blog 27 08 09
 
Optimizar tus videos para posicionar tu web
Optimizar tus videos para posicionar tu webOptimizar tus videos para posicionar tu web
Optimizar tus videos para posicionar tu web
 
Taller word
Taller wordTaller word
Taller word
 
Taller word
Taller wordTaller word
Taller word
 
Audio y video
Audio y videoAudio y video
Audio y video
 
SUBIR PAGINA A LA WEB
SUBIR PAGINA A LA WEBSUBIR PAGINA A LA WEB
SUBIR PAGINA A LA WEB
 
Instructivo para bajar videos de YouTube
Instructivo para bajar videos de YouTubeInstructivo para bajar videos de YouTube
Instructivo para bajar videos de YouTube
 
Ver videos en paginas
Ver videos en paginasVer videos en paginas
Ver videos en paginas
 
Landing Page Corporativa con WordPress
Landing Page Corporativa con WordPressLanding Page Corporativa con WordPress
Landing Page Corporativa con WordPress
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3 apps
Unidad 3 appsUnidad 3 apps
Unidad 3 apps
 

Pagina de audio y video

  • 1.
  • 2. 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
  • 3. PARA REALIZAR LA PAGINA WEB EMPLEAMOS UNA GRAN BARIEDAD DE TAGS LOS CUALES AL FINAL SE BAN EJECUTANDO z
  • 4. 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
  • 5. DEWSPUES DE APLICAR UNA GRAN BARIEDAD DE TAGS MI PAGINA WEB AL EJECUTARLA ME QUEDA ASI TITULO TEXTO TITULOS Y TEXTOS EN CONJUNTO IMAGEN
  • 7.
  • 8. 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 </TITLE> Final del título <BODY> Me sirve para Inicio de la página </BODY> Me sirve para el final de la página
  • 9. <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
  • 10. 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"/>
  • 11. </video> </aside> DE TAL MANERA QUE EN LE PROGRAMA DE NOTEPAD ++ NOS DEBE DE QUEDAR ASI
  • 12. 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> <audio controls= "controls" src="musica/Song By Four - A Puro Dolor.mp3">
  • 13. 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
  • 14. DESPUES DE APLICAR LOS DOS TAGS DE AUDIO Y DE VIDEO LA PAGINA ALA EJECUTARLA ME QUEDA SI