Skip navigation.
Share and Free Speech on line
International Webmasters Association.

Pubblicare una pagina con testo e un'immagine

Categorie: Drupal |

(

Accesso alla pagina principale del corso

Associazione Culturale Matite nel Web


 

Corso on line

Servizi di qualità all’utenza e attività didattiche interattive

Organizzazione : Associazione Culturale Matite nel web ( www.matitenelweb.it )

Responsabile del progetto e coordinamento dello staff: Mario Varini


(a cura di Daniele Dallatomasina)

Utilizzando i moduli "image" e "img_assist" installati e correttamente configurati nel tutorial sulle immagini, impariamo a pubblicare un nodo-pagina con del testo all'interno del quale inseriremo una fotografia.

Prerequisiti per seguire questo tutorial: studio dei tutorial sulle immagini e sulle categorie.

Nota bene: le fotografie scattate con una fotocamena digitale non sono di per sè immediatamente adatte al web. Vanno prima ottimizzate. La foto originale pesava 960 KB ed era larga 1600 pixel. Prima di caricarla sul sito l'ho ridotta a 350 pixel e a 36,7 KB.

Pubblichiamo un nuovo nodo-immagine:

Tutorial15_1

Compiliamo i campi, togliamo il segno di spunta alla voce "promosso in prima pagina", assegnamo l'immagine alle categorie che desideriamo e, infine, con il comando "sfoglia" selezioniamo e poi carichiamo l'immagine sul nostro pc:

Tutorial15_2

Ecco il risultato.
L'immagine, come volevamo, non è presente nell'home[ i ] page del sito:

Tutorial15_3

L'immagine sarà presente nella sezione "Gallerie di immagini":

Tutorial15_4

Ora pubblichiamo un nuovo nodo-pagina nel quale scriviamo del testo:

Tutorial15_5

Posizioniamo il cursore nel punto in cui vogliamo sia inserita l'immagine e poi clicchiamo sull'icona con la croce verde:

Tutorial15_6

Ecco il modulo img_assist in azione che ci permette facilmente di inserire le immagini precaricate all'interno di un nodo-pagina:

Tutorial15_7

Dopo aver cliccato sul pulsante "Insert image" verrà inserita una porzione di codice HTML[ i ] nel nodo-pagina.
Clicchiamo infine sul pulsante "pubblica" del nodo-pagina:

Tutorial15_8

Ecco il risultato: l'immagine è stata inserita all'interno di un nodo-pagina nel punto desiderato:

Tutorial15_9