slide1
Download
Skip this Video
Download Presentation
Argomenti del corso

Loading in 2 Seconds...

play fullscreen
1 / 11

Argomenti del corso - PowerPoint PPT Presentation


  • 110 Views
  • Uploaded on

Argomenti del corso. Il funzionamento del web, gli ipertesti ed linguaggio del web Cenni di usabilità e accessibilità: il web per esseri umani Progettazione: Colori, sfondi, caratteri, simboli e metafore visive Progettazione: Wireframe e utilizzo di Balsamiq

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Argomenti del corso' - wynn


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
argomenti del corso
Argomenti del corso
  • Il funzionamento del web, gli ipertesti ed linguaggio del web
  • Cenni di usabilità e accessibilità: il web per esseri umani
  • Progettazione: Colori, sfondi, caratteri, simboli e metafore visive
  • Progettazione: Wireframe e utilizzo di Balsamiq
  • Architettura del sito: strutturazione dei contenuti, categorie e menù di navigazione
  • Il linguaggio XHTML
  • Lavorare con Adobe Dreamweaver: area di lavoro e impostazione del sito e stesura del codice
  • Fogli di stile 1: i layout di pagina con i CSS, la compatibilità con i browser, la validazione
  • La creazione dell’interfaccia: Integrazione fra XHTML, CSS e grafica
  • Revisioni progettuali ed esercitazioni pratiche in laboratorio
argomenti di laboratorio
Argomenti di laboratorio
  • Progettazione: Colori, sfondi, caratteri, simboli e metafore visive
  • Lavorare con Adobe Photoshop: progettazione del layout
  • Utilizzo di Adobe Photoshop per il web:
    • uso dei livelli
    • grafica per il web
    • strumenti di taglio
    • ottimizzazione delle immagini
    • formati immagine.
  • Strutturazione dell’interfaccia
  • Revisioni progettuali ed esercitazioni pratiche in laboratorio
modalit d esame
Modalità d’esame

Per accertare le conoscenze acquisite, al termine del corso è prevista la consegna di un elaborato progettuale composto da:

  • Relazione progettuale, in cui saranno descritte  in maniera esaustiva le fasi di design e sviluppo del progetto
  • Wireframe del sito
  • Mokup e file PSD
  • Sito web navigabile realizzato in XHTML + CSS (NOJavascript/Flash/PHP o altri linguaggi)
  • Il progetto verrà realizzato e presentato in gruppi di lavoro di al massimo 2 persone.
revisioni progettuali
Revisioni progettuali

Durante la durata del corso sono previste 2 sessioni di revisione progettuali, per guidare lo studente nel percorso di progettazione e sviluppo che rientreranno nella valutazione complessiva dell’elaborato finale.

Revisione 1 : 14.30/16.30 mercoledi 30-ott

16.30/18.30 giovedi 31-ott

Revisione 2 : 14.30/16.30 mercoledi 11-dic

16.30/18.30 giovedi 12-dic

12.30/14.30 Venerdi 13-dic

brief di progetto
Brief di progetto

L’azienda ACME inc. ha richiesto lo sviluppo di un sito web di presentazione che consenta di presentare la società, descrivendone la storia e le attività principali.

Inoltre dovrà essere possibile contattare direttamente l’amministrazione della ACME inc, attraverso un form di contatto o l’invio di una mail.

Il sito dovrà avere contenuti testuali strutturati secondo la gerarchi di tag che vedremo a lezione (H1, H2, P) e dovra contenere immagini consone allo stile comunicativo scelto.

brief di progetto 2
Brief di progetto 2

Infine la ACME inc. ha sottolineato un esigenza comunicativa particolare, che merita la ricerca di una soluzione a livello di interfaccia che sia vincente e di immediata comprensione.

La ACME inc. produce due tipi di prodotti complementari: i prodotti bianchi e i prodotti neri. Gia dalla home page dovrà essere possibile intuire a prima vista che i prodotti bianchi e neri sono due linee prodotte da una stessa azienda, e che la complementarieta dei prodotti bianchi e neri descrive la totalità delle attività di ACME inc.

brief di progetto 3
Brief di progetto 3

Per essere sufficiente, il sito web dovra essere composto almeno dalle seguenti pagine:

  • Il sito dovra pertanto presentare le seguenti pagine:
  • home page
  • chi siamo
  • sede o gallery
  • contatti
  • prodotti
  • eventuali pagine accessorie (non obbligatorie)
brief di progetto obiettivi
Brief di progetto: obiettivi

I prodotti bianchi e neri sono chiaramente due etichette che potete interpretare liberamente, ad esempio immaginando che ACME inc. produca alimenti per gatti e per cani, oppure abbigliamenti per donna e per uomo. La ACME inc. puo rappresentare anche un ristorante che ad esempio offre due menu differenti per il pranzo o per la sera. L’obiettivo è ridurre questa dicotomia comunicativa in una unica pagina (tendenzialmente la home page) che faccia comprendere al navigatore che la ACME non è solo bianco o solo nero, ma entrambe le realtà. Da questa duplicità dovrebbe scaturire il sistema di navigazione del sito e tutta l’architettura comunicativa e visiva.

ad