CORSO WEB DESING

 

corso web desing

Corso Web Design - Disegno di siti Web con HTML, CSS e Dynamic HTML
Il corso, partendo da zero, illustra le nozioni di base del Web Design. Corredato da due brevi (ma esaustive) guide all'HTML ed ai CSS, nonchè da un'introduzione al linguaggio Javascript, il corso si sviluppa seguendo un percorso prevalentemente pratico volto ad insegnare come costruire un layout (tabellari e tableless), un menu di navigazione (statico e dinamico) ed anche a stilizzare, in modo ottimale, una serie di elementi come i moduli per la raccolta dati, i box, i report dei dati e cosi via. Particolare attenzione, infine, viene dedicata al problema dell'accessibilità dei contenuti, dei menu e dei form HTML.

Sommario del corso Web Design

  1. Introduzione al Webdesign
    • Introduzione al concetto del "disegnare per il Web"
    • I linguaggi del Web Design
    • Formati e risoluzioni delle immagini per il Web
    • Importanza e percezione psicologica dei colori
    • Tavolozza dei colori per il Web in esadecimale
    • Introduzione ai browser Web
    • Accenni sui software di sviluppo per Web Designer
  2. Breve guida all'HTML - Parte 1
  3. Premessa
  4. Regole e creazione un file HTML
  5. Struttura di un file HTML e gestione delle intestazioni
  6. Elementi di testo: titoli, paragrafi ed elenchi
  7. Ritorno a capo nel testo
  8. Stili in HTML: grassetto, corsivo e sottolineato
  9. Collegamenti ipertestuali: i link
  10. Gestione delle immagini
  11. Le tabelle
  12. Creazione di un modulo per la raccolta dei dati
  13. Tutorial: impaginazione di un modulo HTML in una tabella
  14. Premessa
  15. Introduzione ai CSS e confronto con le stilizzazioni HTML
  16. Stili in linea, interni ed esterni
  17. Regole e sintassi CSS
  18. Classi ed identificatori univoci
  19. Stilizzare elementi di base: corpo della pagina
  20. Stilizzare elementi di base: titoli e paragrafi
  21. Stilizzare elementi di base: link
  22. Stilizzare elementi di base: immagini cliccabili
  23. Il Box Model: stilizzare box e tabelle
  24. Questioni di compatibilità: fogli di stile condizionali per Explorer
  25. Stilizzare un modulo HTML con i CSS
  26. Tutorial: stilizzare coi i CSS un modulo HTML impaginato in una tabella
  27. Premessa
  28. Cosa significa "programmare per il Web"
  29. Il linguaggio Javascript: sintassi ed inserimento del codice
  30. Variabili e costanti
  31. Istruzioni di controllo: condizioni e cicli
  32. Creazione di funzioni personalizzate
  33. Javascript ed il Web Design: introduzione al DHTML ed al DOM
  34. Introduzione
  35. Creare un layout a due colonne con le tabelle, fisso e centrato
  36. Creare un layout a tre colonne con le tabelle, fisso e centrato
  37. Creare un layout fluido a due colonne con le tabelle (a tutto schermo)
  38. Creare un layout fluido a tre colonne con le tabelle (a tutto schermo)
  39. Introduzione
  40. Creare un layout tableless fisso a due colonne
  41. Creare un layout tableless fisso a tre colonne
  42. Creare un layout tableless fluido a due colonne (a tutto schermo)
  43. Creare un layout tableless fluido a tre colonne (a tutto schermo)
  44. Considerazioni finali
  45. Introduzione
  46. Creare un menu verticale con un "div" ed effetto rollover
  47. Creare un menu verticale con un elenco ed effetto rollover
  48. Creare un menu orizzontale con le tabelle ed effetto rollover
  49. Creare un menu orizzontale con i "div" con effetto rollover
  50. Creare un menu orizzontale con un elenco ed effetto rollover
  51. Semplici "effetti speciali" sui menu
  52. Menu dinamico verticale in DHTML
  53. Menu dinamico orizzontale in DHTML
  54. Creare un "footer menu"
  55. Introduzione
  56. Applicare uno sfondo alla pagina o ad un box
  57. Applicare angoli arrotondati ai box
  58. Box con effetto ombra
  59. Box centrato rispetto alla risoluzione della pagina
  60. Effetti "speciali" per i link
  61. Personalizzare gli elenchi puntati con delle immagini
  62. Rollover sulle immagini con i CSS
  63. Effetto "loading" per le foto molto pesanti
  64. Rendere leggibile un report di dati alternando i colori delle celle
  65. Concetti di usabilità ed accessibilità
  66. Accessibilità di un menu di navigazione
  67. Accessibilità di un modulo HTML
  68. Testi ad alta leggibilità per soggetti ipovedenti o ipervedenti
  69. Considerazioni finali
  70. Breve guida all'HTML - Parte 2
  71. Breve guida ai fogli di stile CSS - Parte 1
  72. Breve guida ai fogli di stile CSS - Parte 2
  73. Javascript: quello che un Web Designer deve sapere
  74. Tutorial - Creare layout con le tabelle per un sito Web
  75. Tutorial - Creare layout tableless per un sito Web (senza tabelle)
  76. Tutorial - Speciale menu di navigazione - Parte 1
  77. Tutorial - Speciale menu di navigazione - Parte 2
  78. Tecniche avanzate, un po' di esempi pratici - Parte 1
  79. Tecniche avanzate, un po' di esempi pratici - Parte 2
  80. Design ed accessibilità