reporte de página html5 tecnologías de la información y...

Reporte de página html5

Tecnologías de la Información y Comunicación

Desarrollo de aplicaciones III

Alumno: Jorge Placeres García

5° “G”

Cuatrimestre Enero – Abril 2017

Introducción

Se desea crear una página web que brinde el servicio de

entretenimiento ya sea viendo tráiler de películas, viendo películas o el

obtener datos interesantes como lo son las principales productoras de

las películas en la actualidad.

Estructura

Para el desarrollo de esta página web usaremos la estructura básica

de HTML5 como se muestra en la siguiente imagen:

Así lucirá esta estructura en la página

Elementos de navegación

Etiqueta <nav> o menú de navegación

La etiquta nav se uso con el fin de tener un menu vertical para facilitar la nevagacion de las

multiples paguinas del sitio de una forma facil y sencilla de hubicar como se muestra a

continuacion.

Controles HTML para la interacción

Para los controles de interacción se agregó la parte de logueo o registro en la página

agregando dos formularios

Código

Página donde se registra

Edición de elementos multimedia

Video

Para tener una página más llamativa y con la finalidad de que resalte el contenido se

agregaron videos como en el caso de la página trailers y películas ya hechos por las

productoras así como un video propio para la sección Nosotros

Manejo de información dinámica

Base de datos

Para la página se requirió una base de datos para agregar las películas junto con parte de

su información como lo es su género y su nacionalidad

Y se uso es siguiente script para crear la base de datos

Hojas de estilo

Las hojas de estilo se usaron principalmente para que toda la página tenga un mismo

formato en cuanto a la estructura, la barra de navegación tipo de fuente etc.

Como se observa se utilizaron 2 hojas de estilo cada una con un fin diferente

Estilo

Estilo 1

El estilo uno es el que da formato de letra, comportamiento del ratón, así como color y fondo

de la página.

Código JavaScript

El código JavaScript que se uso fue utilizado para hacer una galería de imágenes móvil con

el fin de mostrar algunas de las películas más esperadas en la página.

El código anterior se utiliza para una galería de imágenes

Y se utiliza

Publicación del sitio

Par la publicación del sitio se usó la página hostinger para tener un dominio en la web y

subir todos los archivos y crear las bases de datos de nuevo pero en hostinger