corso di siti responsive mobile

Nel mondo web, l'obiettivo di qualunque sito internet è l'essere trovato e visitato. Si può infatti avere a disposizione un sito ben progettato e sviluppato, ma se resta non visitato rimane fine a se stesso.

Dal 21 aprile 2015, Google ha modificato i suoi algoritmi per favorire i siti internet mobile friendly.

In un periodo storico in cui internet viene sempre più consultato da smartphone e tablet, ha quindi la sua importanza saper sviluppare ed implementare un sito web RESPONSIVE.

Ma che cos'è un sito responsive? E' un sito in grado di capire che tipo di device sta utilizzando chi lo sta visitando (pc desktop, laptop, tablet, smartphone) e di adattarsi, per mantenere la sua corretta visualizzazione, alle dimensioni dello schermo di questo device.

In questo nuovo corso verranno trattate le principali tecniche per realizzare siti responsivi, o adattare un sito già esistente per renderlo correttamente visualizzabile su qualunque dispositivo.

MODULI DEL CORSO

HTML5 semantico

• Storia dell'HTML5 e differenze con HTML4
• Come scrivere la sintassi dei tag semantici
• Il supporto dei browser
• I nuovi elementi introdotti in HTML5 e quelli eliminati
• Elementi Header e Footer
• Elementi Section e Article
• Elemento Hgroup
• La navigazione semantica con l'elemento Nav
• Elemento Aside

I fogli di stile CSS3

• Il non-standard
• La sintassi CSS proprietaria dei singoli browser (regole condizionali)
• I commenti condizionali per Explorer
• La proprietà @font-face, i colori rgba, arrotondare i bordi dei box
• Analisi delle potenzialità delle nuove pseudoclassi introdotte
• CSS3 transform 2D: ruotare, scalare e distorcere con CSS
• Fare animazioni con i CSS3
• Le potenzialità delle proprietà Animation e Transition

Tecniche per layout responsivi

• Le griglie fluide
• Le misure relative EMS
• Larghezza massima e larghezza minima
• Le misure percentuali
• Le Media-Queries
• I break-points
• Il meta tag viewport
• La proprietà user-scalable
• Il tag select: trasformare un menù orizzontale in un menù a tendina
• Esempi e tecniche di impaginazione di un sito responsive