Repàs · Capítol 1. La primera pàgina
omple, corregeix i mira què et falla
La nota surt de les 45 preguntes de resposta curta. Les preguntes obertes no puntuen, perquè no es poden corregir soles.
La solució només surt on hagis contestat. El que deixis en blanc es queda en blanc: així no et pots donar les respostes sense pensar-hi.
Posa-hi el nom abans de descarregar el PDF: si no, no se sabrà de qui és.
Practica 1.1
a) Classifica cada canvi en un dels tres nivells.
(Comprovació del primer: escanejar fotos només canvia el suport, o sigui que és informació.)
| Canvi | Nivell |
|---|---|
| Escanejar les fotos de paper de l'àlbum familiar | |
| Un restaurant passa la carta de paper a un PDF | |
| El mateix restaurant posa un QR a cada taula: demanes i pagues des del mòbil, i la comanda arriba sola a la cuina | |
| El metge fa la recepta electrònica i la farmàcia la llegeix amb la teva targeta sanitària | |
| Un videoclub deixa de llogar DVD i passa a ser una plataforma de pel·lícules en línia amb quota mensual | |
| Una acadèmia passa els apunts de paper a fitxers PDF |
b) Pensa en una botiga o un servei del teu poble que coneguis. Escriu un canvi que el portaria al nivell 2, el de processos.
Practica 1.2
Digues a quina pàgina de la web aniria cada frase.
(Comprovació de la primera: «reparar en lloc de llençar» és economia circular, o sigui circular.html.)
| Frase | Pàgina |
|---|---|
| «Reparar un mòbil en lloc de llençar-lo allarga la seva vida.» | |
| «Hola, soc l'Aina i estudio SMX a Es Liceu.» | |
| «El pla per digitalitzar Can Bit comença per la recepció dels ordinadors.» | |
| «El Gmail és un programa que fas servir sense instal·lar-lo: és al núvol.» | |
| «A la fàbrica, cada màquina envia dades a l'ordinador central.» |
Practica 1.3
a) Digues si cada nom de fitxer és correcte. Si no ho és, escriu-lo bé.
(Comprovació del primer: Qui Som.html té majúscules i un espai, o sigui que no; seria qui-som.html.)
| Nom | Correcte? | Com hauria de ser |
|---|---|---|
Qui Som.html |
||
circular.html |
||
núvol.html |
||
pla de transformació.html |
||
INDEX.HTML |
||
industria.html.txt |
b) Obres la teva pàgina al navegador i a l'adreça hi diu 127.0.0.1. Un company diu que ja la pot veure tothom a internet. Té raó? Per què?
Guiat 1.4
En Marc Vidal ha escrit ! i Tab, i VS Code li ha fet la plantilla. Ara l'ha de convertir en la seva portada. Completa com ha de quedar cada línia. La primera ja hi és.
| El que posa VS Code | Com ha de quedar |
|---|---|
<html lang="en"> |
<html lang="ca"> |
<title>Document</title> |
|
<body>, buit |
Practica 1.5
a) Aquesta pàgina té quatre errors. Troba'ls i escriu com s'arreglen.
<html lang="ca">
<head>
<title>Digitalització</h1>
</head>
<h1>Digitalització aplicada</h1>
<body>
<p>La web d'en Pau.
</body>
</html>
b) Digues si cada cosa va al <head> o al <body>.
(Comprovació del primer: el text de la pestanya no es veu dins la pàgina, o sigui que va al <head>.)
| Què és | On va |
|---|---|
| El text de la pestanya | |
| El títol gran de la pàgina | |
<meta charset="utf-8"> |
|
| Un paràgraf que diu qui ets |
Practica 1.6
a) Aquests títols són d'una pàgina. Digues quines dues regles es trenquen i arregla-ho.
<h1>Digitalització aplicada</h1> <h3>Qui soc</h3> <h1>Què és digitalitzar</h1>
b) Escriu aquí, en paper, el <body> de la teva portada: el <h1>, un paràgraf que digui qui ets i els tres apartats <h2> de la portada de mostra, cadascun amb el seu paràgraf. Marca amb <strong> una paraula important. Després el passaràs a index.html.
Practica 1.7
a) Ordena els passos de cada dia, del 1 al 5.
(Comprovació del primer: abans de res, has de desar el que has escrit.)
| Pas | Ordre |
|---|---|
| Prémer Sync Changes | |
Desar els fitxers amb Ctrl + S |
|
| Escriure el missatge del que has fet | |
| Prémer Commit | |
| Obrir Source Control |
b) Relaciona cada paraula amb el que és.
| Paraula | Què és |
|---|---|
| Git | |
| GitHub | |
| Repositori | |
| Commit |
A. Vertader o fals
| Frase | V o F | Per què |
|---|---|---|
| Si una botiga té ordinador, ja està digitalitzada | ||
| Passar les notes de paper a un full de càlcul és transformació digital | ||
La portada d'una web es diu index.html |
||
Economia Circular.html és un bon nom de fitxer |
||
El <title> es veu dins la pàgina |
||
Una pàgina pot tenir dos <h1> |
||
| Si fas commit i no fas Sync Changes, el canvi no arriba a GitHub |
B. Preguntes curtes
1. Explica amb les teves paraules què és digitalitzar.
2. Quina diferència hi ha entre digitalitzar un procés i la transformació digital?
3. Quines són les quatre peces de la plantilla bàsica?
4. Què passa si t'oblides de <meta charset="utf-8">?
5. Per a què serveix GitHub? Digues-ne dues coses.
C. Problemes
Problema 1. Una llibreria del teu poble apunta en una llibreta els llibres que li encarreguen. Proposa-li un canvi per a cadascun dels tres nivells.
Problema 2. Escriu sencera la pàgina index.html d'en Joan Riera. A la pestanya: «Digitalització · Joan Riera». Dins la pàgina: el títol «Digitalització aplicada», un paràgraf que digui qui és i un apartat «Què és digitalitzar» amb un paràgraf. Posa la paraula «dades» en <strong>.
Problema 3. Una companya ha fet la seva portada a casa, amb el Bloc de notes. Diu que el fitxer es diu Index.html, que els accents li surten estranys i que el títol de la pestanya diu «Document». Digues-li quines tres coses ha d'arreglar.