HTML y Alojamiento en Azure.
0 recomendaciones98 vistas
Este documento presenta una introducción al diseño de páginas web con HTML y su alojamiento en Microsoft Azure. La primera parte explica los conceptos básicos de HTML, incluyendo la estructura de una página web, etiquetas, elementos y atributos. También introduce editores de código y CSS. La segunda parte cubre la creación de una cuenta en Azure y el alojamiento de páginas web HTML a través de Web Apps.
HTML y Alojamiento en Azure.
- 1. HTML y Alojamiento en Azure Diseño de páginas web y publicación de sitios web con Azure Expositor. Daniel Gomez Jaramillo
- 2. Daniel Gomez Jaramillo ▪ Colombiano. ▪ Estudiante de Ingeniería de Sistemas en la Universidad de Cuenca (Ecuador). ▪ Microsoft Student Partner (MSP). ▪ Líder de Microsoft UCuenca. daniel.gomez@studentpartner.com @esDanielGomez
- 3. Parte 1. Diseño de páginas web con HTML ▪ Introducción a HTML ▪ Editores de código ▪ Elementos y atributos HTML ▪ Introducción a CSS ▪ Agregando código a nuestra página web Parte 2. Alojamiento en Azure ▪ Azure y activación de licencias. ▪ Azure Web Apps y alojamiento de paginas web HTML. Agenda
- 4. Parte 1: Diseño de páginas web en HTML.
- 5. Diseño de páginas web HTML Introducción a HTML
- 6. Las páginas web tienen un "esqueleto" compuesto por: ▪ Párrafos ▪ Imágenes ▪ Botones ▪ Vínculos ▪ Contenedores Estructura de una página web
- 7. Estructura de una página web <HTML> ▪ Hyper Text Markup Languaje ▪ Describe la estructura de las páginas web ▪ Los elementos de los HTML están representados por etiquetas. ▪ Los navegadores no muestran las etiquetas HTML, sino que las usan para "dibujar" dicho contenido en las páginas. Etiquetas
- 8. Estructura de una página web <HTML> Etiquetas: Palabras claves y elementos. HEAD ▪ Opciones de la página. ▪ Título, descripción, autor. BODY ▪ Parte visible de la página. ▪ Imágenes, videos párrafos.
- 9. Estructura de una página web
- 10. Diseño de páginas web HTML Editores de código
- 12. Enlaces importantes Códigos de colores: http://bit.ly/coloresHTML Resumen de etiquetas: http://bit.ly/etiquetasHTML
- 13. Diseño de páginas web HTML Elementos y atributos HTML
- 14. Etiquetas HEAD ▪ Título de página ▪ Descripción ▪ Autor Elementos y atributos HTML Microsoft UCuenca
- 15. Etiquetas de texto: ▪ Títulos ▪ Párrafos Elementos y atributos HTML
- 16. Etiquetas avanzadas ▪ Imágenes ▪ Hipervínculos ▪ Listas Elementos y atributos HTML
- 17. DEMO
- 18. Diseño de páginas web HTML Introducción a CSS
- 19. Elementos y atributos HTML Selectores: ▪ p ▪ h1 Propiedades ▪ color ▪ font-size Valores ▪ 'red’ ▪ 12px
- 20. DEMO
- 21. Diseño de páginas web HTML Agregando código a nuestra web
- 22. DEMO
- 23. Parte 2: Alojamiento en Azure.
- 24. Microsoft Azure Antes de continuar, es necesario tener una cuenta de Microsoft Azure para realizar las practicas con Aplicaciones Web en App Services. Azure para estudiantes: https://aka.ms/azureforstudents Azure para el publico en general: https://aka.ms/azurefree
- 25. Alojamiento de paginas web en Microsoft Azure Procedimiento: • Crear una cuenta en Azure. • Crear un servidor en Azure. • Subir la página web HTML a la nube.
- 26. Alojamiento de paginas web en Microsoft Azure Tutorial para crear el recurso Web App: bit.ly/MSPalojamientowebAzure
- 27. Microsoft Universidad de Cuenca¡¡Muchas gracias!!