Proyecto del Curso(III): Entrega final 

Cambios realizados respecto al proyecto del curso(II):

Inicio:

Antes:

Ahora:

Cambios realizados:

-El color de la barra del menú , pasa de ser de un color marrón verdoso sucio a un amarillo anaranjado mucho más limpio.

-Se ha eliminado el fondo amarillo del logo en el favicon ,barra del menú e inicio de la página.

Sección ¿Quiénes somos?:

Antes:

Ahora:

Cambios realizados:

-El color de fondo pasa de ser un amarillo triste a un amarillo mucho más alegre y bonito.

-Se ha ajustado el tamaño de la imagen ya que antes se veía muy pequeña y estaba alejada del texto.

Tutoriales:

Antes:

 

Ahora:

Cambios realizados:

-El color de fondo pasa de ser un amarillo triste a un amarillo mucho más alegre y bonito.

-Se han hecho mucho más llamativos los botones de los tutoriales ,destacando el botón de todos.

-Se ha añadido una barra horizontal al inicio de cada tutorial para que no de lugar a confusión entre dos tutoriales.

-Se ha añadido un plugin de JQuery de diseño el cuál los tutoriales impares tienen la imagen a la izquierda y el texto a la izquierda, y los pares al contrario, la imagen a la derecha y el texto a la izquierda.

-Se han cogido ideas BS card para el diseño de articulos en los tutoriales.

-Sigue manteniendo el plugin que consistía en un toggle al pulsar jugadores, que te permitía que dentro de la categoría jugador que jugador quieres elegir.

Contáctanos:

Antes:

Ahora:

Cambios realizados:

-Se ha eliminado el botón que había en formulario.

Formulario:

Antes:

Ahora:

Cambios realizados:

-Se ha añadido una barra de navegación con opciones de volver atrás.

-Se han cambiado los colores por completo.

-Se ha cambiado por completo el diseño del formulario , ya no es tan estrecho y está más adaptado al diseño de la página web principal.

-Sigue manteniendo el plugin de JQuery que permitía que al pulsar si se te habría un una ventanita donde podías escribir el nombre del jugador.

-Tiene adaptación BS5.

Respuesta Formulario:

Antes:

Ahora:

Cambios realizados:

-Se ha añadido barra de navegación que permite volver al formulario y a la página principal.

-Se ha añadido más texto.

-Se ha añadido estilo css.

-Se ha añadido código php al formulario y al respuesta del formulario.

-En las imágenes se aprecia que la página de respuesta te devuelve un texto con  algunos parámetros que han sido puestos en el formulario(nombre, apellidos, tutoriales elegidos).

Transformación de la página web de html a php:

Para ello se han creado plantillas php extrayendo las partes tanto del index, formulario y respuesta.

  Se ha hecho refactor a todos los ficheros html y se ha añadido código php.

Base de datos:

Para la base de datos se ha configurado una base de datos en SQL de 000webhost con myPHPadmin  para ello se ha creado una nueva tabla llamada lista tutoriales donde guarda información sobre nombre, apellidos, correo, tipo de tutorial y jugador. Siendo id la clave primaria.

El fichero conectar.php se ha comprobado que funciona , para la tabla lista jugadores se han programado los siguientes ficheros php:

Listatutoriales.php:

Insertarlistatutoriales.php: