1. Cerca i selecció de la paleta de colors accessible. (20%)
Què fa que una paleta de colors sigui accessible? (Contrast cromàtic WCAG AA/AAA).
Hace que el usuario pueda leer la pagina con facilidad y pueda distingir los diferentes apartados
Explica la selecció de colors que has triat. Tria 2-3 colors. (adjunta captures de la paleta)
He elegido un azul fuerte para el header y footer junto a un amarillo y blanco para las letras, el fondo lo pondré un poco mas gris para que sea mas facil a la vista
Utilitza l'eina Color Contrast Checker o WebAIM Contrast Checker per avaluar el contrast de la paleta de colors. Adjunta la imatge resultant.
2. Selecció de textura o patró de fons. (20%)
Tria una textura suau o patrons SVG que no saturin la pàgina. Mostra el triat i explica el motiu. Què significa saturar una pàgina a nivell de textura?
Significa que el fondo de la página tiene demasiados colores y te distrae del contenido principal
On heu extret la textura? Com l'heu afegit a la pàgina web? Adjunta captures de la pàgina on l'heu extret i captura del codi CSS.
La he creado con un poco de ayuda de la IA para hacer un estampado con emojis de gato casi transparentes para que no se note mucho pero sean visibles
Adjunta captura resultant de la pàgina amb la textura de fons, el header i el footer.
3. Elecció de font accessible. (10%)
Tria una font del llistat: Google Fonts Accessible List i afegeix aquesta font al CSS. Adjunta una imatge de la font triada, el motiu pel qual l'heu triat i captura del codi CSS adjuntant la font.
He elegido sans-serif porque hace la letra mas facil de leer al hacerla un poco mas gruesa
4. Layout HTML/CSS bàsic. (20%)
Realitza una plantilla de fitxer HTML amb divs per header, menú, main, footer, etc.
Realitza una plantilla de fitxer CSS (General) i una plantilla per CSS de fonts, colors, textures, reset, etc. Adjunta imatge de com fas l'enllaç entre el CSS general i la resta d'arxius d'estils.
Adjunta una captura de pantalla (o diverses) de l'estructura de carpetes del projecte on es vegin els diferents CSS, HTML, etc.
5. Format d'entrega. (15%)
S'ha d'entregar cadascuna de les fases degudament comentades, amb imatges i proves que demostrin els motius de les eleccions que feu, el resultat final, etc.
El format ha de ser correcte, sense faltes ortogràfiques, títols en negreta i didàctic on expliquis com ho has fet per a que la resta dels teus companys pugui veure el resultat.
Adjuntar la carpeta del projecte HTML i CSS en format .zip sota el nom: F2_Cognom_Nom.zip
El fil obert al fòrum té tota la informació necessària i els fitxers adjunts correctes. Cada estudiant ha d'obrir un fil i fer els comentaris necessaris en el seu propi fil per dur a terme l'activitat.
Un lliurament fora de data o un lliurament sense els fitxers i la informació demanada no podrà ser avaluada.
https://drive.google.com/file/d/1Ffvcx339bCotexCWBgFYAExeigPMxwTY/view?usp=sharing
Foto final