Creare templates grafici per il web

Durata: 
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
  1. Pulsanti Glossy
  1. Icone
  1. Punti elenco
  1. Sfondi box
  1. Titoli grafici

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
  1. Header
  1. Branding Area
  1. Primary links
  1. Secondary links
  1. Content
  1. Site info
  • Scrittura degli elementi specifici di layout:
  1. Titoli
  1. Liste
  1. Paragrafi
  1. Link
  1. Inline images
  1. 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

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

Richiedi Informazioni