Descargar para leer sin conexión
Más contenido relacionado
![Diseña tu propio sitio web [autoguardado]](https://cdn.slidesharecdn.com/ss_thumbnails/diseatupropiositiowebautoguardado-121124192931-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
I4
- 1. INFORME ESTUDIANETE: KAREN TROYASEMESTRE: TERCERO PARALELO: C PRÁCTICA: 4 TEMA: Personalizar nuestra página web introduciendo imágenes, audio y video. OBJETIVO: -Conocer las distintas etiquetas para subir una imagen, un audio y un video dentro del entorno visual studio code RESULTADOS DE APRENDIZAJE -Comprensión de la aplicación Visual Studio Code. -Uso correcto y aplicación para personalizar a una página web con imágenes audios y videos. -Aprender el uso de los códigos para crear la página web. ACTIVIDADES: -Realizar tres ejercicios donde se cree una página web y el primer paso sea subir una imagen, seguido tenemos que subir un audio y por ultimo un video en la misma página. DESARROLLO DE CONTENIDOS 1. Ingresamos a Visual Studio Code y creamos nuestro ejercicio y para ello debemos ingresar a file y new file. UNIVERSIDAD CENTRAL DEL ECUADOR FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES DE LA INFORMÁTICA
- 2. 2. Para guardarnuestro ejercicio debemos irnos hasta Save As donde Nos llevara a una carpeta y le daremos el nombre con el que mejor le identifiquemos. 3. Para poder guardar nuestra página de manera correcta debemos seleccionar HTML en tipo y guardar.
- 3. 4. Una vezguardado el ejercicio podemos empezar a trabajar en nuestra página web personalizada donde ingresaremos IMG e inmediatamente nos aparecerá un código donde lo seleccionaremos para ingresar ya sea el link de la imagen o descarga que este en la misma carpeta. 8.- Para ingresar el audio descargamos desde google el que más se acomode a nuestra página e ingresamos el código para el audio 9. Para seguir realizando nuestra página web ingresamos por ultimo un video descargándole de igual manera desde nuestro navegador y guardándolo en la misma carpeta donde realizamos nuestro programa para que así se pueda visualizar de manera correcta.
- 4. 10. Para finalizarle damos control S y así se ejecutara nuestra página nos vamos hasta donde la abrimos y se visualiza de esta manera 11.- Por último, dejare la línea de código de como realice la página en el visual studio code: <html> <head> <title>Imagen</title> </head> <bOdy> <IMG ALINGN=LEFT SRC="https://cdn.computerhoy.com/sites/navi.axelspring er.es/public/styles/480/public/media/image/2019/03/lenguajes_programaci on_odiados_amados_2019.jpg?itok=N85E5HTT"> <audio controls> <source src="C:UsersUsuarioDownloadsmario- bros vida.mp3" type="audio/mp3"> Tu navegador no soporta audio HTML5. </audio> <video src="C:UsersUsuarioDownloadsGatos Graciosos - Videos de Risa de Gatos Chistosos #164.mp4" width="640" height="360" controls ></video> <body> <html>