HTML5 e CSS3

IL LINGUAGGIO HTML

· Introduzione al linguaggio HTML

· Sintassi di base

· Concetto di tag, attributo e valore

· Problemi di compatibilità tra browser

· HTML e l'accessibilità delle pagine web

· La formattazione del documento web - i paragrafi e la titolazione

· Gli elenchi puntati e numerati

· I collegamenti ipertestuali

· Inserire immagini in un documento web

· I formati grafici per il web

· La realizzazione delle tabelle

· Il Tag IFRAME per incorporare contenuti web esterni al proprio sito (Youtube, Google Maps, Vimeo, Facebook, etc.)

· Risorse utili e casi pratici

HTML5 SEMANTICO

· Introduzione all'HTML5 e differenze con HTML4.01

· la sintassi HTML5

· Il supporto dei browser

· Fallback e Polyfill per gestire retrocompatibilità dei browser

· I nuovi TAG e gli attributi introdotti in HTML5

· Elementi Header e Footer

· Elementi Section e Article

· La navigazione semantica con l'elemento Nav

· Elementi Aside e Figure

· Integrare Facebook all’interno del proprio sito Web

· Open Graph Protocol

· Risorse utili e casi pratici

LE FORM E LA MULTIMEDIALITÀ CON HTML5

· Creazione dei Form (moduli)

· Analisi ed utilizzo dei campi form HTML

· Le novità introdotte per le form in HTML5

· I tag AUDIO e VIDEO e i loro attributi

· I formati audio e video supportati

· Progettare video per tutti i device

· Risorse utili e casi pratici

I FOGLI DI STILE CSS

· Introduzione ai fogli di stile CSS

· Separare lo stile dai contenuti

· Le regole della sintassi CSS

· Differenti tipologie di fogli di stile: fogli di stile in linea, incorporati, esterni, importati

· Analisi degli stili principali: gli stili del testo, gli stili per lo sfondo

· Utilizzare le Classi e le pseudoclassi CSS

· ID univoco

· Caso pratico: realizzazione di una barra di navigazione complessa

· Le immagini in Background

· Il box Model CSS tradizionale

· Tre proprietà speciali: display, float e clear

· Il Layout Fisso

· Il Layout Fluido o Liquido a 2 e tre colonne

· Il Layout elastico per adattare il proprio sito a differenti risoluzioni e dimensioni del monitor

· Impostare un CSS Reset

· I fogli di Stile CSS e Internet Explorer

· I commenti condizionali: riconoscere la versione di Explorer utilizzata

LE NOVITÀ DEI CSS3

· La sintassi CSS3 proprietaria dei browser

· La proprietà @font-face

· Utilizzare i colori rgba e la proprietà opacity

· La proprietà box-sizing

· Arrotondare i bordi dei box

· Le proprietà CSS3 per ombreggiare Box e Testi

· Le nuove pseudoclassi introdotte dai CSS3

· Risorse utili e casi pratici

INTRODUZIONE AL RESPONSIVE WEB DESIGN

· Le Media Queries CSS3

· Impostare i breakpoint in un foglio di stile

· Il meta tag "viewport"