XHTML e CSS + Stage Formativo

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.