Proyecto medio curso Web
description
Transcript of Proyecto medio curso Web
Páginas Web dinámicas-Calendario gregoriano
Proyecto Medio Curso
Pasos de elaboración
Definir aplicaciónDefinir formato de entrada
Programa en pythonPágina final en HTML
Definir aplicación
La 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.
Formato de entrada
Para 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.)
Formato de entrada HTML –base Código (1-3)
CABECERA DE VALIDACIÓN
INICIO - TITULO- FONDO
ANCLA DESTINO
IMAGEN DE CABECERA CON
LINK
Código (2-3)
TABLA DE MES
LINK A OTRA PÁGINA
CSS -inline(define los estilos de
cada tabla)
Código (3-3)
ANCLA - LIGA
IMÁGENES DEL VALIDADOR
FINAL
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)
Formato de entrada HTML – Vista de la Página Web (1-3)
IMAGEN DE
CABECERA CON LINK
Vista de la Página Web (parte 2-3)
LINK DE DIAS FESTIVOS
TABLAS DECADA MES CON HIPERVINCULOS
A OTRAS PÁGINAS
Vista de la Página Web (parte 3-3)
ANCLA HACIA LA PARTE
SUPERIOR DE LA PÁGINA
IMÁGENESDEL VALIDADOR
Formato de entrada Archivos de texto
PARA LOS DIAS DE LA SEMANA
PARA LOS HIPERVINCULOS A OTRAS PÁGINAS
Programa en python(código 1-6)
Variables Globales
Funció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 inicio
de la página.
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.
Programa en python(código 3-6)
Inicio de la página, titulo, y
funció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
Programa en python(código 4-6)
Función para los meses de 31 días
Y el link para el 6 de diciembre
Programa en python(código 5-6)
función para losmeses de 30 días
y los links para
los días 16 sep.y 20 noviembre.
Programa en python(código 6-6)
Ciclo principal yllamada a las
funciones de losmeses
dependiendo sison de 30, 31 ó 28
días
Contenido del código python
FuncionesVariables globalesCiclosCondiciones de validaciónLlamadas a otros archivos
Programa de salida en HTML Código(1-3)
CABECERA DE VALIDACIÓN
INICIO – TITULO- FONDO
ANCLA DESTINO
IMAGEN DE CABECERA
CONLINK
Programa de salida en HTML Código(2-3)
CSS -inline(define los estilos de
cada tabla)
CSS -inline(define los estilos
decada tabla)
TABLA DE MES
LINK A OTRA PÁGINA
Programa de salida en HTML Código(3-3)
ANCLA - LIGA
IMÁGENES DEL VALIDADOR
FINAL
Vista de la página webImágen (1-2)
IMÁGEN DE CABECERA CON LINK
Vista de la página webImágen (2-2)
TABLAS DE CADA MESHIPERVINCULOSA OTRAS PÁGINAS
ANCLA HACIA LAPARTE SUPERIOR
DE LA PÁGINAIMÁGENES DE VALIDACIÓN
Integrantes:
Daniel Iván Martínez Covarrubias.Alejandro Josafat Loera Ramírez.José Guadalupe González Hernández.