Proyecto de medio curso

25
Páginas Web dinámicas -Calendario gregoriano Proyecto Medio Curso

description

presentacion del proyecto de medio curso

Transcript of Proyecto de medio curso

Page 1: Proyecto de medio curso

Páginas Web dinámicas-Calendario gregoriano

Proyecto Medio Curso

Page 2: Proyecto de medio curso

Pasos de elaboración

Definir aplicaciónDefinir formato de entrada

Programa en pythonPágina final en HTML

Page 3: Proyecto de medio curso

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.

Page 4: Proyecto de medio curso

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.)

Page 5: Proyecto de medio curso

Formato de entrada HTML –base Código (1-3)

CABECERA DE VALIDACIÓN

INICIO - TITULO- FONDO

ANCLA DESTINO

IMAGEN DE CABECERA CON

LINK

Page 6: Proyecto de medio curso

Código (2-3)

TABLA DE MES

LINK A OTRA PÁGINA

CSS -inline(define los estilos de

cada tabla)

Page 7: Proyecto de medio curso

Código (3-3)

ANCLA - LIGA

IMÁGENES DEL VALIDADOR

FINAL

Page 8: Proyecto de medio curso

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)

Page 9: Proyecto de medio curso

Formato de entrada HTML – Vista de la Página Web (1-3)

IMAGEN DE

CABECERA CON LINK

Page 10: Proyecto de medio curso

Vista de la Página Web (parte 2-3)

LINK DE DIAS FESTIVOS

TABLAS DECADA MES CON HIPERVINCULOS

A OTRAS PÁGINAS

Page 11: Proyecto de medio curso

Vista de la Página Web (parte 3-3)

ANCLA HACIA LA PARTE

SUPERIOR DE LA PÁGINA

IMÁGENESDEL VALIDADOR

Page 12: Proyecto de medio curso

Formato de entrada Archivos de texto

PARA LOS DIAS DE LA SEMANA

PARA LOS HIPERVINCULOS A OTRAS PÁGINAS

Page 13: Proyecto de medio curso

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.

Page 14: Proyecto de medio curso

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.

Page 15: Proyecto de medio curso

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

Page 16: Proyecto de medio curso

Programa en python(código 4-6)

Función para los meses de 31 días

Y el link para el 6 de diciembre

Page 17: Proyecto de medio curso

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.

Page 18: Proyecto de medio curso

Programa en python(código 6-6)

Ciclo principal yllamada a las

funciones de losmeses

dependiendo sison de 30, 31 ó 28

días

Page 19: Proyecto de medio curso

Contenido del código python

FuncionesVariables globalesCiclosCondiciones de validaciónLlamadas a otros archivos

Page 20: Proyecto de medio curso

Programa de salida en HTML Código(1-3)

CABECERA DE VALIDACIÓN

INICIO – TITULO- FONDO

ANCLA DESTINO

IMAGEN DE CABECERA

CONLINK

Page 21: Proyecto de medio curso

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

Page 22: Proyecto de medio curso

Programa de salida en HTML Código(3-3)

ANCLA - LIGA

IMÁGENES DEL VALIDADOR

FINAL

Page 23: Proyecto de medio curso

Vista de la página webImágen (1-2)

IMÁGEN DE CABECERA CON LINK

Page 24: Proyecto de medio curso

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

Page 25: Proyecto de medio curso

Integrantes:

Daniel Iván Martínez Covarrubias.Alejandro Josafat Loera Ramírez.José Guadalupe González Hernández.