Tecniche della Comunicazione Web A.A. 2007/08 Corso di laurea in Scienze e Cultura delle Alpi Tecniche della comunicazione web - 8 CFU DocenTe: Viviana Patti Ricercatrice Dipartimento di Informatica Università di Torino ContaTTi: E-mail: patti@di.unito.it Tel.: 011 6706804 Orario di ricevimento: ogni lunedì dopo la lezione (dalle 17 alle 18) Pagina del corso: http://i-teach.educ.di.unito.it/course/view.php?id=102 Web: http://www.di.unito.it/~patti 1
InformaTica II - Orari e Luoghi Aula von Neumann Dipartimento di Informatica - Via Pessinetto 12, Torino Complesso Pier della Francesca Accesso ai laboratori controllato. Identificazione tramite Athena Card OTTOBRE 2007 GENNAIO 2008 Dal 15 ottobre al 28 gennaio Lunedì e venerdì pomeriggio: 14-17 InformaTica II - Aula Von Neumann Per utilizzare i computer dei laboratori didattici di informatica è NECESSARIO richiedere l'apertura di un login allo staff tecnico del dipartimento! Compilare i moduli di richiesta del login distribuiti dal docente Portare una fotocopia della carta di identità Senza login NON si possono usare i computer del laboratorio Per gli studenti che non sono al lezione oggi e non hanno ancora un login: contattate il docente o i tecnici: tecnici@di.unito.it - 0116706788 2
ObieTTivi del corso Questo corso ha lo scopo principale di fornire strumenti e competenze per realizzare pagine Web in accordo con le specifiche definite e pubblicate dal W3C. Verranno introdotti i principali linguaggi standard definiti dal W3C elementi del linguaggio di markup HTML fogli di stile: Cascading Style Sheets - CSS Verrà fornita una panoramica di alcuni strumenti di sviluppo utilizzati per lo sviluppo di siti Web professionali: Creazione e gestione di siti Web con Macromedia Dreamweaver Grafica vettoriale e per il Web con Macromedia Fireworks Se rimane tempo: cenni di Content Management Systems: strumento indispensabile per chi deve gestire siti e portali a carattere informativo (aziende, testate giornalistiche, università/facoltà ) Elementi di HTML e CSS Cos'è HTML: principi guida Formattare il testo con HTML Inserire immagini e altri media (video/suoni) in documenti HTML Tabelle. Frame Interazione con l utente: moduli Tecniche di base di Cascading Style Sheets (CSS): specifica dell aspetto delle pagine (caratteri, colori, sfondi, box model) Utilizzo avanzato di CSS: posizionamento e layout Siti web accessibili 3
Strumenti di sviluppo Panoramica degli strumenti di sviluppo più comunemente utilizzati per la realizzazione di siti Web Creazione e gestione di siti Web con Macromedia Dreamweaver Content Managment Sys s: cenni Disegnare grafica vettoriale e per il Web con Macromedia Fireworks MaTeriale didattico Nella pagina del corso http://i-teach.educ.di.unito.it/course/view.php?id=102 verranno via via messi a disposizione i lucidi delle lezioni -> file PDF da scaricare; dispense (stile manualistico) sugli argomenti trattati a lezione -> file PDF da scaricare; info esame: descrizione del progetto d esame; iscrizione agli appelli; Eventuali riferimenti a altro materiale didattico (testi) specifiche del W3C (Word Wide Web Consortium): http://www.w3.org/tr/rec-html40/ specifiche del W3C sui CCS: http://www.w3.org/tr/css21/ 4
MaTeriale didattico Tutto il materiale didattico relativo al corso è accessibile su Internet Verrà inserito via via sulla piattaforma di e-learning I-teach messa a disposizione dal Corso di Studi di Informatica dell'università degli Studi di Torino. Indirizzo del corso sulla piattaforma I-teach http://... Accesso Riservato: occorre iscriversi al corso per potere accedere all area: iscrivetevi subito!! Supporto on-line al corso Introduzione a Moodle 5
Supporto on-line al corso: Il corso è accompagnato da un supporto on-line sulla piattaforma I-Teach http://i-teach.educ.di.unito.it gestita dal corso di studi in informatica Su questa piattaforma verranno pubblicate dispense, materiale didattico di vario genere Forum di discussione, avvisi, ecc. 1. Collegatevi alla piattaforma "Iteach" e seguite il link "Inizia adesso a creare un nuovo account" Viviana Patti Tecniche delle Comunicazione Web SCA - 15/10/07 Supporto on-line al corso: 2. Compilate il form che vi verrà presentato e quindi premete su "Crea il mio nuovo account" 3. Una pagina di conferma vi avviserà che una mail con i dati della registrazione è stata inviata all'indirizzo che avete specificato nel form. Click su continua Viviana Patti Tecniche delle Comunicazione Web SCA - 15/10/07 6
Supporto on-line al corso: 4. Collegatevi alla vostra casella di posta e leggete l e-mail mandata dal sistema: la mail vi invita a confermare la vostra iscrizione: click sull indirizzo contenuto nell email 5. Sul browser si aprirà una pagina che confermerà l'avvenuta iscrizione; quindi seguite il link "Corsi" Supporto on-line al corso: 6. A questo punto comparirà un elenco di categorie di corsi, scegliete Altri corsi" 7. Selezionate il corso Tecniche della comunicazione web per SCA 2007/08 codice di accesso: webxsca 7
Supporto on-line al corso: 8. Confermate l'iscrizione 9. Ora potete accedere alla pagina del corso, modificare il vostro profilo (a sinistra), leggere le news del forum (a destra) e seguire il corso lezione per lezione (al centro) ModaliTà d esame Lo studente deve dimostrare di conoscere i principali marcatori del linguaggio HTML e CSS È richiesto lo sviluppo di un sito web in HTML su un argomento a scelta dello studente. Lo studente potrà scegliere se svilupparlo con un editor di testo semplice o con uno degli strumenti di sviluppo visti a lezione (Dreamweaver) Le pagine web devono anche includere dei fogli di stile per la specifica degli aspetti di presentazione dei contenuti. La prova è orale: alla presentazione del progetto seguiranno alcune domande per verificare la conoscenza dei linguaggi di markup presentati a lezione (HTML, CSS). Verranno inoltre valutate la capacità di sfruttare le funzioni relative alla progettazione del sito fornite dallo strumento di sviluppo Dreamweaver e l'abilità nella creazione/elaborazione della grafica del sito attraverso Fireworks. Il testo preciso dell'esame con le specifiche di quali elementi deve contenere il sito web verrà reso noto alla fine del corso 8