SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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 (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 (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 (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
 

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)