Pràctica 5

Recordeu que realitzar tasques que no són proposades a l'assignatura, així com navegar per continguts aliens a la mateixa es penalitza a la vostra nota (i es nota molt quan feu coses relacionades amb l'assignatura o no)

Hola a tots i a totes!

Després del parèntesi que ha suposat la vostra participació en el concurs web (molt bona sort a tots!), reprenem el tema en el que estàvem. Haig d'aclarir-vos que la pràctica anterior és la última que compta per a la segona avaluació, per tant, aprofiteu la hora que queda per acabar les feines pendents, i si ja ho teniu tot enllestit, us dono la benvinguda a la tercera (i la vostra última) avaluació a l'ESO.

A diferència d'altres anys, el fet d'haver participat en el concurs ha fet que el bloc web s'allargui una mica, però no patiu: ho veurem tot i tindrem temps de sobres. Us torno a recordar ue les pràctiques les aneu guardant al vostre servidor, ja que en aquestes últimes, tornarem a fer servir alguna de les webs que ja hem creat anteriorment en HTML.

En aquesta pràctica entrarem en el món dels estils. Antigament es feien servir una sèrie d'etiquetes qe molt probablement vosaltres mateixos heu utilitzat a la última pràctica per a afegir color o mides diferents als textos que escrivíeu. Ara però, tot això va estant definit mitjançant el que s'anomena "style". El més utilitzat actualment és un estàndard conegut com a CSS, que ens permet, aplicant-lo, convertir una web normal en una web "actual".

A continuació teniu un exemple d'una web simple que encara feia servir l'etiqueta <font>: Proveu-ho

<p>
< font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
< /font>
< /p>

< p>
< font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
< /font>
< /p>

Per a aquesta pràctica, doncs, visiteu aquest enllaç: http://www.w3schools.com/html/html_css.asp
i observeu quines diferències hi ha entre les configuracions antigues i les actuals amb CSS.

-Realitzeu una plana web explicativa dels CSS amb el següent contingut:
- Títol: Explicació
- Imatge: alguna que tingui a veure amb els estils, cerqueu per Internet
- Descripció de què fa cada línia de codi de http://www.w3schools.com/html/tryit.asp?filename=tryhtml_fontall
- Descripció dels atributs de l'etiqueta <style> i quina estructura té l'etiqueta en global.
- Enllaç a la web que vau crear a la pràctica passada *


Ara doncs, amb tota la feina per davant, ànim i comenceu!

Xavi