Il percorso è finalizzato ad approfondire le tecniche professionali di realizzazione di pagine web statiche. Si analizzeranno nel dettaglio la composizione della struttura delle pagine in HTML5, e l'utilizzo di fogli di stile (CSS3), anche avvalendosi di toolkit dedicati, come Bootstrap. Al termine del percorso l'allievo/a sarà in grado di utilizzare i più attuali standard di sviluppo per realizzare professionalmente pagine web statiche. Le competenze acquisite potranno essere ulteriormente implementate all'interno di moduli complementari di approfondimento, quali:

• TECNICHE DI SVILUPPO WEB FRONT END - JAVASCRIPT E JQUERY
• TECNICHE DI SVILUPPO WEB BACK END - PHP E MySQL

Pre-requisiti: conoscenze di base relative alle tecniche di sviluppo web.

Cosa imparerò?

HTML

• HTML. La struttura base di un documento
• Scrittura codice HTML
• Strumenti: Editor HTML, validatori e supporto browser
• Codifica dei caratteri
• Dichiarazione della codifica
• Differenze tra HTML, XHTML, HTML5
• Doctype e namespace
• Annidamento e chiusura dei tag
• Entità. ID name.
• Gli script. Compatibilità
• Struttura della pagina
• Gli elenchi strutturati
• Liste di definizioni
• Gestione delle immagini
• Riferimenti assoluti e relativi
• Preparare le immagini per il web
• Inserire le immagini
• Testo alternativo e descrizione lunga
• Spazio intorno alle immagini
• Collegamenti, ancore e target
• Mappe immagine. Tabindex
• Accesskey. Le tabelle
• I moduli. Gestione file multimediali e script.
• Frame e IFrame
• Gli elementi strutturali <header> <nav> <section> e blocchi semantici
• Il tag per includere un file video
• Il markup per includere un file audio
• Codec e contenitori
• Caratteristiche avanzate di HTML5
• Disegnare con le curve di Bézier
• Stili linea, Gradienti, Immagini, Animazioni
• Geolocalizzazione

CSS

• La sintassi CSS
• Selettori, classi e id
• Selettori sulla base di attributi
• Come fornire le indicazioni di stile
• Media query
• Unità di misura
• Colori
• Validare i CSS
• Proprietà specifiche per i browser
• Formattazione del testo e del paragrafo
• Font incorporati o font Web
• Le ombre
• Text-overflow
• Testo a capo
• Modifica del cursore
• Box model
• Sfondo Overflow
• Box ridimensionabili
• Visibilità
• Allineamento verticale
• Display block, inline e none
• Posizione degli elementi
• Elementi flottanti
• Flex
• Formattazione degli elenchi nidificati
• Formattazione delle tabelle
• Gestione delle immagini
• I moduli
• Trasformazioni 2D – 3D, transizioni e animazioni
• Layout a colonne

Bootstrap

• Introduzione a Bootstrap
• Iniziare a usare Bootstrap: il download
• Template HTML di partenza
• Componenti di Bootstrap, una panoramica
• Layout responsive con Bootstrap: la griglia
• Layout responsivi: funzioni avanzate della griglia
• La griglia, visibilità e disattivazione
• Personalizzare Bootstrap
• Componenti aggiuntivi: generatori visuali di temi
• Sovrascrivere i componenti di Bootstrap
• Usare classi di modifica aggiuntive
• Creare componenti custom a partire da quelli di Bootstrap
• Uso dei componenti "Javascript": la Data API

Verifica finale

A chi è rivolto e quanto costa

• Dipendenti di aziende pubbliche e private localizzate in Piemonte e/o lavoratori occupati domiciliati in Piemonte (voucher 70%)    198.00 € 
  

---

• Lavoratori occupati (in aziende localizzate in regione Piemonte) con Isee inferiore o pari a € 10.000,00 (voucher 100%)    GRATUITO 
  

---

• Titolari e coadiuvanti di microimprese, liberi professionisti, lavoratori autonomi, piccole imprese (voucher 70%)    198.00 € 
  

---

• Allievi non destinatari di voucher    660.00 € 
  

---

• Medie imprese localizzate sul territorio della Città metropolitana di Torino (voucher 60%)    264.00 € 
  

---

Titolo di studio richiesto:
Scuola secondaria II grado / diploma professionale

 Quando si svolge e quanto dura

Orario: 18:30 - 22:00
Ore totali del corso: 60

Inizio corso: a completamento classe
Fine iscrizione: 07/04/2020

Sede: Forte Chance - Margherita - via Avellino, 6 - 10144 Torino