XHTML e CSS

Modulo 1

Nel primo Modulo daremo uno sguardo di insieme all'XHTML, come nasce e come si sviluppa all'interno di una pagina web. Al termini del Capitolo 1 sarete in grado di sviluppare la vostra prima pagina web con elementi complessi.

• Cos'è L'XHTML
• Composizione di una pagina XHTML
• Elementi che compongono il corpo del documento
• TAG principali
• Elenchi numerati e non numerati
• Link Interni ed Esterno
• Immagini come Link e Link ad e-mail
• Liste di Definizione

Modulo 2

Nel secondo Modulo vedremo cosa sono i fogli di stile, comunemente detti CSS, perchè è bene utlizzarli e perchè possono essere considerati il futuro della progettazione delle pagine web.

• Cosa sono i CSS
• Selettori, proprietà e valori
• Formattazione del testo
• Formattazione delle immagini
• Il box model

Modulo 3

Nel terzo Modulo ci occuperemo dell'impaginazione, delle tecniche per impaginare al meglio il nostro documento XHTML attraverso l'utilizzo delle potenzialità che ci vengono offerte dal CSS 2. Al termina di questo capitolo sarete in grado di realizzare una pagina XHTML completa non solo dal punto di vista dei contenuti ma anche dal punto di vista grafico.

• Le Tabelle, proprietà e formattazione
• Il posizionamento dei blocchi
• Il posizionamento assoluto
• Il posizionamento relativo e la proprietà z-index
• Il posizionamento fisso
• Blocchi flottanti
• Centrare un box nella pagina
• Layout a due colonne
  • Layout con colonne a larghezza fissa
  • Layout con colonne liquide
  • Layout con una colonna liquida e una larghezza fissa
• Layout a tre colonne
  • Layout con colonne liquide
  • Layout con due colonne a larghezza fissa e una colonna liquida
• Oltre la terza colonna
• Layout complessi
• Layout a colonne con posizionamento assoluto

Modulo 4

Nel quarto Modulo ci occuperemo di tecniche avanzate per creare menu di navigazione, per rendere il nostro sito navigabile e funzionale

• Menu a un solo livello
  • Menu verticali
  • Menu orizzontali
• Menu a due livelli
  • Menu verticali
  • Menu orizzontali
• Menu dinamici

Modulo 5

Nel quinto Modulo ci occuperemo di tecniche avanzate per creare sfondi accattivanti per dare una veste grafica al nostro sito

• Sfondi per layout
• Box con angoli arrotondati
• Ombre
• Sfondi come icone
• Sostituzione di un testo con immagini

Modulo 6

Nel sesto Modulo vedremo come filtrare i CSS in base ai diversi tipi di browser e come differenziare l’esperienza utente in base ai dispositivi dove poter visualizzare un contenuto web.

• Commenti condizionali
• Filtri tramite /span
• Filtri tramite commenti CSS
• Filtri tramite selettori
• Direttiva !important
• Diversi media diversi stili
• Una pagina diversi stili

Modulo 7

Nel settimo Modulo daremo una sguardo d’insieme all’Accessibilità, perché è importante e perché diventa buona norma creare contenuti che siano accessibili e che seguano le regole standard previste dal web.

Modulo 8

Nell’ottavo ed ultimo modulo analizzare progetti completi di siti già on-line per comprendere al meglio come procedere nella realizzazione concreta di un sito, dalla sua ideazione alla sua pubblicazione.

Metodologia

La metodologia utilizzata è quella propria dell'e-learning, composta da capitoli che al loro interno hanno singole lezione sotto forma di slide interattive, di video-lezioni e Test di apprendimento.

L'allievo avrà accesso alla piattaforma on-line 24 ore su 24 con le proprie credenziali di accesso.

Al termine di ogni capitolo l'allievo può fare richiesta al docente di approfondire determinati argomenti attraverso slide interattive o video-lezioni.

Modalità di verifica

I percorsi didattici sono composti da singole lezioni, intervallate da Test di apprendimento che valuteranno le conoscenze acquisite. Per poter passare alla lezione successiva è indispensabile completare il pre-requisito, ovvero il completamente del Test e se necessario la correzione del Test da parte del Docente.

Ogni Test avrà un punteggio minimo e un punteggio massimo, per poter passare alla lezione successiva è indispensabile raggiungere il punteggio minimo.

Al termine del corso si farà la somma dei punteggi acquisiti; se il punteggio non è idoneo per ottenere l'attestato finale, il docente valuterà il modo migliore per far recuperare all'allievo le lacune circa gli argomenti trattati. E' nel nostro interesse formare allievi che conoscano a pieno gli argomenti trattati.

I Test possono essere costituiti dai seguenti elementi:

• Domande a Scelta Multipla (Risposta Unica)
• Domande a Scelta Multipla (Risposta Multipla)
• Testo da Riempire
• Abbinamento
• Risposta Libera (Necessaria la correzione delle risposte da parte del Docente)