CAPÍTOL 1
La primera pàgina
què és digitalitzar, i la teva portada en HTML
PREGUNTA PER A LA CLASSE
«A la botiga del poble hi ha un ordinador damunt el taulell.»
Ja està digitalitzada?
Digitalitzar: passar una cosa a dades
Dades que un ordinador pot llegir, guardar i enviar. No és «posar un ordinador».
El que compta és on viu la informació i com es fa la feina.
Tres nivells, a Reparacions Can Bit
La regla ràpida: comença per dalt
Passar les notes de la llibreta a un full de càlcul: només canvia el suport → informació.
PREGUNTA PER A LA CLASSE
«Poses el mòbil davant el QR de la taula, demanes, pagues, i la comanda arriba sola a la cuina.»
Informació, procés o transformació?
La teva web: sis pàgines
Una portada i una pàgina per a cada tema del mòdul.
Cada pàgina demana una eina nova: llistes, estils, taules, fitxes, diagrames.
Avui fem la portada: index.html.
Els noms de fitxer: quatre regles
Crea els fitxers des de VS Code: Windows amaga el .txt.
Com treballaràs
127.0.0.1 vol dir «aquest ordinador». Encara no és a internet: només ho veus tu.
El HTML diu què és cada cosa
SENSE HTML
Tot seguitDigitalització aplicada La web de l’AinaAMB HTML
Títol i paràgraf<h1>Digitalització aplicada</h1> <p>La web de l’Aina</p>
Què és, no com es veu. L’aspecte és del CSS, al capítol 3.
Etiqueta, contingut i element
<p>La web de l’Aina</p>
Les etiquetes, en minúscules.
La plantilla: quatre peces
Al head, tres línies: charset, viewport i title.
Escrius ! i Tab… i canvies dues coses
I al <body>, el que es veu: un <h1> i un <p>.
El title va a la pestanya. El h1, dins la pàgina.
Títols i paràgrafs
Els títols fan l’índex de la pàgina.
La portada de mostra
<h1>Digitalització aplicada</h1> <p>La web de l’Aina Serra...</p> <h2>Qui soc</h2> <p>...</p> <h2>De què va aquesta web</h2> <p>...</p> <h2>Què és digitalitzar</h2> <h3>La informació</h3> <h3>Els processos</h3> <h3>La transformació digital</h3>
Un <h1>, tres <h2> i, dins el tercer, tres <h3>.
Els ... els escrius tu, amb les teves paraules.
Primer al quadern, amb bolígraf. Després, a index.html.
La web, al núvol: GitHub
PER QUÈ
Una còpiaSi l’ordinador de l’aula s’espatlla, la web continua a internet. I la tens a casa.
PER QUÈ
La històriaCada canvi que puges és una fotografia. Pots tornar a la d’ahir.
Cada dia, abans de marxar
Commit sense Sync: a casa no hi serà.
Els vídeos d’aquest capítol
Són a digit.enguillem.es, al costat de la data de cada classe.