Deposito informazioni - Corso disegno dell'interfaccia

Lezione teorica 1

Presentazione del corso
E' stata tracciata la linea di demarcazione e di relazione fra le attività creative e quelle tecnologiche,
fra la metodologia progetuale ed un possibile modello applicativo.
E' stato sottolneata la rapidità di trasformazione, evoluzione comunicativa e tecnologica presente nel web.
La necessità di adeguare le conoscenze in tempo reale per poter comprendere i fenomeni sociali e informativi.
Lezione ricerca 1

Ricerca dei siti di interesse del modulo

Gli studenti organizzati in gruppi di lavoro hanno indagato, attraverso il web, ricercando i siti di riferimento del modulo.
I siti selezionati sono stati oggetto di una accurata analisi.
Sulla base dei risultati ottenuti, hanno applicato la tecnica del card sorting per una ipotetica ricostruzione della navigazione,
e relativa identificazione delle pagine.
Lezione teorica 2

Card sorting
Lezioni software Adobe

Riassunto delle lezioni software: Fireworks, Dreamweaver e Flash

$('#slideshow').cycle({ fx: 'scrollLeft', timeout: 4000, before: onBefore, after: onAfter, }); function onBefore() { $('#output').html("Scrolling image:<br>" + this.src); } function onAfter() { $('#output').html("Scrolling image:<br>" + this.src); }
Lezione software 1 - Fireworks

Fireworks - primo impaginato - layout
Lezione software 2- Fireworks

Fireworks - secondo impaginato - layout
Lezione software 3 - Background

Fireworks - Photoshop - Illustrator - creazione background
Lezione software 4 - Dreamweaver

Dreamweaver impaginato - layout - navigazione - animazione
Risorse CSS
Risorse Actions Script
Risorse Directory
FTP, trasferimento dati, server remoto- Lezione teorica e software 5 - Trasmit -
Font, caratteri nel web - Lezione teorica e software 6 - XHTML - BBEdit - TextWrangler

Font e caratteri web

Visualizzazione
Risorse CSS
Risorse HTML

Testo nel web - Lezione teorica e software 7 - XHTML - BBEdit - TextWrangler

Font, caratteri e testo nel web

Visualizzazione
Risorse CSS
Risorse HTML

Owen Briggs - dimensionamento del testo - 2002
Information database - 1 - Lezione software 8 - FileMaker
Information database - 2 - Lezione teorica e software 9 - FileMaker - Esempio Caos ordine
Archittetura base web site - Lezione teorica e software 10 - Inspiration -
Lezione software 11 - prova dell'esame finale del III corso - Inspiration - Dreamweaver

Archittetura del sito web e home page sito del modulo

I responsabili web di ogni gruppo del modulo, realizzano con la mia assistenza diretta,
la home page del sito di riferimento e relativa architettura.
Questa realizzazione sarà completata con la presentazione degli elaborati progettuali
completi di tutte le informazioni, griglia, navigazione, colori, media costituenti la home page.

Presentazione del corso

Ricerca dei siti di interesse del modulo

Card sorting

Lezioni software Adobe

Lezione software 1 - Fireworks

Lezione software 2- Fireworks

Lezione software 3 - Background

Lezione software 4 - Dreamweaver

Font e caratteri web

Font, caratteri e testo nel web

Archittetura del sito web e home page sito del modulo