Specialization Web Design. Creare templates grafici per il web - 24 ore

Transcript

1 Specialization Web Design Creare templates grafici per il web - 24 ore Modulo 1: Studio cromatico del sito (definizione palette di colori) Analisi dell'immagine coordinata Individuazione e realizzazione di una palette a 3/5 colori Introduzione di varianti cromatiche Modulo 2: Definizione delle dimensioni del layout Tipi di Layout Definizione delle misure del layout (definizione degli spazi) Modulo 3: Studio del background e tipi di background Large Background Pattern Effetti di background Modulo 4: Preparazione dei contributi visuali Creazione di una cartella raw-images Ricerca, selezione, creazione di contributi visuali (immagini, loghi) Modulo 5: Disegnare il layout Tecniche di disegno di elementi di layout: 1. Barre di navigazione 2. Pulsanti Glossy 3. Icone 4. Punti elenco 5. Sfondi box 6. Titoli grafici Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 1 di 11

2 Modulo 6: Ritaglio ed esportazione delle immagini Analisi e scelta dei segmenti di ritaglio Tecniche di ritaglio del layout Approfondimento: Formati di esportazione per il web Esportazione ottimizzata delle immagini Modulo 7: Analisi logica del layout Scansione logica del layout Modulo 8: Scrittura del mark-up HTML semantico Scrittura degli elementi strutturali e loro connotazione semantica 1. Div Container 2. Header 3. Branding Area 4. Primary links 5. Secondary links 6. Content 7. Site info Scrittura degli elementi specifici di layout: 1. Titoli 2. Liste 3. Paragrafi 4. Link 5. Inline images 6. Form Modulo 9: Definizione degli stili CSS Definizione del foglio layout.css 1. Regole css sugli elementi strutturali del layout Definizione del foglio type.css 1. Regole css relative alla presentazione grafica dei testi Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 2 di 11

3 Modulo 10: Metodologie di testing e dubugging cross-browser Installazione ed utilizzo di Firebug Individuazione e risoluzione delle anomalie cross-browser Scrittura di hack e istruzioni condizionali come bugfixing Fogli di stile dedicati Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 3 di 11

4 Master Web Design Il mestiere del Web Designer - 36 ore 1. Web Concept Modulo 1: Conoscere gli scenari Mode, tendenze del web design Studio ed analisi dei siti di successo Simboli e metafore visive Competenze di estetica relativa Cosa si aspetta l utenza Il galateo in rete Modulo 2: Il web efficace Lavorare ad un progetto Elaborare un progetto editoriale Formati e norme redazionali Griglie di impaginazione e layout I blog I forum Scrittura e business Scrivere per convincere Strategie per migliorare la visibilità di un sito Pianificare il restyling del sito Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 4 di 11

5 2. Lavorare con Dreamweaver Modulo 1: Introduzione a Dreamweaver CS3 Impostazione delle preferenze per le schede Definizione di un sito locale Creazione di una cartella principale Creazione di un sito locale Impostazione avanzata Pannello File Creazione di un sito Web Processo di sviluppo Creazione di una nuova pagina HTML Aggiunta di un titolo alla pagina Uso delle viste di sviluppo Salvataggio delle pagine Anteprima delle pagine Modulo 2: Aggiunta di contenuti ad un sito Controllo della struttura del documento Titoli Paragrafi Interruzioni di riga Allineamento dei paragrafi Creazione di elenchi Elenchi non ordinati Elenchi ordinati Aggiunta di filetti orizzontali Spazio unificatore Aggiunta di caratteri speciali Uso di Quick Tag Editor Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 5 di 11

6 Modulo 3: Formattazione con gli stili CSS Introduzione ai CSS Terminologia CSS Posizioni delle definizioni di stile CSS Vantaggi dei CSS Limitazioni Creazione di stili Tipi di regole CSS Fogli di stile incorporati Regole di tag HTML Definizione della nuova regola CSS Impostazione delle preferenze CSS Modifica delle regole di stile Uso di punti, pixel o ems per le dimensioni dei caratteri Esportazione delle definizioni di regole CSS Creazione di stili di classe Aggiunta di un nuovo stile di classe Denominazione degli stili di classe Applicazione dello stile Rimozione degli stili di classe Associazione di fogli di stile esterni Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 6 di 11

7 Modulo 4: Navigazione nel sito Navigazione del sito Collegamenti ipertestuali Tipi di collegamenti Collegamento ai file del sito Percorsi dei file Collegamento ai file di un sito Selezione del file da collegare Aggiornamento dei collegamenti Modifica dei colori dei collegamenti Collegamento a siti Creazione di un collegamento Creazione di collegamenti mediante le immagini Mappe immagini Creazione di un menu di collegamento Modulo 5: Progettazione del layout di pagina con i CSS Il layout di pagina Controllo del layout Uso dei livelli per il layout Supporto nei browser Creazione di livelli Selezione di un livello Uso del pannello Livelli Modifica delle proprietà di un livello Aggiunta di CSS ai livelli Modello a riquadri CSS Visualizzazione del modello a riquadri Aggiunta di margini e spaziatura Aggiunta di bordi Posizionamento relativo e assoluto Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 7 di 11

8 Centratura di un riquadro Progettazione con i tag DIV Inserimento di tag DIV Proprietà Mobile Definizione dei collegamenti di navigazione mediante i CSS Modulo 6: Nuove funzionalità di Dreamweaver CS3 Nuovo Framework Spray per Ajax: Widgets Spry Effetti Spry Nuove funzionalità per i css: Layout CSS CSS Adivisor Nuovo check per la compatibilità coi browser Integrazione con Photoshop CS3 Modulo 7: Creazione di moduli - Form I Form Creazione di un Form Uso degli oggetti Form Attributi di accessibilità del tag input Elaborazione dei Form Azione di un Form Metodo e dati del Form Impostazione dell'elemento attivo in un Form Aggiunta di codice JavaScript Convalida di un Form Eventi e comportamenti Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 8 di 11

9 Modulo 8: Verifica del sito, gestione e caricamento dei file Verifica del funzionamento di un sito Verifica dell'accessibilità Verifica dei collegamenti Controllo della compatibilità dei browser Rapporti per il sito Controllo ortografico Gestione dei file e delle cartelle Ridenominazione di file Spostamento di file Browser di file integrato Connessione a un sito remoto Aggiunta di un sito remoto Impostazioni FTP Applicazione della maschera a cartelle e file Caricamento dei file Ricerca dei nuovi file Sincronizzazione dei file 3. Lavorare con i CMS Modulo 1: Installazione e configurazione di Drupal Creazione Database Il Filesystem: panoramica User space in Drupal Configurazione standard del sito Modulo 2: Menu di navigazione?l'importanza dei menu in Drupal Il sistema menu in Drupal: logica e funzionamento Creare un menu di navigazione Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 9 di 11

10 Modulo 3: Dal template al tema di Drupal?Anatomia di un tema in Drupal page.tpl.php node.tpl.php Ereditarietà dei templates in Drupal Le variabili di templates: studio approfondito Modulo 4: Montare un tema in Drupal?Approfondimento: Le variabili in php Le funzioni in php Trasformare un template html in una page.tpl.php Attivare un tema in Drupal Modulo 5: Tematizzare i menu in Drupal?Approfondimento: le funzioni di theming Tematizzazione di un menu flat Tematizzazione di un menu a tendina (jquery) Modulo 6: tematizzare i nodi in drupal?lavorare sui css Lavorare su node.tpl.php Modulo 7: le views Approfondimento sulle views: Cosa sono Creare una view I display delle views: page block Tematizzare una view Table view Grid view List view Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 10 di 11

11 Modulo 8: Pubblicare un sito? Hosting: requisiti Ftp: trasferimento files Mysql: dump e importazione db Registrazione dominio e go-live Data Rev.: 01/08/12 Motivo Rev.: prima emissione REV. N.: 0 ED. N.: 0 Pag. 11 di 11