HTML5 i CSS3

Hola a tots!! En aquest post vos vaig a fer una introducció sobre l'HTML5 i el CSS3.

L'HTML5, que es la quinta revisió important del llenguatge básic de la World Wide Web, l'HTML, va apareixer en octubre de 2014 i el CSS3, que és el llenguatge utilitzat per a definir la presentació d'un document estructurat escrit en HTML va apareixer en novembre de 2011.

Les novetats d'HTML5 són la incorporació d'etiquetes com canvs 2D i 3D, audio i video amb codecs per a mostrar els continguts multimedia, etiquetes per a gestionar grans conjunts de dades, que permetixen generar taules dinàmiques que poden filtrar, ordenar i ocultar contingut en el costat del client, millores en els formularis amb noves dades i facilitats per a validar el contingut sense Javascript, visors per a formules matematiques i grafics vectorials i funcionalitat per arrastrar objectes com imatges.

 Les novetats que incorpora CSS3 són afegir sombrejat a un element del tipo box,afegir bordes arredonits als cantons, amb l'etiqueta border-radius, separar en columnes un text o un grup d'elements amb column, afegir una sombra paral.lela al text amb l'etiqueta text-shadow, i fer una animació seleccionant una propietat a animar i definint el seu temps d'animació.

 

Espere que aquesta informació vos siga útil, ens vegem. Fins la próxima!!

HTML amb CSS

Hola a tots!! Com ja sabeu, estic treballant amb html i les págines web.
Aquesta vegada he treballat amb css per a donar-li un estil diferent a les meues págines web.

Per a treballar amb css, és recomanable fer-ho a un lloc web i incrustarlo amb un link a l'HTML ja que, si volem retocar el css o o canviar-lo tot, sols haurem de retocar el arxiu incrustat i no tot el HTML. Així que ens serà molt més fácil a l'hora de editar les nostres págines web.

Per tant, després d'haver creat el nostre arxiu html, hem de crear un altre arxiu css i posar les etiquetes corresponents per a canviar tots els aspectes que vulgam, com el fons, el tipus de lletra, el tamany, els colors,...
Alhora, si volem tindre el mateix arxiu de dues maneres diferents, l'únic que hem de fer és crear un altre arxius css, i, amb les mateixes etiquetes que l'anterior, canviar el que vulgam. Així tindrem el mateix arxius amb dos estils diferents.

 

Aquest és el meu calendari sense CSS

 

Aquest és el calendari amb el primer CSS, en color blau

 

Aquest és el calendari amb el segon CSS, en color rosa

Espere que us siga d'utilitat i ens veguem en el próxim post, fins a la pròxima!!

Javascript:llenguatge de programació per a la web

Hola a tots! Hui vos vaig a parlar del Javascript.

Javascript es un llenguatge de programació que es pot utilitzar per a construir llocs web i fer-los més interactius.
Va ser desarrollat originalment per Brendan Eich de Netscape amb el nom de Mocha en juny de 1997.

Utilitzem Javascript al costat del client perque és un dels llenguatges que pot ser directament "digerit" pel navegador i no necessiten un pretractament.

Per a insertar un javascript en un document html, s'ha de posar entre les etiquetes <script></script>

Com a exemple vos inserte unes captures dels meus treballs on utilitze aquesta etiqueta

Espere que vos haja sigut d'ajuda, fins prompte!!

Codi correcte!

Hola de nou! Hui vinc a explicar-vos les funcions de dos elements de l'html, com són el doctype i el charset, una llista de bones costums per a quan escrivim llenguatge html i un model del codi que necessita tota pàgina web.

Per a començar, us explicare que és el doctype i el metacharset.

El doctype és la declaració del tipus de document. Ens serveix per a indicar que el nostre document està escrit la estructura determinada per un DTD concret.

I el metacharset està compost per l'etiqueta "meta" que representa diversos tipus de metadades que no poden ser expressades per altre etiquetes i amb ella podem indicar el tipus de codificació de la nostra pàgina web i altre tipus de metadades. I també està compost de charset que s'utilitza per a especificar la codificació utilitzada en la nostra pàgina web.
IMPORTANT: únicament ha d'existir una etiqueta meta amb l'atribut charset a la pàgina.


 Ara vos donaré una serie de bones costums per a escriure el codi en HTML.
El primer que heu de fer és escriure les etiquetes bàsiques per a crear un lloc web, com l'HTML, el title, el head, el body,.. i tancar-les immediatament per a no oblidar-se'n després. Ací us deixe una captura de les etiquetes bàsiques d'un lloc web

Un altre consell seria escriure totes les etiquetes en minuscula i anar dentant cada vegada que escrivim una etiqueta dins d'una altra. Per exemple, si escrivim una llista, els seus elements els escriurem dentats per a vore'ls més clars. D'aquesta manera podrem vore més ràpidament tots els elements que formen la pàgina web i, si algú ha de editar el codi, podrà fer-ho de seguida.

Ah! I recorda posar el doctype per a dir-li al teu navegador quina versió d'HTML ha d'usar.

Espere que us haja sigut d'utilitat i recordeu els consells per a fer una bona pàgina web. Fins a la pròxima!

Lloc web senzill

Hola a tothom! En l'entrada de hui vos vaig a explicar com he creat aquesta pàgina web amb links, imatges i un mapa d'imatges.

Primer, creem un arxiu html anomenat index, i dos més per a la foto dels animals que volem que endevinen. Descarreguem les fotos i ho coloquem tot en una carpeta.

A continuació, en l'arxiu index començem a escriure el codi de la pàgina web i col.loquem els links de les pàgines web a les quals en dirigiran quan cliquem en la foto correponent.
 I et quedarà una cosa més o menys així:

 

 Tant en les fotos com en els links en blau, al clicar ens dirigeix a les altres pàgines creades per a que aparega la foto del animal i informació sobre ell

Aquestes pàgines han sigut creades amb un altre arxiu html, on hem posat la foto, la informació i el botó de "torna enrere", amb els codis correctes d'html

I això es tot! Espere que vos haja sigut util i que hajau aprés alguna cosa, fins la pròxima!!

Editors de codi!

Hola a tots! En aquest post us vaig a explicar els problemes i les solucions sobre obrir un arxiu html en diferents sistemes operatius, amb l'exemple del meu arxiu curriculum.html

Aquest arxiu el vaig crear amb Gedit, un tipus de "bloc de notes" en Linux que no posa format, per tant podem crear fàcilment un arxiu html.
El resultat és aquest:

Si intentem obrir aquest arxiu creat en Linux en un altre sistema operatiu com Windows, pot ser tingam problemes per a veure'l tal i com l'hem creat. En bloc de notes de windows es veuria així:

Per a solucionar aquest problema, hem de guardar l'arxiu en el sistema operatiu en el que l'hem creat i canviar el final de línea a Windows o al sistema operatiu amb el que volem obrir-lo.

En el sistema operatiu de Windows, que es el que utilitze a casa, podem descarregar una aplicació com NotePad++, amb la que podrem veure l'arxiu que hem guardat en un altre sistema operatiu exactament igual que l'hem creat i guardat.

Espere que us haja sigut d'ajuda, fins la pròxima!

Programació per a la web!

Holaa! Hui us vaig a parlar del llenguatge que s'utilitza per a crear pàgines web. A hores d'ara, s'utilitza l'HTML5, que conté eines que no hi havien en la versió anterior com ara audio, so, validació,...

Però també tenim altres llenguatges com són l'XML, l'XHTML i l'HTML4

El CSS i el JavaScripit són els que defineixen l'estètica de la pàgina en la part del client.

Açó es tots, espere que us haja sigut d'utilitat. Fins la pròxima!!