CLASSE 3AST - MATERIA: INFORMATICA

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

ESERCITAZIONI DI LABORATORIO

Modulo uno: HTML e pagine web

• FAQ - COME FUNZIONA
  
  
  • 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
    
    
• 1.1 Il linguaggio HTML
• 1.2 Anatomia di una pagina web
• 1.3 Costruiamo una pagina HTML
• 1.4 Elementi di blocco ed elementi inline
• 1.5 Immagini
• 1.6 Ipertesti
• 1.7 Formati di immagine
• 1.8 Gli stili (prima parte)
• 1.9 Gli stili (seconda parte)
  
  
• S1.1 Simulazione pratico modulo 1

Modulo due: Costruiamo un sito web (👉un voto sufficiente su questo modulo, recupera con un 6 anche il modulo precedente)

• 2.1 Altervista
• 2.2 Liste
• 2.3 Tabelle
• 2.4 Colspan e rowspan
• 2.5 Filezilla
• 2.6 La pagina principale
• 2.7 La lista dei siti suggeriti
• 2.8 Una galleria di immagini
• 2.9 Altre tabelle
  
  
• S2.1 Simulazione compito pratico Modulo 2

  Primo Periodo/Secondo Periodo  

Modulo tre: Stili e fogli stile

• 3.1 Stili inline, stili incorporati, fogli stile
• 3.2 Classi
• 3.3 Selettori
• 3.4 Strumenti per sviluppatori di Chrome
• 3.5 Aggiungiamo una pagina
• 3.6 Il foglio stile
• 3.7 Classi universali e no
• 3.8 Selettori contestuali
• 3.9 Una pagina di giornale
  
  
• S3.1 Simulazione pratico Modulo 3

Modulo quattro: Posizionamento con i fogli stile (👉un voto sufficiente su questo modulo, recupera con un 6 anche il modulo precedente)

• 4.1 Div e id
• 4.2 Margin e padding
• 4.3 Posizionamento absolute e relative
• 4.4 Posizionamento float
• 4.5 Esercizio
• 4.6 Una galleria di immagini (seconda parte)
• 4.7 Layout pagina
• 4.8 Una mappa cliccabile
• 4.9 Iframe
  
  
• S4.1 Prima simulazione verifica posizionamento con gli stili
• S4.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 cinque: Accessibilità e form

• 5.1 Accessibilità
• 5.2 Contrasto cromatico
• 5.3 Altri problemi di accessibilità
• 5.4 Rendiamo accessibile una pagina del sito
• 5.5 Form
• 5.6 Elemento input
• 5.7 Altri elementi del form e accessibilità
• 5.8 Un modulo di contatto per il sito
  
  
• Rendere accessibile una pagina
• Dimensioni dei caratteri ed errori di accessibilità
• Come correggere gli errori di validazione con Find/Replace
• Esempio di pagina con problemi di accessibilità e di corrispondente pagina senza problemi di accessibilità
  
  
• S5.1 Simulazione accessibilità

Modulo sei: Pagine responsive

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

• 6.1 Struttura della pagina in HTML5
• 6.2 Introduzione al responsive design
• 6.3 Un'altra pagina responsive
• 6.4 Menu di navigazione responsive
• 6.5 Un menu responsive per il sito
• 6.6 Rendiamo responsive una pagina
• 6.7 Usabilità
• 6.8 Ultimi ritocchi sul sito
  
  
• S6.1 Simulazione pagine responsive

Modulo sette: Pagine dinamiche

• 7.1 Approfondimenti sui selettori
• 7.2 Un esercizio con i selettori
• 7.3 Pseudoclassi
• 7.4 Transizioni
• 7.5 Trasformazioni
• 7.6 Animazioni
• 7.7 Checkbox
• 7.8 Trucchi con le checkbox
  
  
• 7.9 Progetti
  
  
• S7.1 Simulazione pagine dinamiche
• S7.2 Seconda simulazione verifica
• Palloncini (un gioco)

PROGRAMMA PREVENTIVO E FINALE DEL CORSO

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