PRÀCTIQUES SISTEMES MULTIMEDIA

FET PER SERGI BAYARRI GARCIA, GRUP 101, 03/12/25

INTRODUCCIÓ

En aquest projecte s’han desenvolupat dues pràctiques orientades a introduir-nos al món de la creació de pàgines web i la seva publicació. A la Pràctica 1 vam treballar amb l’aplicació Mobirise, que permet generar llocs web d’una manera visual sense necessitat de programar. A més, vam aprendre a publicar aquests continguts al servidor de la universitat mitjançant FileZilla. A la Pràctica 2 vam fer un pas més i vam construir una pàgina web utilitzant únicament HTML i CSS, aplicant etiquetes, estructures bàsiques i estils personalitzats per entendre de primera mà com funciona l’esquelet real d’un lloc web. Aquest índex creat amb Bootstrap serveix com a punt d’accés a les dues pràctiques i com a punt de trobada del procés d’aprenentatge realitzat.

PRÀCTICA 1:

Creació d'una pagina web amb MOBIRISE

En aquesta pràctica vam desenvolupar una pàgina web utilitzant l’eina visual Mobirise, que permet crear estructures i seccions mitjançant blocs predefinits. El projecte es va centrar en el meu projecte musical “MOBBWAN”, organitzat en diversos apartats que presenten informació personal, contingut multimèdia i enllaços. A més, vam aprendre a gestionar la publicació del lloc web mitjançant FileZilla, pujant els fitxers al servidor de la universitat i comprovant-ne el correcte funcionament.

PRÀCTICA 2:

Creació d'una pagina web amb HTML i CSS

En aquesta pràctica vam construir una pàgina web utilitzant exclusivament HTML i CSS, amb l’objectiu d’entendre el funcionament intern del codi i la seva relació amb l’estètica final. Vam treballar amb estructures bàsiques com títols, paràgrafs, llistes i imatges, i vam aplicar estils relacionats amb colors, tipografies, marges i organització visual. Aquesta pràctica va servir per consolidar conceptes fonamentals i adquirir més control sobre l’aparença i el disseny del lloc web.

imatge de la pràctica 1IMATGE DE LA PRACTICA 1

Aquesta imatge mostra la pàgina web creada amb Mobirise, on es pot veure l’estructura visual del projecte “MOBBWAN”.

P1
imatge de la pràctica 2IMATGE DE LA PRACTICA 2

Captura de la pàgina desenvolupada en HTML i CSS, on es reprodueix el disseny proposat utilitzant etiquetes bàsiques, llistes, imatges i estils personalitzats.

P2

CONSCLUSIONS

Amb aquestes pràctiques he pogut introduir-me tant en la creació visual de pàgines web com en la programació manual del seu contingut. La Pràctica 1 m’ha permès entendre com estructurar un web estèticament i com publicar-lo correctament a un servidor FTP. A la Pràctica 2 he après el funcionament de les etiquetes HTML i les propietats CSS, així com la importància de l’ordre i la claredat en la maquetació. En conjunt, aquestes activitats han estat útils per adquirir una base sòlida de disseny i desenvolupament web.