PRÀCTIQUES MULTIMÈDIA

S'han realitzat dues pràctiques de creació de pàgines web:

La primera tracta sobre Turrais, una associació de joves de Coll de Nargó. Aquesta s'ha fet amb Mobirise, aprofitant plantilles visuals per estructurar i dissenyar el contingut sense necessitat de programació.

La segona tracta sobre Black Magic i s'ha desenvolupat amb llenguatge HTML i CSS, permetent personalitzar l’aspecte amb colors, fonts, distribució i efectes visuals. La pàgina de presentació de les pràctiques està maquetada amb CSS de manera lliure per donar-li un aspecte atractiu i coherent amb el contingut.

Pràctica 1: Turrais (Mobirise)

La pràctica 1 ha consistit en crear una pàgina web de l'associació de joves de Coll de Nargó utilitzant Mobirise, una eina visual que permet dissenyar pàgines web sense necessitat de programar. Aquesta eina facilita la creació de pàgines web funcionals i estèticament atractives de manera intuïtiva, mitjançant plantilles predefinides L’objectiu principal del projecte ha estat dissenyar una plataforma accessible que permeti a qualsevol usuari conèixer l’associació, les seves activitats, els productes disponibles i tenir un record visual de les experiències que s’hi desenvolupen.

La pàgina web presenta l’associació juvenil de Coll de Nargó, Turrais, que organitza activitats culturals, d’oci i socials per a tothom del municipi. L’objectiu és que els usuaris puguin conèixer millor l’associació, descobrir les activitats programades, veure imatges de les experiències passades i conèixer els productes que ofereixen durant els esdeveniments.

La pàgina està formada per quatre apartats principals, cadascun amb una funció concreta:

• Qui som: Aquesta secció presenta una descripció completa de l’associació Turrais i dels seus integrants, explicant la missió, els objectius i la història de l’entitat. S’hi inclouen imatges dels membres, així com un text explicatiu sobre la importància de les activitats culturals i socials al municipi.
• Calendari: Aquest apartat recull totes les activitats que es duen a terme durant l’any, indicant les dates exactes i una breu descripció de cada esdeveniment. L’objectiu és permetre que els visitants puguin planificar la seva assistència i conèixer les oportunitats d’oci i cultura que ofereix Turrais.
• Galeria d’activitats: Aquí es mostren imatges i records de les activitats realitzades per l’associació. Aquesta secció permet als usuaris visualitzar l’ambient de cada activitat, augmentant la proximitat i la identificació amb l’associació. Les imatges també reforcen la credibilitat i el caràcter participatiu de Turrais.
• Productes: Apartat dedicat als productes disponibles a la barra durant les activitats. S’hi inclou informació sobre els productes, imatges i descripcions que permeten als visitants conèixer millor les ofertes i serveis que proporciona l’associació.

Durant el desenvolupament de la pàgina web, les incidències han estat mínimes. La més destacada ha estat a l’hora d’afegir un vídeo a la part superior de la pàgina. Inicialment, el vídeo no es visualitzava correctament perquè calia publicar-lo i inserir-ne l’enllaç correcte. Un cop vinculat adequadament, el vídeo es va visualitzar sense problemes i la resta de la pàgina va funcionar perfectament.

Pràctica 2: Black Magic (HTML i CSS)

La pràctica 2 s’ha realitzat utilitzant exclusivament HTML i CSS, treballant amb Sublime Text per controlar al detall tant l’estructura com l’estil de la pàgina web. En aquest projecte s’han definit manualment la distribució, els colors, les tipografies i diversos efectes visuals, aconseguint un disseny propi i més elaborat que en altres pràctiques guiades. L’objectiu principal ha estat crear una pàgina web funcional i atractiva sense recórrer a plantilles o frameworks externs.

Tot i això, han sorgit algunes dificultats, especialment a l’hora d’organitzar correctament l’HTML i ajustar els estils perquè els espais, alineacions i proporcions quedessin coherents amb el llenguatge CSS. Aquest procés ha permès entendre millor la relació entre els dos llenguatges i millorar en l’ús de classes, selectors i transicions. També s’ha après a estructurar les diferents seccions de la pàgina i a aplicar estils de manera consistent per a que sigui agradable a esteticament.

Un altre repte ha estat la gestió d’enllaços i la correcta inserció d’URL a les imatges. S’ha hagut de comprovar que tots els recursos multimedia es visualitzessin correctament i que els enllaços dirigissin a les pàgines o seccions adequades.

Aspectes més destacats de la pràctica:

• Creació d’un disseny completament personalitzat sense plantilles.
• Aplicació de colors, fonts, imatges i petits efectes interactius com transicions suaus i canvis de fons en elements hover.
• Millora en la comprensió de la maquetació web amb HTML i CSS, especialment en l’organització d’estructures complexes.
• Pràctica en la inserció d’enllaços i enllaç correcte d’URL a les imatges, garantint una navegació funcional.
• Aprenentatge en l’ús de classes, selectors i propietats CSS per aconseguir un estil coherent i reutilitzable.

En resum, aquesta pràctica ha servit per aprofundir en els fonaments del disseny web amb HTML i CSS, el desenvolupant tant habilitats tècniques com estètiques i l’experiència ha permès comprendre millor la relació entre l’estructura i l’estil, així com adquirir autonomia en la creació de pàgines web funcionals, atractives i totalment personalitzades.

A continuació podeu trobar les pràctiques realitzades: la pràctica 1 i la pràctica 2.