Per veure com s'ha construit aquesta plana, les marques que porta i on s'han posat, clica-hi a sobre amb el botó, dret i marca Veure codi font.
Aquesta plana es un punt de partida per tot aquell qui es vulgui convertir en un bon paginer. Nomes conte allo mes essencial per ser una plana d'hipertext.
Aqui hi escrius tot el que vulguis que surti a la plana. Atencio hi ha "navegadors" que no entenen els accents. Cal codificar-los. Si volem veure la lletra accentuada, independentment del "navegador" usat, hem d'escriure: Atenció Pàgina, i no atenci¢ i p…gina. Si escrivim per error alguna vocal accentuada amb l'editor de text, molts navegadors es possible que mostrin en el seu lloc qualsevol caracter estrany.
Per entendre millor el codi font, fare aquesta plana sense accents ni caracters catalans.
Els paragrafs han d'anar entre les marques adients, que tambe fan fer un salt de linea quan ho visualitzem amb un "navegador".
Mira el Codi Font, ja!
Ara veuras unes marques en majuscula dins els signes < >, al principi, al mig i al final del text. La majoria de marques van per parelles: una obre i l'altra tanca. La que tanca es igual que la que obre amb la barra /. Aixo dona als documents una estructura en forma de "niu"o "anidada". Aquestes marques formen part del llenguatge HTML, que es el que el programa "navegador" utilitza quan ens mostra la plana. Escrivim les marques en majuscula per localitzar-les millor.
Si no posem marques, el "visor" "passa" de salts de linia i de punts i a part. Si volem que el "nevegador" "entengui" un punt i a part hem d'escriure la marca BR: (mira el codi font)Hi ha moltes marques per aconseguir que els "visors" o "navegadors" mostrin el que nosaltres volem ensenyar i com ho volem veure posat. Per aprendre tot aixo el mes practic es baixar-nos un manual d'HTML d'internet i practicar, practicar i practicar...
Tambe s'apren molt navegant i mirant el codi font de les planes que visitem. Veure com els altres fan la feina ha estat el metode tradicional d'aprenentatge de tots els hominids, els simis inclosos.
Per comencar escrius el codi (text i marques) amb un editor de textos que et sigui familiar, graves, vas al navegador per veure la feina com queda (no oblidis marcar "actualitzar" a la barra de menus), tornes a l'editor per corregir el que faci falta, etc.
Cal que la primera vegades que graves el codi d'una pagina vagis a "anomenar i desar", i escullis el format "Texto para MS-DOS". Li has de posar un nom amb l'extensio htm, per exemple:
pepitu.htm (mira el codi font) Ho has endevinat! La I vol dir "Italica", aixo es "cursiva" en angles.
La B vol dir "black", "negre" en angles.
Si alguna cosa no surt com esperaves, estigues-ne segur: has escrit algun codi malament, possiblement nomes sigui algun espai en blanc mal posat!..., O t'has oblidat de gravar..., O encara no has actualitzat el visor...
La manera d'escriure el codi d'una plana amb l'editor de textos, posant salts de linia i espais en blanc, sense marques, que el navegador no considera, fa que mes tard nosaltres podem entendre mes facilment la feina que hem fet. Al navegador li seria ben igual que nosaltres ho escrivissim tot seguit, sense salts de linia ni linies en blanc, mentre posessim les marques als llocs adequats!
Existeixen programes editors d'HTML que automatitzen totes aquestes tasques. Pero aixo es unaltra historia. Per comencar va be saber com funcionen les marques.
Suggeriment: Trobaras enllacos directes a manuals per aprendre a fer Webs a la pàgina de Disseny de Webs. Aixo nomes es la primera llico! Segur que et pots imprimir uns bons apunts.