Lezione 19: Creare collegamenti alle pagine
90 minuti
Panoramica
Domanda del giorno: come possiamo combinare diverse pagine web in un unico sito web?
Gli studenti iniziano la lezione cercando online la prima pagina web e discutendo di come l'uso dei collegamenti (=link) sia stato ciò che ha dato inizio al web. Quindi passano a "Sviluppo Web" dove imparano a creare i propri link, oltre a buone convenzioni che semplificano la navigazione degli utenti su una pagina. Infine, riflettono sul loro progetto di gruppo e su quali sono i loro obiettivi personali per l'ultimo tratto.
Traguardo di apprendimento
I link sono la caratteristica distintiva del web. Sebbene sembrino semplici, sono ciò che ci consente di spostarci senza problemi su Internet. Questa lezione offrirà agli studenti esercitazioni nell'uso dei link e li introdurrà alle buone pratiche di navigazione per i loro siti.
Opportunità di valutazione
-
Usa l'HTML per creare collegamenti tra le pagine
Vedi l'esercizio di valutazione in Code Studio.
Mappatura delle competenze
AP - Algorithms & Programming
- 1B-AP-12 - Modifica, rimescola o incorpora parti di un programma esistente, personalizzandolo, per sviluppare qualcosa di nuovo o aggiungere funzionalità più avanzate.
- 2-AP-15 - Seek and incorporate feedback from team members and users to refine a solution that meets user needs.
- 2-AP-16 - Incorporate existing code, media, and libraries into original programs, and give attribution.
- 2-AP-17 - Systematically test and refine programs using a range of test cases.
- 2-AP-19 - Document programs in order to make them easier to follow, test, and debug.
IC - Impacts of Computing
- 1B-IC-21 - Utilizzare media di pubblico dominio o creative commons e astenersi dal copiare o utilizzare materiale creato da altri senza autorizzazione.
Pianificazione
Obiettivi
Gli alunni saranno in grado di:
- usare l'HTML per creare collegamenti tra le pagine web.
Preparazione
- Assicurati che gli studenti abbiano accesso alla pianificazione del sito web affrontata nella lezione precedente.
- Controlla il forum "Aula insegnanti" per insegnanti verificati per trovare strategie o risorse aggiuntive condivise dagli altri colleghi insegnanti
- Se stai facendo una lezione virtuale, valuta la possibilità di controllare le nostre Modifiche alla lezione virtuale
Collegamenti
Attenzione! Fai una copia di tutti i documenti che intendi condividere con gli alunni.
Per gli insegnanti
- Hyperlinks - Risorse
- Creare collegamenti alle pagine - Diapositive (Scarica)
Codice introdotto
Guida didattica
Preparazione (5 minuti)
Prima ricerca di una pagina Web
Forma i gruppi: disponi gli studenti in coppia. Non è necessario che facciano parte dei loro gruppi di progetto.
Mostra: le due seguenti domande rapide alla lavagna e indirizza gli studenti a trovare le risposte online utilizzando un motore di ricerca di loro scelta o qualsiasi metodo che normalmente utilizzano per la ricerca.
- Qual è stata la prima pagina web mai creata?
- Qual è l'unica caratteristica che non abbiamo ancora imparato a fare?
Sebbene ci siano molti posti in cui gli studenti potrebbero andare per trovare la risposta a questa domanda, molto probabilmente una ricerca su Google li porterà a un articolo che descrive la pagina che Tim Berners-Lee ha creato il 6 agosto 1991. La pagina è composta da testo semplice con alcuni collegamenti ipertestuali.
][0]
Condividi: dopo aver dato agli studenti il tempo di cercare online, consenti loro di condividere le loro risposte.
Osservazioni
Anche se la prima pagina web sembra semplice, aveva qualcosa che non era mai stato fatto prima: i link. I link sono ciò che ha reso speciale il web, perché consentono alle persone di spostarsi facilmente su Internet. Oggi imparerai come inserire link nelle tue pagine web, in modo che la tua squadra possa unire tutte le tue pagine in un unico sito web.
Domanda del giorno: come possiamo combinare diverse pagine web in un unico sito web?
Attività (80 minuti)
Sviluppo Web
Forma i gruppi: dai modo agli studenti di continuare a coppie.
Transizione: fai andare gli studenti a Code Studio.
Guida agli esercizi di programmazione: ulteriori indicazioni per gli esercizi di programmazione sono fornite nella Guida CSD agli esercizi di programmazione. Questo documento include strategie e buone pratiche per agevolare lo svolgimento degli esercizi di programmazione con gli studenti.
Valutazione formativa: questo esercizio può essere utilizzato come valutazione formativa. Nell'esercizio viene fornita una tabella con i criteri di valutazione e agli studenti può essere fornito un riscontro scritto. Clicca qui per saperne di più su come fornire riscontri agli studenti.
Conclusione (5 minuti)
Diario
Domanda del giorno: come possiamo combinare diverse pagine web in un unico sito web?
Discussione: oggi hai imparato a collegare le pagine, il che aiuterà la tua squadra a lavorare insieme per creare un sito web. Oltre ai collegamenti tra loro, cos'altro aiuterà tutte le tue pagine a sembrare un unico sito?
Discussione: dopo che gli studenti hanno avuto il tempo di scrivere i loro pensieri, consenti loro di condividerli in piccoli gruppi prima di prendere idee da tutta la classe.
Gli studenti possono trovare idee come una combinazione di colori o stili simili o contenuti simili. Possono menzionare un'intestazione nella parte superiore della pagina o nella barra di navigazione. La cosa più importante è che pensino al sito come a un singolo progetto a cui tutti stanno contribuendo, piuttosto che come un insieme di singole pagine web.
Questo compito è disponibile previa Licenza Creative Commons (CC BY-NC-SA 4.0).
Se sei interessato ad utilizzare i materiali di Code.org per scopi commerciali, contattaci.
