78 lines
9.4 KiB
HTML
78 lines
9.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Inserire immagini</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Inserite un'immagine nel vostro documento e regolate la sua posizione e le prorpietà" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Inserire immagini</h1>
|
|
<p>TeamLab Document Editor vi permette di inserire le immagini nei formati più popolari. I formati supportati sono i seguenti: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|
<p>Per inserire un'immagine nel vostro documento,</p>
|
|
<ol>
|
|
<li>posizionate il cursore dove desiderate inserire la vostra immagine,</li>
|
|
<li>cliccate sull'icona <b>Inserisci immagine</b> <img alt="Inserisci immagine" src="../images/image.png" /> sulla barra degli strumenti superiore,</li>
|
|
<li>selezionate una delle opzioni per caricare l'immagine:
|
|
<ul>
|
|
<li>utilizzate l'opzione <b>Immagine da file</b> per aprire la finestra standard di selezione file. Sfogliate il disco rigido del vostro computer per trovare il file necessario e cliccate su <b>Apri</b></li>
|
|
<li>utilizzate l'opzione <b>Immagine da URL</b> per aprire la finestra, inserire l'indirizzo web dell'immagine e cliccare su <b>OK</b></li>
|
|
</ul>
|
|
</li>
|
|
<li>dopo aver aggiunto l'immagine potete modificare la sua dimensione, le proprietà e la posizione.</li>
|
|
</ol>
|
|
<p><img class="floatleft" alt="Spostamento immagine" src="../images/moving_image.png" />Per cambiare la <b>dimensione</b> dell'immagine, trascinate i quadrati <img alt="Quadrato" src="../images/resize_square.png" /> situati negli angoli dell'oggetto. Per mantenere le proporzioni originali dell'oggetto scelto, premete e tenete premuto il tasto <b>Shift</b> durante il ridimensionamento.</p>
|
|
<p>Per alterare la <b>posizione</b> dell'immagine, usate la freccia <img alt="Freccia" src="../images/arrow.png" /> che appare quando posizionate il cursore del mouse sull'oggetto. Trascinate l'oggetto nella posizione necessaria mantenendo premuto il tasto del mouse.</p>
|
|
<p>Per <b>ruotare</b> l'immagine, posizionate il cursore del mouse sul punto di manipolazione di rotazione <img alt="Punto di manipolazione di rotazione" src="../images/greencircle.png" /> e trascinatelo in senso orario o antiorario. Per limitare l'angolo di rotazione a 15 gradi, tenete premuto il tasto <b>Shift</b> durante la rotazione.</p>
|
|
<hr />
|
|
<p><img class="floatleft" alt="Impostazioni immagine" src="../images/right_image.png" />Certe impostazioni dell'immagine possono essere regolate nella scheda <b>Impostazioni immagine</b> della barra destra. Per attivarla, fate clic sull'immagine, quindi sull'icona <b>Impostazioni immagine</b> <img alt="Impostazioni immagine" src="../images/image_settings_icon.png" /> a destra e regolate le seguenti impostazioni, se necessario:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Dimensione</b> si usa per visualizzare la <b>Larghezza</b> e l'<b>Altezza</b> dell'immagine selezionata o ripristinare la dimensione <b>Predefinita</b> se necessario.</li>
|
|
<li><b>Disposizione testo</b> si usa per selezionare la disposizione testo dagli stili disponibili - in linea, quadrato, ravvicinato, all'interno, sopra e sotto, davanti al testo, dietro al testo (per dettagli vedere la descrizione delle impostazioni avanzate qui sotto).</li>
|
|
<li><b>Sostituisci immagine</b> si usa per sostituire l'immagine corrente caricando un'altra da file o URL.</li>
|
|
</ul>
|
|
<p>Certe impostazioni possono essere regolate anche usando il menu contestuale. Le opzioni del menu sono le seguenti:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Disponi</b> si usa per portare l'immagine selezionata in primo piano, in secondo piano, avanti o indietro e anche raggruppare per effettuare le operazioni con più immagini in una volta o separare le immagini raggruppate.</li>
|
|
<li><b>Allinea</b> si usa per allineare l'immagine a sinistra, al centro, a destra, in alto, in mezzo, in basso.</li>
|
|
<li><b>Disposizione testo</b> si usa per selezionare la disposizione testo dagli stili disponibili - in linea, quadrato, ravvicinato, all'interno, sopra e sotto, davanti al testo, dietro al testo - o modificare bordi disposizione testo. L'opzione <b>Modifica bordi disposizione testo</b> è disponibile solo se selezionate uno stile diverso da 'in linea'. Trascinate i punti per personalizzare i bordi. Per creare un nuovo punto, fate clic sulla linea rossa e trascinatela nella posizione desiderata. <img alt="Modifica bordi disposizione testo" src="../images/wrap_boundary.png" /></li>
|
|
<li><b>Dimensione predefinita</b> si usa per modificare la dimensione attuale dell'immagine impostando la dimensione predefinita.</li>
|
|
<li><b>Impostazioni avanzate</b> si usa per aprire la finestra 'Immagine - Impostazioni avanzate'.</li>
|
|
</ul>
|
|
<hr />
|
|
<p>Per regolare le impostazioni avanzate, cliccate sull'immagine con il tasto destro del mouse e selezionate <b>Impostazioni avanzate</b> dal menu contestuale o cliccate sul collegamento <b>Mostra impostazioni avanzate</b> sulla barra destra. Si apre la finestra di impostazioni:</p>
|
|
<p><img alt="Immagine - Impostazioni avanzate: Dimensione" src="../images/image_properties.png" /></p>
|
|
<p>La scheda <b>Dimensione</b> contiene i seguenti parametri:</p>
|
|
<ul>
|
|
<li><b>Larghezza</b> e <b>Altezza</b> - usate queste opzioni per modificate la larghezza e/o l'altezza dell'immagine. Se l'opzione <b>Proporzioni costanti</b> <img alt="Proporzioni costanti" src="../images/constantproportions.png" /> è attivata, la larghezza e l'altezza saranno modificate insieme matenendo il rapporto larghezza/altezza dell'immagine originale. Per restituire la dimensione predefinita dell'immagine aggiunta, cliccate su <b>Predefinita</b>.</li>
|
|
</ul>
|
|
<p><img alt="Immagine - Impostazioni avanzate: Disposizione testo" src="../images/image_properties_1.png" /></p>
|
|
<p>La scheda <b>Disposizione testo</b> contiene i seguenti parametri:</p>
|
|
<ul>
|
|
<li><b>Stile di disposizione testo</b> - usate questa opzione per cambiare il modo da posizionare l'immagine rispetto al testo: questa può fare parte del testo (se selezionate lo stile In linea) o essere bypassata da tutti i lati (se selezionate uno di altri stili).
|
|
<ul>
|
|
<li><p><img alt="Stile di disposizione - In linea" src="../images/wrappingstyle_inline.png" /> <b>In linea</b> - l'immagine rimane insieme al testo, come un carattere, quindi quando il testo si sposta, anche l'immagine si sposta. In questo caso le opzioni di posizione non sono accessibili.</p>
|
|
<p>Se selezionate uno di seguenti stili, potete spostare l'immagine independamente dal testo e selezionare una posizione più esatta:</p>
|
|
</li>
|
|
<li><p><img alt="Stile di disposizione - Quadrato" src="../images/wrappingstyle_square.png" /> <b>Quadrato</b> si usa per disporre il testo intorno al bordo dell'immagine.</p></li>
|
|
<li><p><img alt="Stile di disposizione - Ravvicinato" src="../images/wrappingstyle_tight.png" /> <b>Ravvicinato</b> si usa per ravvicinare il testo intorno all'immagine.</p></li>
|
|
<li><p><img alt="Stile di disposizione - All'interno" src="../images/wrappingstyle_through.png" /> <b>All'interno</b> si usa per disporre il testo vicino all'immagine in modo da riempire lo spazio negativo intorno all'immagine.</p></li>
|
|
<li><p><img alt="Stile di disposizione - Sopra e sotto" src="../images/wrappingstyle_topandbottom.png" /> <b>Sopra e sotto</b> si usa per disporre il testo sopra e sotto l'immagine posizionando l'immagine sulla propria linea.</p></li>
|
|
<li><p><img alt="Stile di disposizione - Davanti al testo" src="../images/wrappingstyle_infront.png" /> <b>Davanti al testo</b> si usa per visualizzare il testo sopra l'immagine.</p></li>
|
|
<li><p><img alt="Stile di disposizione - Dietro al testo" src="../images/wrappingstyle_behind.png" /> <b>Dietro al testo</b> si usa per visualizzare l'immagine sopra il testo.</p></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p>Se selezionate lo stile 'quadrato', 'ravvicinato', 'all'interno', 'sopra e sotto', potete di regolare certe impostazioni addizionali - <b>distanza dal testo</b> (in alto, in basso, a sinistra, a destra).</p>
|
|
<p><img alt="Immagine - Impostazioni avanzate: Posizione" src="../images/image_properties_2.png" /></p>
|
|
<p>La scheda <b>Posizione</b> è disponibile solo se selezionate uno stile di disposizione diverso da 'in linea'. Le impostazioni in questa scheda variano secondo lo stile di disposizione scelto:</p>
|
|
<ul>
|
|
<li><b>Orizzontale</b> permette di regolare l'<b>allineamento</b> dell'immagine (a sinistra, al centro, a destra) <b>rispetto a</b> carattere, colonna, margine sinistro, margine, pagina o margine destro e anche la <b>posizione a destra di </b> carattere, colonna, margine sinistro, margine, pagina o margine destro.</li>
|
|
<li><b>Verticale</b> permette di regolare l'<b>allineamento</b> dell'immagine (in alto, al centro, in basso) <b>rispetto a</b> stringa, margine, margine inferiore, paragrafo, pagina o margine superiore e anche la <b>posizione al di sotto</b> di stringa, margine, margine inferiore, paragrafo, pagina o margine superiore.</li>
|
|
<li><b>Sposta oggetto con testo</b> si usa per spostare il testo insieme con l'immagine inserita.</li>
|
|
<li><b>Consenti sovrapposizione</b> si usa per sovrappore due immagini quando sono trascinate l'una vicino all'altra.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html> |