Pràctica 7

Hola a totes i a tots!

En aquesta nova pràctica vull que visiteu els següents enllaços:

http://www.w3schools.com/html/html_links.asp
http://www.w3schools.com/html/html_images.asp

Escriu-me en un nou apartat de la vostra web els atributs extra que poden utilitzar les etiquetes <a> i <img>, per què serveixen, afegeix un exemple de cada a la teva web i envia-me-la al correu.

Ànim!

Xavi

Pràctica 6

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 totes i tots!
En aquesta nova pràctica acabarem de retocar paràmetres amb els que vam començar a treballar la pràctica passada. Recordeu que els atributs d'estil ara es defineixen conjuntament amb l'etiqueta "style", enlloc d'utilitzar paràmetres independents d'altres etiquetes com la "font".

En aquesta pràctica anirem una mica més enllà: aplicarem un color de fons i altres paràmetres d'estil a la nostra web segons aquesta nova etiqueta. Haureu de recuperar la vostra web personal, on es trobaven les vostres descripcions i modificar-ne l'estil.

Visiteu l'exemple de la web: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles i seguiu-lo per a donar color al fons enlloc de com ho fèieu abans. A més,  cerca i escriu informació sobre a què es refereixen els experts quan es parla d'etiquetes "deprecades" i doneu algun exemple. Per tant:

-Utilitza styles per redefinir la teva web personal original.
-Afegeix un nou paràgraf d'informació sobre tu amb un estil CSS diferent.
-Afegeix la definició d' "etiqueta deprecada" i posa'n algun exemple.

-Extra: afegeix un enllaç a un document word qualsevol dels realitzats durant el curs. Explica a la web què      passa. S'obre a la mateixa pàgina web? S'obre amb un altre programa?
-Afegeix un enllaç "torna a l'inici" al final de la vostra web, que quan s'hi faci clic torni a l'inici de la web.

Ànim!
Xavi

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