Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la.
El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.
Metodología i Desenvolupament de Projectes en Xarxa PAC 2
Lenguatges i Estàndarts web Pac01
1. Etapa1. Introducció al currículum d’estàndards web/continguts
1. Per què són necessaris els estàndards web?
Perquè un mateix contingut en una pàgina es puga veure i manipular igual independentment del
navegador, maquina o sistema operatiu utilitzat
Contesta a l’aula a les següents preguntes. Usa la carpeta del fòrum que t’indiqui el/la consultor/a:
– Has fet pàgines web abans? Si, sobretot webs amb html i flash.
– T’has preocupat que complissin els estàndards? No molt, però si tindre en conter de provar
les en el nombre més gran de navegadors possibles
– Afegiries algun altre avantatge a la llista que hi ha en els materials? No
– Quins són els principals inconvenients d’usar els estàndards a l’hora de crear llocs
web? Tindre mes control sobre el codi font en un principi. Ja que sobretot per a gent com jo
que bé del món del disseny és un canvi de forma a l’hora de treballar. Perquè fins ara era molt
important que la pagina fóra el més paregut possible al esbós.i d’Aquesta manera es el contrari,
es el disseny el que se té que adaptar.
– I excuses? T’has trobat amb alguna? no
Etapa 2. La història d’Internet i el web i l’evolució dels estàndards web
1. Quins són els navegadors més usats actualment?
Chrome, Firefox, Explorer i Opera
2. Quins són els dispositius més usats actualment per connectar-se a internet?
smartphone, tablet, ordenardor
2. Etapa 4. Estàndards web: un bonic somni, però quina és la realitat?
Comprova si compleixen els estàndards la pàgina d’inici de la web de la UOC ( http:// www.
uoc.edu ), la de Mosaic ( http://mosaic.uoc.edu ) i altres tres pàgines web a la teva elecció.
Comenta a l’aula els resultats que hagis obtingut.
Tant la web de la UOC com la de Mosaic tenen errors,
un molt greu es a la web de la UOC al navegador Opera no surten algunes aules virtuals i son
les que tenen el nou format per exemple la d’aquesta assignatura.
3. pagina XHtml Css
uoc 8 10
mosaic 13 44
elpais 30 84
ara 73 461
TAULA COMPARATIVA D’ERRADES
4. Etapa 6 Què necessita una bona pàgina web?
1. Tenen encapçalaments, peus i àrees de navegació consistents?
La gran majoria de webs tenen un peu de pàgina correcte amb enllaços i mapa de navegació, així
com la resta d’informació com contactar, etc.
En el cas de les capçaleres depèn del tipus de pàgina que es visiti la del diari marca per exemple
té tant contingut d’enllaços en la capçalera que dificulta la cerca d’alguns continguts, els errors
de capçalera solen ser mes usuals en portals o tendes online a causa de l’excés de contingut
que es vol mostrar al visitant.
2. Fixeu-vos com canvia la navegació a mesura que us moveu pel web.
Depenent del tipus de web vària la navegació per exemple en webs de notícies, tendes, etc. la
part de la “botonera” de la capçalera vària molt
3. Pareu atenció per si alguna cosa del web us molesta o confon i, si és així, penseu quina
cosa hauria de fer el web en aquest punt.
En algunes tendes de venda online es una persona es perd.
Entrant a una família de producte, una vegada dins d’aquest producte arriben fins a tenir 3
subnivells de la mateixa família.
4. Si podeu, desactiveu la compatibilitat amb imatges o el JavaScript del vostre navegador,
o bé utilitzeu el telèfon mòbil i compareu l’experiència quan s’utilitza la mateixa pàgina al
vostre ordinador.
He provat amb IPAD i computadora. En algunes pàgines es mostra la mateixa web però amb els
elements mes petits (exemple la web dels periòdics país, marca).
Hi han altres webs que mostren una distribucio diferent dels continguts (exemple la web del
periòdic ara) que te una versio per a dispositius mòbils.