Yo Puedo programar mi sitio web
•
0 recomendaciones•560 vistas
Este documento presenta un webinar sobre cómo crear una primera página web. Explica conceptos básicos de HTML como etiquetas, elementos y atributos. También introduce editores de código como Visual Studio Code y conceptos iniciales de CSS como selectores, propiedades y valores. Finalmente, menciona cómo agregar JavaScript a las páginas para darles dinamismo e interacción con el usuario. El objetivo es empoderar a las personas a lograr más a través de las habilidades digitales y la tecnología para el impacto social.
Más contenido relacionado
La actualidad más candente
La actualidad más candente (14)
Similar a Yo Puedo programar mi sitio web
Similar a Yo Puedo programar mi sitio web (20)
Más de William Henry Vegazo Muro
Más de William Henry Vegazo Muro (20)
Último
Último (20)
Yo Puedo programar mi sitio web
- 1. #YoPuedoProgramar mi página web
- 2. 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
- 3. 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
- 4. YoPuedoProgramar México: 9:00 am Colombia y Panamá: 8:48 am Argentina: 8:54 am Venezuela es 7:54 am Brasil: 5:53 am Centro 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
- 5. YoPuedoProgramar México: 9:00 am Colombia y Panamá: 8:48 am Argentina: 8:54 am Venezuela es 7:54 am Brasil: 5:53 am Centro 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
- 6. YoPuedoProgramar Discovery en la Escuela celebra su vigésimo aniversario #SoyDiscoveryEnLaEscuela
- 7. www.discoveryenlaescuela.com Facebook.com/discoveryenlaescuela discoveryenlaescuela@discovery.com Twitter: @Discoveryesc Instagram: discoveryenlaescuela Redes Sociales Discovery en la Escuela
- 8. YoPuedoProgramar Maria Teresa Velasco Gerente, Educación & Relaciones Institucionales Oficina. +1.786.273.4133 Móvil: +1.305.205.1316 discoveryenlaescuela@discovery.com Contacto Discovery
- 9. YoPuedoProgramar Oscar Ortega Coordinador Regional de Tecnología para el Impacto Social, Microsoft Philanthropies www.yopuedoprogramar.com Contacto Microsoft
- 10. #YoPuedoProgramar #YoPuedoProgramar mi primera página web Webinar
- 11. Agenda Introducción a HTML Editores de código Elementos y atributos HTML Introducción a CSS Código en nuestra webYoPuedoProgramar
- 12. YoPuedoProgramar Empoderar a todas las personas y las organizaciones del mundo a lograr mas. Misión de Microsoft
- 13. YoPuedoProgramar #1 Habilidades digitales #2 Tecnología para el impacto social Conectar los beneficios de la tecnología para crear un futuro para todos
- 14. YoPuedoProgramar • ¿Qué es programar? • ¿Por qué debo aprender a programar?
- 17. ¿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
- 18. ¿Cómo funciona?
- 19. Estructura de una página web Las páginas web tienen un “esqueleto” compuesto por: ✓Párrafos ✓Imágenes ✓Botones ✓Vínculos ✓Contenedores
- 20. <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>
- 21. Primer ejemplo <html> <head> <title>Mi first page</title> </head> <body> <p> <h1>Hello World</h1> <a href=“http://www.yopuedoprogramar.com” >A link to Outlook</a> </p> <p>Welcome to Microsoft</p> </body> </html>
- 23. 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
- 24. Editores de Código Visual Studio Code - Gratuito - Compatible con Windows, Linux y Mac Es posible descargar de: https://code.visualstudio.com/
- 25. Elementos y atributos HTML
- 26. Elementos y atributos HTML Etiquetas de texto • Títulos • Párrafos Etiquetas avanzadas • Imágenes • Hipervínculos • Listas Etiquetas de HEAD • Título de la página • Descripción
- 29. Código en nuestra web
- 30. 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
- 32. #YoPuedoProgramar mi página web