SlideShare una empresa de Scribd logo
GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Eliseth Villamarin SEMESTRE: Tercero
PARALELO: C PRÁCTICA: #1
TEMA:
HTML5
OBJETIVO:
Conceptualizar definiciones y terminologías del lenguaje de marcas de hipertexto,
con autonomía.
RESULTADOS DE APRENDIZAJE
Comprensión de la plataforma HTML5
Distinción de los diversos códigos que se puede utilizar para crear páginas web
Correcto uso de terminología
ACTIVIDADES:
Descargar HTML5
Ejercicios de comandos de encabezado,
Construir el cuerpo de una página web.
Utilizar los diferentes formatos de texto
DESARROLLO DE CONTENIDOS
1. Descargar Visual Studio Code
2. Entrar en la página oficial y elegir la opción para Windows
3. Instalar el programa
3.Instalar el programa
4. Crear New File
5. Elegimos la opción SAVE AS para ponerle nombre a nuestra página
6. Comenzamos a construir la estructura de nuestra página, poniendo:
<html> </html>
<head> </head>
<meta charset= “UTF-8”>
<tittle> Mi primera página
</tittle>
8. Utilizar el botón para mandar a correr el programa
9. Creamos un NEW FILE
10. Elegimos SAVE AS para asignarle un nombre a nuestra página.
11. Construimos la página web, para que contenga encabezado y el cuerpo con
diferentes tamaños de letras con los siguientes códigos:
12. Utilizar el botón para mandar a correr el programa
13. Crear New File
14. Elegimos la opción SAVE AS para ponerle nombre a nuestra página
15. Construimos la página web con un encabeza, cuerpo yu los diferentes
códigos para las fuentes correspondientes:
f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
16. Utilizar el botón para mandar a correr el programa
BIBLIOGRAFÍA:
HTML5(s.f.). “HTML5”. HTML 5.pdf
“Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf
“Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)

Más contenido relacionado

La actualidad más candente

Presentación hoy
Presentación hoyPresentación hoy
Presentación hoy
miguelttovar
 
Presentación hoy
Presentación hoyPresentación hoy
Presentación hoy
miguelttovar
 
Presentación1
Presentación1Presentación1
Presentación1
orbelinaortiz
 
WIX
WIXWIX
pagina web II
pagina web IIpagina web II
pagina web II
scriftogame
 
Indicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básicaIndicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básica
LENINMATEO1
 
Composer...
Composer...Composer...
Composer...
guest9daf9888
 
Google chrome
Google chromeGoogle chrome
Google chrome
MANUEL ELIAS RAMIREZ
 
Google chrome.
Google chrome.Google chrome.
Google chrome.
MANUEL ELIAS RAMIREZ
 
Firefox a grandes rasgos
Firefox a grandes rasgosFirefox a grandes rasgos
Firefox a grandes rasgosUdem
 
Google Chrome
Google ChromeGoogle Chrome
Google ChromeArianny
 
Visual Web Developer
Visual Web DeveloperVisual Web Developer
Visual Web Developer
colegio guadalajara
 

La actualidad más candente (17)

28 You Tube
28 You Tube28 You Tube
28 You Tube
 
Presentación hoy
Presentación hoyPresentación hoy
Presentación hoy
 
Presentación hoy
Presentación hoyPresentación hoy
Presentación hoy
 
Presentación1
Presentación1Presentación1
Presentación1
 
SLIDESHARE
SLIDESHARESLIDESHARE
SLIDESHARE
 
WIX
WIXWIX
WIX
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
pagina web II
pagina web IIpagina web II
pagina web II
 
Indicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básicaIndicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básica
 
Composer...
Composer...Composer...
Composer...
 
Google chrome
Google chromeGoogle chrome
Google chrome
 
Google chrome.
Google chrome.Google chrome.
Google chrome.
 
Firefox a grandes rasgos
Firefox a grandes rasgosFirefox a grandes rasgos
Firefox a grandes rasgos
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Google Chrome
Google ChromeGoogle Chrome
Google Chrome
 
Visual Web Developer
Visual Web DeveloperVisual Web Developer
Visual Web Developer
 
Blogger
BloggerBlogger
Blogger
 

Similar a Informe1

Informe5
Informe5Informe5
Informe5
BelenRosales12
 
I1 u1
I1 u1I1 u1
Html Práctica
Html PrácticaHtml Práctica
Html Práctica
kenethone
 
Html 5
Html 5Html 5
Html 5
Alis23508
 
Capítulo 18
Capítulo 18Capítulo 18
Capítulo 18
BelenRosales12
 
Capítulo 17
Capítulo 17Capítulo 17
Capítulo 17
BelenRosales12
 
Karen jacome
Karen jacomeKaren jacome
Karen jacome
MauricioPumalpa
 
Informe4
Informe4Informe4
Informe4
BelenRosales12
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniter
andrewzg
 
Trabajo practico nº 1.
Trabajo practico nº 1.Trabajo practico nº 1.
Trabajo practico nº 1.Meliperez
 
Informes final
Informes finalInformes final
Informes final
MauricioPumalpa
 
Informe3
Informe3Informe3
Informe3
BelenRosales12
 
Tp3 jorge
Tp3 jorgeTp3 jorge
Tp3 jorgecokoghi
 
CodeIgniter
CodeIgniterCodeIgniter
CodeIgniter
Anayely Priincess
 
Jefferson cuenca practica#9
Jefferson cuenca practica#9Jefferson cuenca practica#9
Jefferson cuenca practica#9
paulcuenca9
 

Similar a Informe1 (20)

Informe5
Informe5Informe5
Informe5
 
I1 u1
I1 u1I1 u1
I1 u1
 
I1 u1
I1 u1I1 u1
I1 u1
 
Html Práctica
Html PrácticaHtml Práctica
Html Práctica
 
Html 5
Html 5Html 5
Html 5
 
Capítulo 18
Capítulo 18Capítulo 18
Capítulo 18
 
Capítulo 17
Capítulo 17Capítulo 17
Capítulo 17
 
Karen jacome
Karen jacomeKaren jacome
Karen jacome
 
Informe4
Informe4Informe4
Informe4
 
Gestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniterGestionar mis proyectos con ayuda de CodeIgniter
Gestionar mis proyectos con ayuda de CodeIgniter
 
Mariano
MarianoMariano
Mariano
 
Trabajo practico nº 1.
Trabajo practico nº 1.Trabajo practico nº 1.
Trabajo practico nº 1.
 
Informes final
Informes finalInformes final
Informes final
 
9
99
9
 
Informe3
Informe3Informe3
Informe3
 
In 9
In 9In 9
In 9
 
Tp3 jorge
Tp3 jorgeTp3 jorge
Tp3 jorge
 
CodeIgniter
CodeIgniterCodeIgniter
CodeIgniter
 
Jefferson cuenca practica#9
Jefferson cuenca practica#9Jefferson cuenca practica#9
Jefferson cuenca practica#9
 
Tb nº1 info 2012
Tb nº1 info 2012Tb nº1 info 2012
Tb nº1 info 2012
 

Más de BelenRosales12

3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
BelenRosales12
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
BelenRosales12
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
BelenRosales12
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
BelenRosales12
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
BelenRosales12
 
Vectores
VectoresVectores
Vectores
BelenRosales12
 
Informe15
Informe15Informe15
Informe15
BelenRosales12
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
BelenRosales12
 
Bucle for
Bucle forBucle for
Bucle for
BelenRosales12
 
Bucle while
Bucle whileBucle while
Bucle while
BelenRosales12
 
Chatbox
ChatboxChatbox
Informe15
Informe15Informe15
Informe15
BelenRosales12
 
Bucle while
Bucle whileBucle while
Bucle while
BelenRosales12
 
Informe14
Informe14Informe14
Informe14
BelenRosales12
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
BelenRosales12
 
Informe13
Informe13Informe13
Informe13
BelenRosales12
 
Informe12
Informe12Informe12
Informe12
BelenRosales12
 
Informe11
Informe11Informe11
Informe11
BelenRosales12
 
Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
BelenRosales12
 

Más de BelenRosales12 (20)

3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Final
FinalFinal
Final
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Vectores
VectoresVectores
Vectores
 
Informe15
Informe15Informe15
Informe15
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for
Bucle forBucle for
Bucle for
 
Bucle while
Bucle whileBucle while
Bucle while
 
Chatbox
ChatboxChatbox
Chatbox
 
Informe15
Informe15Informe15
Informe15
 
Bucle while
Bucle whileBucle while
Bucle while
 
Informe14
Informe14Informe14
Informe14
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
 
Informe13
Informe13Informe13
Informe13
 
Informe12
Informe12Informe12
Informe12
 
Informe11
Informe11Informe11
Informe11
 
Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
 

Último

Escaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipoEscaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipo
nicromante2000
 
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdfIntroducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
AbbieDominguezGirond
 
Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
Ecaresoft Inc.
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
SamuelGampley
 
Maquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdfMaquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdf
juanjosebarreiro704
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
juanorejuela499
 

Último (6)

Escaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipoEscaneo y eliminación de malware en el equipo
Escaneo y eliminación de malware en el equipo
 
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdfIntroducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
Introducción_a_las_APIs_y_Desarrollo_Back-end-Abbie Dominguez Girondo.pdf
 
Caso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La SalleCaso de exito Cirrus - Hospital La Salle
Caso de exito Cirrus - Hospital La Salle
 
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJECONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
CONCEPTOS DE PROGRAMACION CUALQUIER LENGUAJE
 
Maquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdfMaquina de Dibujo y Escritura Automática.pdf
Maquina de Dibujo y Escritura Automática.pdf
 
PitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitalesPitchCollabART uniendo talentos, creando maravillas digitales
PitchCollabART uniendo talentos, creando maravillas digitales
 

Informe1

  • 1. GUÍA DE USO DE LABORATORIOS ESTUDIANTE: Eliseth Villamarin SEMESTRE: Tercero PARALELO: C PRÁCTICA: #1 TEMA: HTML5 OBJETIVO: Conceptualizar definiciones y terminologías del lenguaje de marcas de hipertexto, con autonomía. RESULTADOS DE APRENDIZAJE Comprensión de la plataforma HTML5 Distinción de los diversos códigos que se puede utilizar para crear páginas web Correcto uso de terminología ACTIVIDADES: Descargar HTML5 Ejercicios de comandos de encabezado, Construir el cuerpo de una página web. Utilizar los diferentes formatos de texto DESARROLLO DE CONTENIDOS 1. Descargar Visual Studio Code 2. Entrar en la página oficial y elegir la opción para Windows 3. Instalar el programa
  • 3. 4. Crear New File 5. Elegimos la opción SAVE AS para ponerle nombre a nuestra página
  • 4. 6. Comenzamos a construir la estructura de nuestra página, poniendo: <html> </html> <head> </head> <meta charset= “UTF-8”> <tittle> Mi primera página </tittle>
  • 5. 8. Utilizar el botón para mandar a correr el programa 9. Creamos un NEW FILE
  • 6. 10. Elegimos SAVE AS para asignarle un nombre a nuestra página.
  • 7. 11. Construimos la página web, para que contenga encabezado y el cuerpo con diferentes tamaños de letras con los siguientes códigos: 12. Utilizar el botón para mandar a correr el programa
  • 8. 13. Crear New File 14. Elegimos la opción SAVE AS para ponerle nombre a nuestra página
  • 9. 15. Construimos la página web con un encabeza, cuerpo yu los diferentes códigos para las fuentes correspondientes:
  • 10. f.) ______________________ f.) __________________ MSc. Víctor Zapata ESTUDIANTE DOCENTE 16. Utilizar el botón para mandar a correr el programa BIBLIOGRAFÍA: HTML5(s.f.). “HTML5”. HTML 5.pdf “Como crear un archivo HTML”. (s.f.).CREAR ARCHIVO HTML.pdf “Editores de Código”. (s.f.). Editores de Código.pdf (uce.edu.ec)