Vademecum per la pubblicazione di articoli di contenuto

didattico sul sito scolastico

dell’IC “Dante Alighieri” di Calcinato

Prima di qualsiasi altra considerazione circa le modalità di pubblicazione sul sito

scolastico, è bene ricordare che chiunque si accinga a inserirvi contenuti deve sincerarsi

di aver preparato, come in figura1, una cartella contenente:

- un abstract (sintesi introduttiva) dell’articolo, in formato di testo (txt),

- un’immagine significativa (il diffusissimo formato jpeg è caricabile sul sito, ma

considerate che i file sopra i 25 Mb vengono rifiutati; d’altra parte un’immagine di

circa 8cmx4cm ottimizzata per il web, non dovrebbe di norma superare i 200 Kb e

nella presente guida, al punto 2, troverete indicazioni utili sul ridimensionamento

delle immagini),

- uno svolgimento esteso dello stesso articolo, da realizzare con un editor di testi

(Microsoft Word, Open Office Writer etc..) o con un software di presentazione

(Microsoft PowerPoint, Open Office Impress etc..), in formato pdf/A (non

modificabile), o, eventualmente, in formato zip o rar,

- un eventuale filmato, che non andrà tuttavia caricato direttamente sul server del

sito scolastico, ma pubblicato su un sito dedicato (YouTube, Daily Motion etc..) e

opportunamente incorporato nel sito, come specificato di seguito,

- un’eventuale presentazione di Powerpoint.

Fig. 1 – Contenuti tipici di una cartella per la pubblicazione sul sito scolastico

1. Inserimento nel sito scolastico dell’abstract (sintesi introduttiva)

Dopo l’accesso al sito scolastico (www.iccalcinato.gov.it) inserire nel menù Accesso

utente (vd. Fig. 2) le proprie credenziali di editor docente (chi non le avesse è pregato di

farne personalmente richiesta ai webmasters, Prof.ssa Facchini e Prof. Scarinzi), in modo

da abilitare sul sito i menù di pubblicazione.

Fig. 2

Una volta accreditati come editori, entriamo nella sezione Didattica e Formazione del

menù La scuola (vd. Fig. 3) e accediamo alla sezione specifica della scuola a cui il

contenuto didattico fa riferimento (nel nostro esempio accederemo alla Scuola

Secondaria di I Grado).

Fig. 3

1

2

Ricordate che è posssibile accedere rapidamente alla sezione Didattica e Formazione

anche direttamente dal menù principale delle varie scuole in alto, semplicemente

cliccando sul nome della scuola (Fig. 4) e poi sul link Materiale didattico, presente alla

fine della descrizione di ogni scuola (Fig. 4 bis).

Fig. 4

Fig. 4 bis

Ora siamo pronti ad inserire la pagina con il nostro lavoro, cliccando sulla voce Aggiungi

pagina figlio (vd. Fig. 4 ter, sotto)

Fig. 4 ter

Nella finestra che si apre, andremo ad inserire il titolo del nostro articolo (vd. Fig. 5,

sotto)

Fig. 5

Ora siamo pronti per inserire l’abstract (sintesi introduttiva) dell’articolo: per farlo

entriamo nel file di testo (txt) che abbiamo già predisposto nella nostra cartelletta e ne

copiamo il contenuto con la funzione Copia, attivabile con il tasto dx del mouse (Fig. 6).

Fig. 6

Non ci resta che incollare il nostro testo (txt) all’interno dell’apposita finestra del sito

scolastico denominata Body (Fig. 6 bis). Quando tentiamo di inserire il testo nella prima

finestra, usando la funzione Incolla con il tasto dx del mouse, si apre una seconda

finestra più piccola dove è effettivamente possibile incollare il nostro testo (si tratta di

una finestra di ottimizzazione dei testi). Incollato il testo, clicchiamo sul tasto OK.

Fig. 6 bis

A questo punto il testo dell’abstract comparirà all’interno della finestra Body e potremo

giustificarlo e modificarlo con le icone dedicate, come all’interno di un normale text-

editor. Non dimentichiamo, al termine dell’inserimento del testo, di scegliere come

formato il “Full HTML” (Fig. 7), pena l’impossibilità di visualizzare correttamente

eventuali immagini che andremo ad inserire a corredo dell’abstract.

Fig. 7

NB: nel text editor dell’ultima versione del sito scolastico è possibile inserire

direttamente testi provenienti da un text editor esterno (Word o similari), anche senza

averli previamenti convertiti in formato di testo (txt): sarà l’applicazione interna a farlo

per noi; ne consegue che è possibile creare seduta stante il nostro abstract in formato di

testo semplicemente copiando da Word o da analogo software il contenuto e riversarlo

sul sito cliccando sull’icona Incolla da Word (Vd. Figura 7 bis, sotto)

Fig. 7bis

2. Inserimento dell’immagine significativa

Siamo pronti ad inserire l’immagine più significativa del nostro corredo iconografico.

La inseriremo direttamente nel corpo dell’abstract, ovvero all’interno della finestra body,

dopo averla opportunamente dimensionata con un editor di immagini.

A tale proposito, consigliamo di utilizzare l’editor on-line gratuito Pixelr

(http://pixlr.com/editor/) e, nella schermata che si apre, clicchiamo su Apri un’immagine

dal computer (vd. Fig. 8, sotto):

Fig. 8

Scegliamo l’immagine sul nostro PC e la carichiamo cliccando sul tasto Apri. A questo

punto, dovrebbe comparire la schermata della Figura 8 bis, nella quale possiamo

ridimensionare la nostra immagine cliccando su Immagine-Dimensioni immagine… e

settando nella tabella che compare la larghezza in pixel (492); fate attenzione al

mantenimento delle proporzioni dell’immagine, mettendo un segno di spunta

sull’opzione Mantieni proporzioni. A questo punto, cliccando su OK, avrete un’immagine

che andrà ad occupare perfettamente la larghezza della colonna centrale del nostro sito.

Fig. 8 bis

Procediamo quindi a salvarla cliccando su Salva e, nella tabella che compare, inseriamo

il nome, e il formato dell’immagine (jpeg è un formato ideale), quindi confermiamo il

salvataggio cliccando su OK (Vd. Fig. 8 ter) ed usciamo dall’editor on-line.

Fig. 8 ter

Non ci resta che inserire la nostra immagine ridimensionata nella pagina del sito: dopo

aver fatto scorrere il testo dell’abstract di una riga, clicchiamo sull’icona Immagine (Fig.

8 quater), si aprirà una seconda finestra, all’interno della quale clicchiamo su Cerca sul

server (Fig. 9); si aprirà una terza finestra: clicchiamo su Sfoglia, selezioniamo

l’immagine significativa all’interno della nostra cartelletta, quindi clicchiamo su Carica e

la inseriamo cliccando su Insert file (Fig. 9 bis).

Fig. 8 quater

Fig. 9 Fig. 9 bis

Comparirà a questo punto l’editor di immagini incorporato nel sito: controlliamo che la

larghezza dell’immagine sia 492 pixel e inseriamo nella finestra Testo alternativo una

descrizione che garantisca un’informazione minima anche per utenti ipovedenti, ad

esempio: Immagine per la Giornata in memoria dell’Olocausto 2013 [jpeg_200kb].

Confermiano l’operazione cliccando sul tasto OK: l’immagine verrà inserita

definitivamente all’interno dell’abstract nella finestra body (Fig. 10).

Fig. 10

3. Inserimento del testo esteso

Il testo vero e proprio del nostro articolo non va inserito per esteso nella finestra body

(da riservare, come già visto, alla sintesi introduttiva), ma caricato come allegato

all’abstract, possibilmente in formato PDF/A (non modificabile), sebbene il sito possa

caricare, fra gli altri, anche i formati doc e zip (opzione, quest’ultima, che potrebbe

rivelarsi utile nel caso si vogliano caricare intere cartelle di documenti o file musicali…)

Procediamo quindi ad inserire il nostro articolo per esteso, cliccando sul tasto Sfoglia

del menù ALLEGATO, selezioniamo all’interno della nostra cartella il file PDF

dell’articolo, clicchiamo su Apri, quindi su Carica (Fig. 11).

Fig. 11

4. Inserimento del filmato

Nel caso si vogliano inserire filmati a corredo dell’abstract e del PDF, ricordiamo che i

video non vanno mai caricati direttamente sul nostro sito, ma su siti appositamente

concepiti, come YouTube, Daily Motion, Vimeo etc.. e poi incorporati al nostro articolo.

Nell’esempio, vediamo come caricare un video su YouTube (ovviamente, dovremmo

creare previamente un account personale…): clicchiamo su Carica video, quindi su

Seleziona i file da caricare entriamo nella cartelletta personale dove avevamo salvato il

fimato, lo selezioniamo e confermiamo con l’OK (Fig. 12).

Fig. 12

Comparirà la schermata della figura 13 e You Tube inizierà a caricare il nostro filmato:

nel frattempo possiamo compilare i campi relativi al Titolo e alla Descrizione del nostro

filmato, oltre eventualmente a quello del Tag (Istruzione, Giornata della memoria etc…),

inoltre possiamo anche copiare l’indirizzo del nostro filmato su YouTube, che compare a

destra della barra di caricamento del file.

Fig. 13

Una volta caricato il video su YouTube, dobbiamo copiarne il codice “embed”, ovvero il

particolare codice che, se opportunamente incollato, permetterà l’incorporazione del

filmato all’interno del nostro sito scolastico. Si noti che tale filmato sarà visibile sulla

pagina che andiamo a pubblicare, ma non si troverà fisicamente all’interno del nostro

server, con un conseguente grande risparmio di spazio. Per copiare il codice, clicchiamo

su Condividi-Codice da incorporare, il codice embed viene automaticamente selezionato

e non ci resta che copiarlo (Vd. Fig. 14).

Fig. 14

Ora torniamo all’interno del sito scolastico, sulla pagina che intendiamo pubblicare, e

all’interno del text editor, clicchiamo sul tasto Codice Sorgente (vd. Fig. 14bis, sotto),

quindi incolliamo il codice embed appena copiato, subito prima del testo dell’abstract.

Fig. 14bis

Se adesso clicchiamo una seconda volta il tasto Codice Sorgente, deselezionandolo,

comparirà l’ingombro del video che abbiamo incorporato (IFRAME), come nella figura

14ter. L’ingombro grafico del video sulla nostra pagina può essere dimensionato in

modo da occupare in larghezza lo stesso spazio del testo. Per faro, selezioniamo

l’IFRAME con il tasto sx del mouse e clicchiamo il tasto dx del mouse: comparirà un

menù con l’opzione Proprietà Iframe (Vd. Fif 14 quater); clicchiamo tale opzione e

comparirà una finestra per il ridimensionamento dell’ingombro del video, analoga a

quella che abbiamo già visto per le immagini. È consigliabile portare la larghezza

dell’IFRAME a 492 (lo stesso ingombro in larghezza del testo) e ridimensionare in

proporzione anche la sua altezza. Al termine dell’operazione, clicchiamo su OK.

Fig. 14ter

5. Inserimento di una presentazione realizzata in Powerpoint

Nel caso in cui il nostro contenuto didattico sia costituito da una presentazione realizzata

con Microsoft Powerpoint, o analogo software free-source (vd. Apache Open Office

Impress o similari), si ricorda che la presentazione può essere da tali programmi salvata

in formato PDF (nel qual caso, vedasi il punto 3 del presente vademecum), oppure, nelle

versioni più recenti di Powerpoint (dal 2010 in poi) può essere salvata come filmato

(Windows Media Video) e caricata con tutte le relative animazioni su YouTube (vedasi

punto 4 del presente vademecum.

Nel caso in cui non sia indispensabile conservare le animazioni e l’eventuale colonna

sonora della nostra presentazione, ma ci si voglia limitare ad un semplice avanzamento

a comando delle diapositive, si ricorda che è altresì possibile caricarle su un sito

appositamente concepito a tale fine, Slideshare.

Per farlo, colleghiamoci al sito, digitando nella barra degli indirizzi www.slideshare.net e,

una volta aperta la Homepage, effettuiamo il Login, immettendo Nome Utente e password

(ovviamente, se non si risulta accreditati sul sito, è necessario eseguire l’iscrizione,

cliccando su Sign Up e compilando i campi contenuti nella finestra d’iscrizione che

compare…) (vd. Fig. 15, sotto)

Fig. 15

1

2

3

A questo punto, procediamo nel caricare su Slideshare la nostra presentazione,

cliccando sul tasto arancione Upload, in alto a destra (Fig. 16), poi nuovamente sul tasto

UPLOAD della schermata successiva (Fig. 17), quindi, dopo aver selezionato la

presentazione desiderata sul nostro PC, clicchiamo su Apri (Fig. 18).

Fig. 16

Fig. 17

Fig. 18

Una volta terminato l’upload su Slideshare, possiamo visualizzare la nostra

presentazione, cliccando sul link here (Vd. Fig. 19, sotto).

Fig. 19

Cliccando sul tasto Share (vd. Fig. 20), comparirà una schermata con tutti i codici che

normalmente consentono il link o l’incorporazione della nostra presentazione al sito

della scuola. Per incorporare la presentazione nel nostro sito scolastico, basterà copiare

il codice embed ed incollarlo opportunamente sulla pagina che intendiamo pubblicare,

analogamente a quanto previsto per il filmati (Vd, punto 4 della presente guida)

Fig. 20

6. Pubblicazione ed eventuali modifiche

Se la nostra pagina è completa, possiamo pubblicarla, cliccando su Salva, in fondo a sx:

la nostra pagina verrà pubblicata.

Figura 21

NB: Si ricorda che le pagine già pubblicate possono essere successivamente modificate,

o eliminate, semplicemente cliccando sull’ingranaggio che compare in alto a dx (Vd. Fig.

22, sotto) e cliccando sulle opzioni Modifica o Elimina.

Fig. 22