Unità 3) Settimane n° 7 – 8: Internet: la struttura del web e i linguaggi di scritpting -1

Per questa unità disponiamo di 6 ore.

In questa prima parte ci si concentra sulla pagina web come contenitore strutturato per i nostri futuri programmi.

Lezione 1

Lezione frontale con videoproiettore.  Obiettivo: Imparare come è strutturata una pagina web statica

Contenuti:

  1. Cosa è una pagina web e cosa è HTML. Presentare link a siti da cui imparare (esempio: http://www.mrwebmaster.it/html/guide/guida-html/) e far vedere come si utilizza l’editor
  2. Aprire l’editor e far vedere come realizzare una semplice pagina web. Aprire la pagina con Browser e illustrare il procedimento per modificare e rivedere la pagina modificata
  3. Concetto di TAG. Uso dei tag fondamentali. Illustrare HTML, HEAD, BODY, P, Hn
  4. Approfittare del momento in cui si deve salvare la pagina sul computer per introdurre il concetto di “path”

Lezione 2

Lezione frontale con videoproiettore.  Obiettivo: Imparare come è strutturato un semplice sito statico

Contenuti:

  1. Altri tag: liste ordinate e non ordinate, B, U, I
  2. Introdurre il concetto di link. Presentare il tag A
  3. Introdurre il concetto di sito, esemplificando con tre piccole pagine create allo scopo

Lezione 3

Lezione frontale con videoproiettore.  Obiettivo: completare la pagina web introducendo le immagini
Contenuti
  1. Riprendere il concetto di percorso, introdurre la differenza fra path assoluto e path relativo, spiegare l’importanza di utilizzare path relativi
  2. Presentare il tag IMG, spiegare come fare riferimento ad immagini

Lezione 4 e 5

Lezione di laboratorio. Obiettivo: applicare i concetti appresi
Assegnare agli studenti una semplice consegna che implichi la realizzazione di tre o quattro paginette semplici, correttamente collegate fra loro, e che contengano tutti gli elementi html sin qui visti. Questa lezione rappresenta un primo momento di verifica formativa.

Lezione 6

Lezione frontale con videoproiettore. Obiettivo: arricchimento delle conoscenze

Contenuti

  1. presentare i principali attributi per i tag sin qui visti (es: immagine di background, dimensioni delle immagini, etc etc….. senza insistere eccessivamente sugli attributi di formattazione in quanto saranno sostituiti dai CSS, insistendo invece su attributi specifici, esempio ALT e TARGET nel tag A
Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...