Guida Web Design

3 settembre 2012

Il Web Design è l'arte di costruire siti. Tra le varie professioni del Web rappresenta quella più multidisciplinare coinvolge la progettazione, la realizzazione ed i contenuti

Professione Web Designer

  1. 1. Chi è il web designer e cosa fa
    Definizione di un mestiere: il Web Designer
  2. 2. Figure coinvolte con il web designer
    Il team di progettazione e costruzione di un sito Web

Cosa c’è da fare: dall’idea all’interfaccia

  1. 3. Definiamo il concept
    Ideare e progettare la presenza di un brand sul Web in modo non...
  2. 4. Produrre e organizzare i contenuti
    Le tipologie di contenuto, la loro pianificazione e la figura del...
  3. 5. Controllo, valutazione e manutenzione del sito
    Test e controlli da compiere una volta che il sito è online
  4. 6. Definizione di interfaccia utente
    Che cos'è un'interfaccia: definizioni di base e modelli
  5. 7. L'interfaccia e i suoi utilizzatori
    Ottenere un'interfaccia utente efficace, bilanciando usabilità,...

La pagina Web

  1. 8. Progettare la pagina Web: idea, wireframe e mockup
    Primo passo: il progetto. Concepimento e sviluppo di una pagina web
  2. 9. Le tensioni della schermata
    Dove collocare gli elementi in una pagina Web e quali punti di forza...
  3. 10. L'ipertesto e la struttura dell'Homepage
    Impostare una navigazione ipertestuale e progettare una homepage...
  4. 11. Organizzare la navigazione
    Quali strumenti di navigazione utilizzare e come impostare le icone e...
  5. 12. Regole da tenere sempre a mente
    Alcune regole da considerare nella progettazione di una pagina Web

Testi e tipografia per il Web

  1. 13. Lo stile del testo nel Web
    I principi della comunicazione e della scrittura sul Web. Sintesi,...
  2. 14. La struttura del testo
    Il testo è come uno spazio geografico e come tale deve seguire un...
  3. 15. La tipografia sul Web
    Perchè porsi il problema della tipografia sui siti Web
  4. 16. La scelta dei font
    I passi da affrontare per scegliere i caratteri per il proprio sito
  5. 17. Web Fonts
    Come utilizzare qualunque font sulle proprie pagine web

L’uso del colore

  1. 18. La percezione del colore
    Il fenomeno della percezione umana del colore e le sue implicazioni...
  2. 20. I modelli del colore: RGB e CMYK
    Cosa significano le sigle RGB e CMYK e quali sono le differenze. Un...
  3. 21. Tavolozza dei colori e codici per il Web
    Come utilizzare le color keywords e i modelli colore HEX, RGB(A) e...

Mobile Web Design

  1. 22. La navigazione mobile
    Alcuni principi da tenere a mente quando si progetta un sito mobile,...
  2. 23. Responsive Web Design
    Come creare un layout che adatti i contenuti alla dimensione del...
  3. 24. Adaptive Design e Progressive Enhancement
    Progettare un sito web che si adatta alle caratteristiche del browser...

Le immagini per il Web

  1. 27. Suggerimenti e porzioni
    Cose da tenere a mente. Come suddividere le immagini in porzioni

Il Linguaggio HTML

  1. 35. Introduzione all'HTML
    Breve storia dell'HTML
  2. 36. Concetti di base dell'HTML
    Cosa puoi fare e cosa non puoi fare con il linguaggio HTML
  3. 37. Anatomia di una pagina Web
    I Tag principali di una pagina Web e il loro uso
  4. 38. Il colore e i commenti in HTML
    Come esprime il colore e i commenti all'interno di una pagina HTML
  5. 39. Gli elementi deprecati dell'HTML
    Quali sono i TAG HTML da non utilizzare. Come sostituirli con i CSS o...

Progettare un sito basato sui frame

  1. 40. Panoramica sui Frame
    Primo approccio al design di un sito basato sui frame
  2. 41. Vantaggi e svantaggi nell'uso dei frame
    Cinque spunti per decidere se usare o non usare i frame
  3. 42. Suggerimenti per il designer
    Il Web designer deve fare attenzione ad alcuni aspetti dei frame....
  4. 43. Creiamo un sito suddiviso in frame
    Quale codice utilizzare per creare un sito basato sui frame
  5. 44. Dove vanno a finire i link
    Gestire i collegamenti interni e esterni ai frame
  6. 45. Ultimi appunti
    Suggerimenti utili per creare una pagina "perfetta"

Il mondo di Flash

  1. 46. Cosa è Flash
    Introduzione a Flash: file, estensioni, il Flash Player
  2. 47. Flash sì / Flash No
    Quando utilizzare Flash e quando è meglio lasciarlo da parte
  3. 48. Come funziona Flash
    Perchè Flash è così diffuso: basi del suo funzionamento
  4. 49. L'ambiente di lavoro di Flash
    Flash e il suo ambiente di lavoro: strumenti da tenere d'occhio

Linguaggi

  1. 50. I CSS o Fogli di stile
    Cosa sono e perchè utilizzare i CSS
  2. 51. Come utilizzare i CSS
    Come utilizzare i CSS per dare un po' di "stile" alle tue pagine Web
  3. 52. JavaScript
    Introduzione alla "programmazione" in JavaScript
  4. 53. HTML E JavaScript
    Come integrare JavaScript in un pagina HTML
  5. 54. Le componenti di JavaScript
    Variabili, funzioni e oggetti JavaScript
  6. 55. Il DHTML o HTML Dinamico
    Cosa è e perchè utilizzare il DHTML
  7. 56. Prima di utilizzare DHTML
    Suggerimenti per l'utilizzo di DHTML nelle proprie pagine Web

I Motori di ricerca

  1. 61. Cosa sono e come lavorano i motori di ricerca
    La storia dei motori di ricerca, gli spider, la segnalazione, i...
  2. 62. L'ottimizzazione delle pagine
    Quale codice utilizzare per ottimizzare le pagine per i motori di...
  3. 63. Alcuni suggerimenti per migliorare il posizionamento
    Consigli veloci e pratici per ottenere un buon posizionamento nelle...
  4. 64. La pubblicità sui motori
    Se avete soldi e non avete tempo potete pagare i motori

I Software per il Web

  1. 65. I software per il Web
    Quali sono e come usare i "ferri del mestiere" dei Webmaster
  2. 66. I programmi di grafica
    Grafica Bitmap e grafica vettoriale: le immagini per il Web
  3. 67. Gli editor HTML
    GI programmi per la costruzione delle pagine Web: WYSIWYG e testuali
  4. 68. Programmi per animazioni e 3D
    Programmi per Gif Animate, Flash, Quick Time e 3D
  5. 69. I browser
    I Web browser più diffusi sul Web
  1. 71. Il formato JPG
    I formati che vengono usati nel web supportati da tutti i browser...
  2. 72. Il formato gif
    Come utilizzare e cosa è il formato GIF
  3. 73. Il formato png
    Come utilizzare e cosa è il formato PNG
  4. 74. La risoluzione
    La risoluzione del video e delle immagini
Se vuoi aggiornamenti su Guida Web Design inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Guida Web Design

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy