dwcs-ucha / grupo02-21

Grupo02 - Desenvolvemento dunha aplicación con utilidades para axudar ao aforro enerxético
GNU General Public License v3.0
1 stars 4 forks source link

Diseño de la parte individual y Bootstrap 5 #10

Open AlexiaCaride opened 2 years ago

AlexiaCaride commented 2 years ago

La estructura que he usado en las páginas basicamente está formada por un include a head.php en el head del html, este contiene la fuente que utiliza la página, hay que enlazar el css, ahora mismo hay dos css diferentes, custom tiene TODO Boostrap con las modificaciones de colores que se usan en la página(el que hay que utilizar ahora), estilo.css es la versión reducida de ese código y el que se va a utilizar después cuando todos hayamos aplicado el css en nuestra parte individual( basicamente se eliminará de custom todas las clases de bootstrap que no se utilicen en nuestras páginas). Despues dentro de el body hay que hacer el include de menú, no se van a ver la imagenes de los logos, pero es normal(hay que solucionarlo). Después para utilizar Bootstrap, basicamente se trabaja con divs, al primer div(que se pondría después del menu y antes del cierre de body) le estoy poniendo como clase "fondo" para que aplique el color de fondo como en las páginas de la parte común. El siguiente div va seguido de la clase container y luego se van haciendo div con las clases col y row. En principio la parte individual es "libre" y cada uno puede colocarlo como quiera mientras encaje con la página, así que mientras se mantenga el menu y los colores no debería haber problema. Como creo que me estoy exlicando un poco mal os dejo el tutorial que seguí yo para aprender, en principio para lo que se va a utilizar debera llegaros con veros solo la primera media hora. Teneis el enlace también en el grupo de Whatsapp, que lo pasó Miguel por ahí ayer(8/12) https://www.youtube.com/watch?v=1kNwZbRiVcQ Si os queda alguna duda después del tutorial intentaré ayudaros en lo que pueda, pero con eso debería llegar

maikol-ortigueira commented 2 years ago

@AlexiaCaride he creado una carpeta en la raiz del proyecto que se llama plantillas en la cual he añadido tres archivos:

error.php
menu.php
head.php

Tanto menu.php como head.php son practicamente iguales a los que has creado en la raiz, salvo que funcionan perfectamente al instanciarlos desde cualquier otro archivo ya que las rutas a estilos y javascript son relativas a la raiz del proyecto, y me explico:

No pretendo que utilices estos ficheros, simplemente lo dejo para tu información.

A mayores, y puede servir para los demás también, he creado error.php que contiene un contenedor de los errores. Lo instancio antes de mis formularios y se muestra unicamente si hay errores para mostrar.

AlexiaCaride commented 2 years ago

https://getbootstrap.com/docs/5.1/getting-started/introduction/ Documentacion de Bootstrap