Els documents digitals
Un document digital és un document que es pot desar en un medi electronic, per tant ja n'has elaborat uns quants i l'has fet servir un munt. En aquesta unitat ens referirem als documents elaborats en llenguatge HTML.
Les pàgines web estan escrites en HTML. Una pàgina web és un exemple de document digital HTML penjat en un servidor d'Internet.
Un document digital HTML inclou diferents tipus d'informació: text, imatges i enllaços. Aquests enllaços, anomenats hipertextuals, poden obrir un altre fitxer. Es poden enllaçar tot tipus de fitxers: un document digital, una imatge, un programa, una animació...
En aquest curs elaboraràs un document que s'autoexecuti en posar un CD al lector, però tot el que aprendràs serveix per crear pàgines web. Només faltarà penjar els documents en un servidor.
El llenguatge HTML
Aquest llenguatge conté una sèrie d'instruccions mitjançant unes paraules clau o etiquetes que el navegador interpreta i executa.
Les etiquetes van situades entre els signes < i > i sempre en trobem una al principi i una altra al final de l'objecte al qual fa referència.
Un document digital ha de tenir, pel cap baix, les etiquetes següents:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html> |
Inici del document
Inici de la capçalera del document
Inici del títol
Acabament del títol del document
Final de la capçalera
Inici del cos del document
Final del contingut del document
Fi del document |
El llenguatge HTML va ser creat per al seu ús a la xarxa Internet, i garanteix la compatibilitat amb diferents navegadors, màquines i sistemes operatius.
Un document digital en HTML es pot crear en qualsevol editor, per exemple en la llibreta de Windows. Un cop guardat amb l'extensió .htm o .html es podrà obrir amb qualsevol navegador. El navegador interpretarà els codis oferint l'aspecte que indiquin les instruccions.
Si demanem a l'ordinador que obri un document del tipus "nomdocument.htm" l'obrirà amb el navegador definit per defecte a l'ordinador:
 
Característiques dels documents html
En els documents digitals els textos són independents de les imatges.
El text s'escriu entre les etiquetes del llenguatge. Algunes etiquetes determinen el format del text i l'aparença del document. Altres etiquetes "criden" les imatges al moment d'obrir el document.
En les pràctiques ho veurem.
Només s'admeten alguns formats d'imatge, que són JPG, GIF, i PNG. Tant els textos com les imatges ocupen el mínim espai possible,la qual cosa és molt important si hem de penjar el document com a pàgina web.
Algunes etiquetes html
Una etiqueta HTML consisteix en un text entre el caràcter < i el caràcter >.
Per exemple, < b> indica començament de negreta, < i > començament de cursiva... Cada etiqueta té el seu contrari que determina el final de l'atribut.
Així, si < b> indica inici de negreta, < /b> indica final de negreta. El text que escrivim entre totes dues etiquetes apareixerà en negreta quan obrim el document amb el navegador.
Les pàgines HTML comencen amb l'etiqueta <html> i acaben en </html>.
Tot document digital conté aquestes etiquetes:
| <html> |
Inici del document |
| entre <head> i </head> |
Dades que identifiquen la pàgina |
| entre <title> i </title> |
Títol que apareix a la pestanya del navegador |
| entre <body> i </body> |
Tot el contingut del document |
| </html> |
Fi del document |
En el cos del document s'hi poden utilitzar moltes etiquetes, en veurem algunes:
| <a ref="nomdocument.htm"> |
Defineix un enllaç a un altre document digital: nomdocument.htm |
| </a> |
Assenyala on acaben les paraules o la imatge que constitueixen l'enllaç |
| <img scr=<"nomimatge.extensio"> |
Crida la imatge que volem incloure en el cos del document |
| <tr> i </tr> |
Delimiten una taula |
Altres etiquetes són:
| <h1><h2><h3> |
Comença la capçalera tipus h1,h2 o h3 |
| </h1></h2></h3> |
Final de capçalera |
| <center> i </center> |
El text entre elles apareix centrat a la finestra |
| <hr> |
Ens fa aparèixer una línia horitzontal |
| <br> |
Indica un retorn de línia dins el mateix paràgraf |
| text entre <b> i </b> |
Negreta |
| text entre <i>i </i> |
Cursiva |
| text entre <u> i </u> |
Subratllat |
| <p> |
Inici de paràgraf |
| </p> |
Indica on acaba el paràgraf |
Si mireu el codi de qualsevol pàgina veureu que els caràcters accentuats s'escriuen també d'una manera especial.
Per exemple, pàgines apareix: pàgines, on à indica al navegador que ha de visualitzar-se à.
|
Presentació
Teoria de la unitat 
I ara, què vols fer? 
