#YoPuedoProgramar mi página web - Discovery en la Escuela · Utilizamos un editor de Código para...
32
#YoPuedoProgramar mi página web
Transcript of #YoPuedoProgramar mi página web - Discovery en la Escuela · Utilizamos un editor de Código para...
#YoPuedoProgramar mi página web
YoPuedoProgramar
Inicio: 4:00 p.m. tiempo del este de los EEUU.
Grabación y láminas: disponibles en discoveryenlaescuela.com bajo “Webinar” en formato PDF.
Registro: para participar en vivo y/o para tener acceso a las láminas y a la grabación
Sobre este Webinar
YoPuedoProgramar
Espacio del Chat: preguntas técnicas y sobre el seminario. Enviarlas a: “Quaxar Team”.
Participación: sin sonido“Levante la mano” para indicar que nos escucha bien.
Respuestas: al mayor número de preguntas posible al terminar la presentación.
Encuesta: Invitación a participar de la encuesta sobre el contenido de este Webinar al finalizar la presentación.
Sobre este Webinar
YoPuedoProgramar
México: 9:00 amColombia y Panamá: 8:48 amArgentina: 8:54 amVenezuela es 7:54 am Brasil: 5:53 amCentro América: 7:48 am
El resto de los países se rigen por el horario de México, Argentina y Colombia respectivamente.
Horario de Transmisión de la serie DEE
YoPuedoProgramar
México: 9:00 amColombia y Panamá: 8:48 amArgentina: 8:54 amVenezuela es 7:54 am Brasil: 5:53 amCentro América: 7:48 am
El resto de los países se rigen por el horario de México, Argentina y Colombia respectivamente.
Horario de Transmisión de la serie DEE
YoPuedoProgramar
Discovery en la Escuela celebra su vigésimo aniversario
#SoyDiscoveryEnLaEscuela
www.discoveryenlaescuela.com
Facebook.com/discoveryenlaescuela
Twitter: @Discoveryesc
Instagram: discoveryenlaescuela
Redes Sociales Discovery en la Escuela
YoPuedoProgramar
Maria Teresa VelascoGerente, Educación & Relaciones Institucionales
Oficina. +1.786.273.4133 Móvil: +1.305.205.1316
Contacto Discovery
YoPuedoProgramar
Oscar OrtegaCoordinador Regional de Tecnología para el Impacto Social, Microsoft Philanthropies
www.yopuedoprogramar.com
Contacto Microsoft
#YoPuedoProgramar
#YoPuedoProgramar
mi primera página web
Webinar
Agenda
Introducción a HTML
Editores de código
Elementos y atributos HTML
Introducción a CSS
Código en nuestra webYoPuedoProgramar
YoPuedoProgramar
Empoderar a todas las personas y las organizaciones del mundo a lograr mas.
Misión de Microsoft
YoPuedoProgramar
#1 Habilidades digitales
#2 Tecnología para el
impacto social
Conectar los beneficios de la tecnología para crear un futuro para todos
YoPuedoProgramar
• ¿Qué es programar?
• ¿Por qué debo aprender a programar?
YoPuedoProgramar
¿Dónde empezar?
www.yopuedoprogramar.com
Introducción a HTML
¿Qué es HTML?
- HTML – HyperText Markup Language
- Lenguaje- Permite construir sitios- Fácil de aprender- Sólo se necesita un navegador
para ver nuestras páginas
¿Cómo funciona?
Estructura de una página web
Las páginas web tienen un
“esqueleto” compuesto por:
✓Párrafos
✓ Imágenes
✓Botones
✓Vínculos
✓Contenedores
<HTML>
• HTML
• HTML describe la estructura de las páginas
web.
• Los elementos HTML estan representados
por etiquetas.
• Los navegadores no muestras las etiquetas
HTML, sino que las usan para “dibujar” dicho
contenido en las páginas.
• Etiquetas
• Las etiquetas HTML son palabras claves
envueltas por “<“ y “>”
• <etiqueta> contenido...</etiqueta>
Primer ejemplo
<html><head>
<title>Mi first page</title></head><body>
<p><h1>Hello World</h1><a
href=“http://www.yopuedoprogramar.com” >A link toOutlook</a>
</p><p>Welcome to Microsoft</p>
</body></html>
Editores de Código
Editores de Código
Utilizamos un editor de Código para
facilitar la programación.
Un editor puede dar sugerencias en la
sintaxis y etiquetas de html
También nos ayuda a organizar el
Código a partir de códigos de colores
Editores de Código
Visual Studio Code
- Gratuito
- Compatible con Windows, Linux y
Mac
Es posible descargar de:
https://code.visualstudio.com/
Elementos y atributos HTML
Elementos y atributos HTML
Etiquetas de texto• Títulos
• Párrafos
Etiquetasavanzadas• Imágenes
• Hipervínculos
• Listas
Etiquetas de HEAD• Título de la página
• Descripción
Introducción a CSS
Introducción a CSS
Selectoresph1
Propiedadescolorfont-size
Valores‘red’12px
Código en nuestra web
Código en nuestra web
Javascript
• Lenguaje de programación
• Puede incorporarse en cualquier
página web
• Dar dinamismo a nuestro sitio
• Interactuar con el usuario
#YoPuedoProgramar mi página web
