Entradas

Entregable final

Imagen
 Entregable final Para el entregable final lo primero que hay que hacer es cambiar todos los archivos html por archivos php. Una vez hecho esto empezaremos creando una plantilla con los estilos (head.php), otra con la cabecera (header.php) y por último otra con el pie (footer.php); con el propósito de juntar el código que se reutiliza en todas las páginas en un solo archivo. Para incluir la plantilla en cada página lo único que hay que hacer es incluir el siguiente fragmento php en la parte que se desea (cambiando el nombre por el de la plantilla que se quiere poner): Al añadir las plantilla del header, ha habido que modificar los enlaces del navegador para que funcionen en todas las páginas. Una vez terminadas las plantillas, el siguiente paso es crear el formulario.php. La estructura de la página seguirá siendo la misma que en el entregable de página estática. En primer lugar es necesario sustituir los textos predeterminados por los que se ponen en el formulario. Para ello utiliz...

Accesibilidad

Imagen
Accesibilidad Para analizar la accesibilidad de esta página web nos hemos basado en la herramienta que nos ofrece Google. Según esta herramienta nuestra página recibe una puntuación de 90 sobre 100, la cual es muy buena. Esto quiere decir que la web cumple muchos de los criterios de accesibilidad. A continuación se analizan algunos aspectos que podrían mejorar para aumentar la puntuación: El contraste con las imágenes de fondo no es demasiado grande. Los links no tienen un nombre discernible. (Estos elementos serán modificados para la entrega final)

Entregable página estática

Imagen
 Entregable Página Estática 1. En primer lugar creamos un proyecto de Bootstrap 5 y partimos de la plantilla Simple, descargada del siguiente enlace . La decisión de escoger esa plantilla se debe a que tiene un diseño parecido a las webs de clubes universitarios similares, mostradas en la primera entrada de este blog de idea de proyecto. Además viene con un formulario final, lo que ayudará cumplir los requisitos de la entrega de la web. 2. Después creamos el favicon con el logo de la Asociación Familiar Codaste (ver entrada Colores) y posteriormente diseñamos un logo específico para el Club Universitario (siguiendo un estilo parecido y los mismos colores). 3. En tercer lugar creamos la página principal a través de una nueva imagen de fondo, de un texto y de una nueva gama de colores atendiendo a lo expuesto en la entrada "Colores". Después cambiaremos la paleta en el resto de la página web, pasando de los colores rojos y blancos que vienen por defecto a los naranjas y azules ...

Colores

Imagen
Paleta de colores Alternativas Hay varias alternativas (monocromático, análogo...) aunque he decidido coger la plantilla complementaria con el color principal naranja debido al logo de la página web, y porque creo que el color naranja con el azul combinan bien para un diseño web. Diferentes paletas según la Temperatura Texturas No voy a poner ninguna textura, sino que pondré alguna imagen para crear un ambiente más familiar.  

Idea de proyecto

Imagen
   CLUB UNIVERSITARIO CODASTE ¿Qué es? La página web que voy a crear es la página oficial del club universitario Codaste. Codaste es una asociación de estudiantes universitarios ubicada en Móstoles que planifica actividades, conferencias, viajes y voluntariados para enriquecer tanto cultural como personalmente a estudiantes independientemente de su perfil académico. ¿Por qué esta web? El motivo por el que he decidido elegir esta idea es debido a que actualmente el club no dispone de un portal web para universitarios, únicamente de una web para el club juvenil (orientado para niños de Primaria y ESO). En este caso los planes que la asociación ofrece a estudiantes de enseñanzas superiores se distribuyen boca a boca o bien mediante un grupo de WhatsApp. Objetivos El objetivo es que no solo los miembros del grupo de WhatsApp estén actualizados, sino que las actividades sean accesibles por un mayor número de personas; aparte de formalizar la participación en actividades, especialme...