CLASSE 3BST - MATERIA: INFORMATICA

• Home
• Laboratorio
• Lezioni
• The Best
• Estate
• Debiti

ESERCITAZIONI DI LABORATORIO

Modulo zero: HTML e pagine web

• PER CHI INIZIA A LAVORARE DA CASA (guarda il video e leggi i documenti qui sotto)
  
  
  • Video introduttivo su come scaricare le esercitazioni e dare un nome alle cartelle
  • Regole generali per lo svolgimento e la consegna delle esercitazioni di laboratorio
  • Guida a tutti i simboli contenuti nelle esercitazioni
    
    
• 0.1 Il linguaggio HTML
• 0.2 Anatomia di una pagina web
• 0.3 Creiamo una pagina HTML
• 0.4 Elementi di blocco ed elementi inline
• 0.5 Immagini
• 0.6 Ipertesti
• 0.7 Gli stili (prima parte)
• 0.8 Gli stili (seconda parte)
  
  
• S0.2 Simulazione scritto
• S0.1 Simulazione pratico recupero

Modulo uno: Liste e tabelle

• 1.1 Liste
• 1.2 Tabelle
• 1.3 Colspan e rowspan
• 1.4 Altervista (metti online il tuo sito)®
• 1.5 Filezilla®
• 1.6 La pagina principale®
• 1.7 La lista dei siti suggeriti®
• 1.8 Una galleria di immagini®
  

• S1.1 Simulazione compito pratico Modulo 1

Modulo due: Stili e fogli stile

• 2.1 Stili inline, stili incorporati, fogli stile
• 2.2 Classi
• 2.3 Selettori
• 2.4 Strumenti per sviluppatori di Chrome
• 2.5 Aggiungiamo una pagina ®
• 2.6 Il foglio stile ®
• 2.7 Classi universali e no ®
• 2.8 Selettori contestuali ®
  
  
• S2.1 Simulazione pratico Modulo 2

Modulo tre: Posizionamento con i fogli stile

• 3.1 Div e id
• 3.2 Margin e padding
• 3.3 Posizionamento absolute e relative
• 3.4 Layout della pagina con lo stile float
• 3.5 Una galleria di immagini (seconda parte) ®
• 3.6 Layout pagina ®
• 3.7 Una mappa cliccabile ®
• 3.8 Iframe ®
  
  
• S3.1 Prima simulazione verifica posizionamento con gli stili
• S3.2 Seconda simulazione verifica posizionamento con gli stili
  
  
• Layout con i fogli stile 1: Dimensioni liquide vs dimensioni solide (video lezione)
• Layout con i fogli stile 2: Creare 3 righe e il padding (video lezione)
• Layout con i fogli stile 3: Creare colonne, margin e border (video lezione)

Modulo quattro: Accessibilità e form

• 4.1 Accessibilità ®
• 4.2 Contrasto cromatico®
• 4.3 Altri problemi di accessibilità
• 4.4 Rendiamo accessibile una pagina del sito ®
• 4.5 Form
• 4.6 Elemento input
• 4.7 Altri elementi del form e accessibilità
• 4.8 Un modulo di contatto per il sito ®

• Rendere accessibile una pagina
• Dimensioni dei caratteri ed errori di accessibilità
• Esempio di pagina con problemi di accessibilità e di corrispondente pagina senza problemi di accessibilità
  
  
• S4.1 Simulazione accessibilità

Modulo cinque: Pagine responsive

Il simbolo della cuffia indica un'esercitazione contenente un video con audio

• 5.1 Struttura della pagina in HTML5
• 5.2 Introduzione al responsive design
• 5.3 Un'altra pagina responsive
• 5.4 Menu di navigazione responsive
• 5.5 Un menu responsive per il sito ®
• 5.6 Rendiamo responsive una pagina ®
• 5.7 Usabilità ®
• 5.8 Ultimi ritocchi sul sito ®
• 5.9 HTTPS ®
  
  
• S5.1 Simulazione pagine responsive

Modulo sei: Pagine dinamiche

• 6.1 Selettori
• 6.2 Un esercizio con i selettori
• 6.3 Pseudoclassi
• 6.4 Transizioni
• 6.5 Trasformazioni
• 6.6 Animazioni
• 6.7 Checkbox
• 6.8 Trucchi con le checkbox
  
  
• S6.1 Simulazione pagine dinamiche
• Palloncini (un gioco)

PROGRAMMA PREVENTIVO E FINALE DEL CORSO

• Programma preventivo del corso di Informatica
• Programma finale del corso di Informatica