HTML5 i CSS3

• HTML5

D'on he tret la informació

   Primer tindríem la creació de l'HTML, segon la introducció d'XHTML i tercer XHTML2 com a estàndard oficial de la w3c.   
    Els inicis d'HTML es remunten a principis de la dècada dels 90s, és en l'any 1993 quan es busca donar una millor adaptació al llenguatge i es comença a treballar per millorar-lo, iniciant així la creació de versions.
   El 2004 la W3C va establir la necessitat de comptar amb un nou estàndard 
XHTML i més tart, es proposa un nou estàndard  XHTML2.   Per la seva banda empreses com Apple, Mozilla i Opera van decidir reprendre el projecte abandonat per a la creació d'una cinquena versió d'HTML, i van començar a treballar-hi per aconseguir una millor compatibilitat amb les tecnologies de l'actualitat.   Va ser en 2006 quan la W3C va tornar a interessar-se en HTML5 i finalment en 2007 es va unir al grup que es trobava treballant en aquesta versió, per així unificar projectes. També es va seguir treballant en XHTML2 de forma paral·lela fins a 2009 que no es renova el projecte per desenvolupar XHTML2 i finalment, en 2010 es dóna la popularització d'HTML5.


 Quines són les novetats? D'on he tret la informació

     Els nous elements d'HTML5

      Els nous elements d'HTML5 més interessants són: 

      Els nous elements semàntics com <header>, <peu de pàgina>, <article> i <secció>.

      Els nous atributs dels elements de formulari , com el nombre, data, hora, calendari i abast.

      Nous elements gràfics : <svg> i <canvas>.

      Nous elements multimèdia : <àudio> i <video>.

•    CSS3

A diferència de CSS2, que va ser una gran especificació que definia diverses

 funcionalitats, CSS3 està dividida en diversos documents separats, anomenats "mòduls".

Cada mòdul afegeix noves funcionalitats a les definides en CSS2, de manera que

 es preserven les anteriors per mantenir  la compatibilitat.

Els treballs al CSS3, van començar alhora que es va publicar  la recomanació oficial 

de CSS2, i els primers esborranys de CSS3 van ser alliberats al juny de 1999.

A causa de la modularització del CSS3, diferents mòduls poden trobar-se en diferents

 estats del seu desenvolupament, de manera que a dates de novembre de 2011, hi ha

al voltant de  cinquanta mòduls publicats, tres d'ells es van convertir en recomanacions

 oficials de la W3C el 2011: " selectors "," Espais de noms "i" Color ".

Alguns mòduls, com "Fons i colors", "Consultes de mitjans"o "Dissenys multicolumna"

estan en fase de "candidats", i considerats com raonablement estables, a finals de 2011,
 i les seves implementacions en els diferents navegadors són assenyalades amb els

 prefixos del motor del mateix.

 Quines són les novetats? D'on he tret la informació

• Diverses imatges de fons 
• Cantonades arrodonides  
• Bordes amb imatges 
• Ombres  
• Transparències de color 
• Text en diverses columnes.  
• Nous Selectors 
• Animacions

 

HTML amb CSS

Per qué hem de fer CSS en un lloc web (site):
   En aquest últim exercici que he fet en l'assignatura d'informàtica, he pogut aprendre quina utilitat té el CSS. 
     Per a crear una pàgina web, hem d'utilitzar HTML, però per a separar el contingut de la presentació, utilitzem CSS. En separar el contingut, hem referisc a que en HTML es crea l'esquema de la pàgina, i que amb el CSS ,per separat, li dones estil a la pàgina web que estem creant i després l'enllaces al HTML. Creant així una pàgina web que amb distints CSS(estils), poden crear-se distintes pàgines web.

    Aquest ultim treball hem fet una pàgina web d'una taula amb HTML, per crear un calendari i per a crear l'estil d'aquesta pàgina web hem utilitzat CSS.
*** El CSS es pot escriure tant dins del HTML com fora, en aquest cas, estic explicant-ho per a un CSS fora del HTML i enllaçat al HTML:<link rel="stylesheet" type="text/css" href="calendari1.css" />
He creat el primer CSS (calendari1.css) i després el segon (calendari2.css).
Per a no ficar els dos CSS a la vegada, ja que no es pot, hem desactivan un CSS( un estil de pàgina), utilitzant  un comentari:

    <!-- <link rel="stylesheet" type="text/css" href="calendari2.css" /> -->
    <link rel="stylesheet" type="text/css" href="calendari1.css" />
    <!-- Se puede cambiar el comentario, para activar un css o el otro -->

Per activar el calendari amb el segon estil, ho trac de l'etiqueta del comentari i fique com a comentari l'altre link del "calendari1.css", desactivant aquest.
Quan el CSS és un arxiu de fora del HTML no fa falta utilitzar l'etiqueta <style> en canvi si estiguera dins, a l'interior de l'etiqueta <head> hem de crear el CSS(l'estil de pàgina) entre les etiquetes  <style> y </style>.

Imatges del meu treball, el calendari:

1. La pàgina web de la taula sense cap estil: 

2. La pàgina web amb el primer estil "calendari1.css":

 
3. La pàgina web amb el segon estil "calendari2.css":