sabato 4 maggio 2013

Web Design - Session 2: Web languages II

Programma sintetico:

XHTML - HTML5 – DRUPAL - Laboratorio

Obiettivi:

il corso ha come obiettivo principale quello di fornire agli studenti le conoscenze per realizzare e sviluppare un intero sito web utilizzando mark-up semantico: verrà usato inizialmente XHMTL per poi passare a HTML 5, ad entrambi verranno associati CSS2/3 per la gestione della visualizzazione dei contenuti. Consolidata questa parte si passerà a DRUPAL per la realizzazione di un thema.


Programma esteso:

Parte 1

  • XHTML vs HTML 5;
  • Panoramica sui principali nuovi tag HTML 5 e importanza del loro valore semantico;
  • Esempi di layout in XHTML;
  • Esempi di layout in HMTL 5;

Parte 2

  • CMS: tutti i vantaggi;
  • Drupal download e installazione locale;
  • Panoramica sul menù di Drupal:
  • Personalizzazione di alcuni dei principali moduli già attivi;
  • Cenni sull’attivazione e sull’utilizzo dei più importanti moduli;
  • Nodi e content type: creazione e utilizzo;
  • Blocchi e Regione: loro funzionamento;
  • I menù;
  • Theming:
  • Struttura di un tema, temi predefiniti;
  • Anatomia di un tema Drupal;
  • Creare e configurare un proprio tema per Drupal;
  • Messa online, aggiornamenti e manutenzione del sistema;

Parte 3

  • Progettazione e Realizzazione di un layout da parte dell’allievo in XHMTL/CSS2;
  • Progettazione e Realizzazione di un layout da parte dell’allievo in HMTL5/CSS3;
  • Drupal: Installazione, configurazione, theming e messa online da parte dell’allievo;
Strumenti consigliati per il Laboratorio:

tutto il codice potrà essere scritto nell’editor prediletto dall’allievo in quanto il corso non verte su uno specifico strumento per la scrittura del codice, ma focalizza l'attenzione sul mark-up e sui contenuti, è comunque fortemente consigliato l’uso di un IDE: Ambiente di Sviluppo integrato.


Tools:
  • Firefox ultima versione disponibile;
  • Plug-in: Firebug, Web developer,
  • MAMP in ambiente MAC OS X, XAMPP in ambiente WINDOWS;
  • ADOBE Creative Suite (SW grafici e Dreamweaver);
  • NETBEANS come IDE;
  • INKSCAPE (.SVG);
  • FILEZILLA

Seguimi tramite Email

Twitter