Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
Progetto web e multimedia
classi prime a.s. 2015/2016
2
Il progetto – compiti e scadenze
Compito Scadenza 1AB 1BI 1AL 1AI 1 Scegliere un argomento e stilarne una prima bozza (su carta) 19/03 12/03 17/03 16/03 2 Realizzare il progetto utilizzando Microsoft Word o un analogo programma di scrittura 9/04 2/04 6/04 3 Trasposizione del progetto in html 23/4 20/4 4 Scelta e implementazione di materiali multimediali 7/5 4/5 5 Consegna del progetto finito su cd/usb corredato di un documento di progetto 21/05 25/05
3
Prima fase – Realizzazione di un ipertesto
Utilizzando Microsoft Word o un analogo programma di scrittura, realizzare un ipertesto su argomento a piacere. Utilizzare a tale scopo, a seconda delle necessità, link: Esterni, verso altri documenti (es. presentazioni ppt, pdf, video, mp3,…) Esterni, verso pagine Web esistenti Interni al documento stesso L’ipertesto deve consistere di almeno 3 facciate/pagine a persona, e deve contenere almeno 3 collegamenti ipertestuali. Verificare che, da ciascuna pagina visualizzata, sia possibile tornare al menù principale o sia comunque possibile proseguire la navigazione verso altre pagine del progetto stesso.
4
Seconda fase – html Nella seconda fase di progetto, è richiesta la trasformazione di quanto fatto in pagine html. A tal fine, è necessario utilizzare i tag e la sintassi proprie di tale linguaggio. Il progetto html deve utilizzare i tag base del linguaggio html: <head> e <body> <a href=...> per i collegamenti ipertestuali <src img=…> per l’inserimento di immagini <h1> <h2> …. Per la formattazione dei titoli <div> e <p> per la suddivisione in paragrafi
5
Corrispondenza docx/html
.docx o .odt html Intestazione <head>…….</head> Corpo del documento <body>…….</body> Nuovo paragrafo A capo <p>……</p> <br> Collegamento ipertestuale <a href=«PERCORSO_DEL_FILE/LINK_WEB»> </a> Immagine Dimensione immagine (in pixel o percentuale) <img src=«PERCORSO_IMMAGINE»> width=LARGHEZZA height=ALTEZZA Titolo1 <h1> TITOLO PRINCIPALE </h1> Titolo2 <h2>TITOLO PARAGRAFO</h2> Titolo3 <h3>TITOLO SEZIONE</h3> Allineamento paragrafo/immagine/testo align=center/left/right Testo grassetto o corsivo <b>GRASSETTO</b> <i>CORSIVO</i>
7
Terza fase- documenti multimediali
A supporto delle attività di progetto, è possibile inserire del materiale multimediale di arricchimento del sito stesso. Ad esempio: video tutorial, presentazioni, mappe concettuali, … Suggerimenti: MindMup ( ) – strumento online per la creazione e la condivisione di mappe concettuali Screencast-O-Matic ( ) – strumento per la creazione di video tutorial ePubEditor ( )– strumento per la creazione di e-book Prezi ( )– strumento online per la creazione di presentazioni particolari
8
Strumenti di supporto Nella realizzazione del progetto, specialmente se di gruppo, potete avvalervi di strumenti di collaborazione Cloud per la memorizzazione online nonché per la condivisione e modifica di file quali ad esempio Google Drive o Dropbox. Ciascuna fase del progetto dovrà essere accompagnata dalla stesura di una relazione (utilizzando Microsoft Word o affini) nella quale siano dettagliate le attività e, per progetti di gruppo, i responsabili di ciascuna attività, nonché le modalità di creazione, le difficoltà trovate, e qualsiasi altra osservazione inerente il progetto.
9
Consegna del progetto Il progetto potrà essere opzionalmente pubblicato nel web utilizzando servizi di pubblicazione siti offerti gratuitamente quali ad esempio WordPress o Altervista Qualora non venisse pubblicato online, la consegna può avvenire tramite cd o usb Il progetto finale deve contenere: I file .docx/odt dell’ipertesto fase 1 I file html del progetto fase 2 la relazione finale.
Presentazioni simili
![Wikispaces, flipped rules in the classroom fiorluis[at]tin.it Luisanna Fiorini](/40/11154502/big_thumb.jpg "Wikispaces, flipped rules in the classroom fiorluis[at]tin.it Luisanna Fiorini>")
