Inserire immagini

L’inserimento di immagini si effettua tramite l’apposito pulsante (jce-proprieta-immagine)

jce-image-manager-1

L’area in basso della finestra (sezione “file browser” permette di andare a selezionare l’immagine in questione.

E’ divisa nelle seguenti parti:

  • Area superiore: percorso corrente
  • Colonna a sinistra: albero delle cartelle contenenti i file multimediali
  • Colonna centrale: contenuto della cartella attualmente selezionata a sinistra. Il primo elemento (…) permette di tornare alla cartella superiore.
  • Colonna a destra: dettagli dell’immagine attualmente selezionata.

Per inserire un’immagine:

  1. Fare clic sull’immagine da inserire
  2. Personalizzare le dimensioni o altri parametri come da istruzioni a fondo pagina.
  3. Fare clic sul pulsante Insert.

La nuova immagine sarà inserita nella posizione in cui il cursore del testo si trovava.

 

Per caricare un’immagine:

  1. Innanzitutto preparare il file da caricare. Se è una foto grossa, ridimensionarla usando un programma come Paint.net, quindi assegnarle un nome che sia univoco (non utilizzato da altre immagini nella stessa cartella), significativo (che aiuti a capire cos’è l’immagine) e semplice (non troppo lungo, preferibilmente senza accenti e con trattini al posto degli spazi).
  2. Aprire la finestra di inserimento delle immagini e posizionarsi sulla cartella in cui si vuole caricare la nuova immagine. Eventualmente è possibile crearla nel livello corrente tramite l’icona jce-icon-create-folder
  3. Posizionarsi sulla cartella creata e fare clic sull’icona per effettuare l’upload ( jce-icon-upload-image )
  4. Trascinare le immagini da caricare nella finestra di dialogo e fare clic sul bottone “Upload”. Attendere il caricamento, quindi fare clic su OK.

 

 

Allineamento orizzontale

Per allineare le immagini in orizzontale è possibile utilizzare gli stessi pulsanti di allineamento del testo.

pulsanti-allineamento-jce

Facendo clic una seconda volta sul pulsante che è stato in precedenza selezionato, l’allineamento del contenuto viene ripristinato al suo valore predefinito.

L’allineamento può essere dei seguenti tipi:

  • In linea con il testo (predefinito): in tal caso l’immagine viene inserita a sinistra della pagina. Eventuale testo inserito sulla stessa riga dell’immagine viene allineato verticalmente al fondo dell’immagine, quindi è utile separarlo su una nuova riga selezionando l’inizio della prima lettera e premento invio.
  • A sinistra o a destra: l’immagine viene allineata a sinistra o a destra della pagina, e il testo viene fatto rifluire attorno all’immagine (come accade su Word quando viene impostato l’allineamento incorniciato o ravvicinato).
  • Centrato: l’immagine viene centrata rispetto alla riga e l’eventuale contenuto prima o dopo viene mandato a capo.

 

Proprietà avanzate delle immagini

E’ possibile impostare proprietà avanzate sulle immagini tramite il pulsante jce-proprieta-immagine.

Ecco quali sono queste proprietà:

jce-image-manager-1

  •  URL: è l’indirizzo dell’immagine
  • Alternate Text: è un testo alternativo che spiega l’immagine. Deve essere inserito per rendere la pagina conforme ai criteri W3C per l’accessibilità.
  • Dimensions: dimensione dell’immagine in pixel. La spunta “proportional” fa in modo che modificando una dimensione, l’altra sia adattata in proporzione.
  • Alignment: allineamento dell’immagine. Left e right fanno rifluire il testo. Top, middle e bottom fanno in modo che il testo di fianco all’immagine (solo 1 riga) sia allineato sopra, in mezzo o sotto relativamente ad essa.
  • Margin: E’ il margine dell’immagine rispetto ai contenuti adiacenti. Equal Values fa in modo che un solo valore valga per tutti i margini.
  • Border: permette di inserire un bordo attorno all’immagine.

Rollover

La funzionalità rollover permette di specificare l’URL di un’altra immagine che viene mostrata al passaggio del mouse. E’ una funzionalità avanzata.

Advanced

Proprietà avanzate per utenti esperti