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.


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.


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


Función para los meses de 31 días

Y el link para el 6 de diciembre


función para losmeses de 30 días

y los links para

los días 16 sep.y 20 noviembre.


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


CSS -inline(define los estilos de

cada tabla)

CSS -inline(define los estilos

decada tabla)

TABLA DE MES

LINK A OTRA PÁGINA


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.

Proyecto medio curso Web

Education

Transcript of Proyecto medio curso Web