Proyecto medio curso Web
Descargar como PPTX, PDF0 recomendaciones150 vistas
Este documento describe un proyecto para crear una página web dinámica que muestre un calendario gregoriano. Se definen los formatos de entrada como archivos HTML y CSV, y se describe el código Python que usa funciones para generar la salida HTML final dinámicamente según el mes y días del año.
Proyecto medio curso Web
- 1. Proyecto Medio CursoPáginas Web dinámicas-Calendario gregoriano
- 2. Pasos de elaboraciónDefinir aplicaciónDefinir formato de entradaPrograma en pythonPágina final en HTML
- 3. Definir aplicaciónLa aplicación de una pagina web dinámica para la elaboración de un calendario facilita un proceso repetitivo, esto es optimización del proceso para el programa.
- 4. Formato de entradaPara el formato de entrada se crearon archivos:HTML: es el ejemplo final de la pagina sin ser aun dinámica.CSV (de texto): incluyen la base de datos y líneas para que el programa lea las entradas y sea mas optimo.(por ejemplo: las cabeceras o inicio del programa, los nombres de cada mes, links, etc.)
- 5. Formatode entrada HTML –base Código (1-3)CABECERA DE VALIDACIÓNINICIO - TITULO- FONDOIMAGEN DE CABECERA CONLINKANCLA DESTINO
- 6. Código (2-3)CSS -inline(define los estilos decada tabla)TABLA DE MESLINK A OTRA PÁGINA
- 7. Código (3-3)ANCLA - LIGAIMÁGENES DEL VALIDADORFINAL
- 8. Contenido del código HTML EtiquetasHipervínculos a otras paginas (días festivos)TablasImágenesSímbolos especialesSeccionesAnclasCSS – inlineValidación de compatibilidad por el W3C del HTMLNavegador web usado: Firefox (Mozilla)
- 9. Formato de entrada HTML – Vista de la Página Web (1-3)IMAGEN DE CABECERA CON LINK
- 10. Vista de la Página Web (parte 2-3)TABLAS DECADA MES CON HIPERVINCULOSA OTRAS PÁGINASLINK DE DIAS FESTIVOS
- 11. Vista de la Página Web (parte 3-3)ANCLA HACIA LA PARTE SUPERIOR DE LA PÁGINAIMÁGENESDEL VALIDADOR
- 12. Formato de entrada Archivos de textoPARA LOS DIAS DE LA SEMANAPARA LOS HIPERVINCULOS A OTRAS PÁGINAS
- 13. Programa en python(código 1-6)Variables GlobalesFunción para:abrir archivo de la ancla,imagen de validación y final la página.Función para:abrir archivo de validación e iniciode la página.
- 14. Programa en python(código 2-6)Función para:abrir archivo con el formato de la tabla y definir el color de cada tabla según seael mes. Función para:abrir el archivo con el formato de los díasy definir el color segúnsea el mes.
- 15. Programa en python(código 3-6)Inicio de la página, titulo, yfunción para llamar a la parte inicialde la página <body>Función para el mes de febrero y para el link Del día 24
- 16. Programa en python(código 4-6)Función para los meses de 31 díasY el link para el 6 de diciembre
- 17. Programa en python(código 5-6)función para losmeses de 30 díasy los links paralos días 16 sep.y 20 noviembre.
- 18. Programa en python(código 6-6)Ciclo principal yllamada a lasfunciones de losmeses dependiendo sison de 30, 31 ó 28 días
- 19. Contenido del código pythonFuncionesVariables globalesCiclosCondiciones de validaciónLlamadas a otros archivos
- 20. Programa de salida en HTML Código(1-3)CABECERA DE VALIDACIÓNIMAGEN DE CABECERA CONLINKINICIO – TITULO- FONDOANCLA DESTINO
- 21. Programa de salida en HTML Código(2-3)CSS -inline(define los estilos decada tabla)TABLA DE MESCSS -inline(define los estilos decada tabla)LINK A OTRA PÁGINA
- 22. Programa de salida en HTML Código(3-3)ANCLA - LIGAIMÁGENES DEL VALIDADORFINAL
- 23. Vista de la página webImágen (1-2)IMÁGEN DE CABECERA CON LINK
- 24. Vista de la página webImágen (2-2)TABLAS DE CADA MESHIPERVINCULOSA OTRAS PÁGINASANCLA HACIA LAPARTE SUPERIORDE LA PÁGINAIMÁGENES DE VALIDACIÓN
- 25. Integrantes:Daniel Iván Martínez Covarrubias.Alejandro Josafat Loera Ramírez.José Guadalupe González Hernández.