Disseny i elaboració de la web del centre
Autor: Maria del Mar Llambí Morillas
Centre: INST.SERRALLARGA
Document: No hi ha fitxer associat
Disseny i elaboració de la web del centre és un treball d'àmbi tecnològic (programació web) que recull les memòries del disseny i la programació precisa de la pàgina web i la història completa de l'institut IES Serrallarga.
El treball està dividit principalment en quatre parts: Esbóç, disseny, elaboració i continguts penjats.
Primer trobem una introducció a tot el món de la Xarxa de les xarxes com és Internet per tal d'introduir al lector en l'àmbit del treball. A la vegada, però, es planteja el tema de la web i els continguts que haurà de publicar. A partir d'aquí s'estableix una estructura prèvia i una part pràctica per tal de de decidir un ordre definitiu al menú de la pàgina. Per això, es fa un estudi de l'accessibilitat i la usabilitat de l'usuari visitant, unes condicions mínimes que s'hauran de tenir en compte.
A partir d'aquí es comença amb tot el procés de disseny de la pàgina, un recull de totes les idees principals i esboços que es van realitzar amb un estudi dels colors adients per la temàtica de la pàgina web. El disseny, cal remarcar, és molt important quan es parla d'un suport físic ja que al visitant es sentirà motivat o desmotivat a seguir visitant la web. És per això que es fan moltes proves a bans de decidir un disseny definitiu. Aquest, parteix de la presentació d'una llibreta d'anelles (símbol identificatiu d'un institut) i com en els tres diferents nivells de l'estructura web, es fa un zoom continuat. Llavors el disseny bàsic queda reduit a una llibreta d'anelles, l'amplicació d'una pàgina pel segon nivell, i el fons d'un full de llibreta en el tercer nivell.
Els colors van ser escollits (amb l'estudi abans esmentat) pel seu significat i l'impacte que causa a la vista de l'usuari. Un color blau, representatiu de la intel•ligència i la responsabilitat, i colors sèpia per remarcar els 35 anys d'història del centre. Totes les imatges utilitzades han estat prèviament tractades i modificades, així com un exemple clar és l'imatge de l'apartat d”instal•lacions” on la imatge ha estat la més retocada fotogràficament.
A continuació, vaig realitzar una entrevista a un amic que es dedica a la programació web i vaig creure necessari tenir una opinió d'aquest món. Una petita introducció al món de l'html i el javascript endinsa al lector en la programació de la pàgina. Programació feta bàsicament en un bloc de notes. Aquest procès és exhaustiu i lent ja que la complicació dels codis és molt gran i un petit error, pot desconfigurar tota la visibilitat de la web.
A partir d'aquí, el meu treball es basa en una recopilació d'informació del centre a través de material gràfic, notícies publicades, revistes, testimonis... i en l'elaboració de la història completa de l'institut des del seu any de creació. Document acompanyat de la informació sobre els projectes del centre i els estudis que ofereix l'institut.
Per últim, es faciliten varies pautes de control i manteniment de la web per quan l'autor d'aquesta acabi 2n de Batxillerat.
En conjunt, un treball de recerca d'informació, d'estudi de disseny i de programació web basada en html i javascript. Una pàgina web dinàmica, diferent i amb tot un procés complex d'elaboració.
El treball està dividit principalment en quatre parts: Esbóç, disseny, elaboració i continguts penjats.
Primer trobem una introducció a tot el món de la Xarxa de les xarxes com és Internet per tal d'introduir al lector en l'àmbit del treball. A la vegada, però, es planteja el tema de la web i els continguts que haurà de publicar. A partir d'aquí s'estableix una estructura prèvia i una part pràctica per tal de de decidir un ordre definitiu al menú de la pàgina. Per això, es fa un estudi de l'accessibilitat i la usabilitat de l'usuari visitant, unes condicions mínimes que s'hauran de tenir en compte.
A partir d'aquí es comença amb tot el procés de disseny de la pàgina, un recull de totes les idees principals i esboços que es van realitzar amb un estudi dels colors adients per la temàtica de la pàgina web. El disseny, cal remarcar, és molt important quan es parla d'un suport físic ja que al visitant es sentirà motivat o desmotivat a seguir visitant la web. És per això que es fan moltes proves a bans de decidir un disseny definitiu. Aquest, parteix de la presentació d'una llibreta d'anelles (símbol identificatiu d'un institut) i com en els tres diferents nivells de l'estructura web, es fa un zoom continuat. Llavors el disseny bàsic queda reduit a una llibreta d'anelles, l'amplicació d'una pàgina pel segon nivell, i el fons d'un full de llibreta en el tercer nivell.
Els colors van ser escollits (amb l'estudi abans esmentat) pel seu significat i l'impacte que causa a la vista de l'usuari. Un color blau, representatiu de la intel•ligència i la responsabilitat, i colors sèpia per remarcar els 35 anys d'història del centre. Totes les imatges utilitzades han estat prèviament tractades i modificades, així com un exemple clar és l'imatge de l'apartat d”instal•lacions” on la imatge ha estat la més retocada fotogràficament.
A continuació, vaig realitzar una entrevista a un amic que es dedica a la programació web i vaig creure necessari tenir una opinió d'aquest món. Una petita introducció al món de l'html i el javascript endinsa al lector en la programació de la pàgina. Programació feta bàsicament en un bloc de notes. Aquest procès és exhaustiu i lent ja que la complicació dels codis és molt gran i un petit error, pot desconfigurar tota la visibilitat de la web.
A partir d'aquí, el meu treball es basa en una recopilació d'informació del centre a través de material gràfic, notícies publicades, revistes, testimonis... i en l'elaboració de la història completa de l'institut des del seu any de creació. Document acompanyat de la informació sobre els projectes del centre i els estudis que ofereix l'institut.
Per últim, es faciliten varies pautes de control i manteniment de la web per quan l'autor d'aquesta acabi 2n de Batxillerat.
En conjunt, un treball de recerca d'informació, d'estudi de disseny i de programació web basada en html i javascript. Una pàgina web dinàmica, diferent i amb tot un procés complex d'elaboració.