165 lines
18 KiB
HTML
165 lines
18 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Inserire forme</title>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="description" content="Aggiungete le forme al vostro documento e regolate le loro proprietà." />
|
|||
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|||
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainpart">
|
|||
|
|
<h1>Inserire forme</h1>
|
|||
|
|
<p>Per inserire una forma in un documento,</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>cliccate sull'icona <b>Inserisci forma</b> <img alt="Inserisci forma" src="../images/insertautoshape.png" /> sulla barra degli strumenti superiore,</li>
|
|||
|
|
<li>selezionate uno dei gruppi disponibili: Figure di base, Frecce decorate, Matematica, Grafici, Stelle e nastri, Callout, Bottoni, Rettangoli, Linee,</li>
|
|||
|
|
<li>cliccate sulla forma necessaria dal gruppo selezionato,</li>
|
|||
|
|
<li>posizionate il cursore nel punto dove desiderate inserirlo,
|
|||
|
|
</li>
|
|||
|
|
<li>una volta aggiunta la forma potete cambiare la sua dimensione, la posizione e le proprietà.
|
|||
|
|
<p class="note"><b>Nota</b>: per scrivere un testo nella forma assicuratevi che la forma è selezionata nella pagina e cominciate a scrivere il testo. Il testo aggiunto in tale modo rimane insieme alla forma (quando spostate o ruotate la forma, il testo si sposta e si ruota con essa).</p>
|
|||
|
|
</li>
|
|||
|
|
</ol>
|
|||
|
|
<p><img class="floatleft" alt="Rimodellare forma" src="../images/reshaping.png" />Per cambiare la <b>dimensione</b> della forma, trascinate i quadrati <img alt="Quadrato" src="../images/resize_square.png" /> situati negli angoli dell'oggetto. Per mantenere le proporzioni originali dell'oggetto scelto durante il ridimensionamento, premete il tasto <b>Shift</b> e trascinate uno dei quadrati negli angoli.</p>
|
|||
|
|
<p>Quando modificate certe forme, ad esempio Frecce decorate o Callout, è anche disponibile l'icona a forma di diamante giallo <img alt="Diamante giallo" src="../images/yellowdiamond.png" />. Questa icona permette di regolare certi aspetti della forma, ad esempio, la lunghezza della testa di una freccia.</p>
|
|||
|
|
<p>Per alterare la posizione della forma, 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.
|
|||
|
|
Per spostare la forma di tre pixel, premete il tasto <b>Ctrl</b> e usate le frecce della tastiera.
|
|||
|
|
Per spostare la forma precisamente orizzontalmente/verticalmente, tenete premuto il tasto <b>Shift</b> durante lo spostamento.</p>
|
|||
|
|
<p>Per ruotare la forma, 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>Per allineare e disporre le forme, usate il menu contestuale. Le opzioni del menu sono le seguenti:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Disponi</b> si usa per portare la forma selezionata in primo piano, in secondo piano, avanti o indietro e anche raggruppare per effettuare le operazioni con più forme in una volta o separare le forme raggruppate.</li>
|
|||
|
|
<li><b>Allinea</b> si usa per allineare la forma 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>Impostazioni avanzate</b> si usa per aprire la finestra 'Forma - Impostazioni avanzate'.</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<p>Certe impostazioni della forma possono essere regolate nella scheda <b>Impostazioni scheda</b> sulla barra destra che appare se cliccate sulla forma selezionata con il tasto sinistro del mouse. Qui potete cambiare le seguenti impostazioni:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Riempimento</b> - usate questa opzione per selezionare il riempimento per la forma. Potete usare una delle opzioni:
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Colore di riempimento</b> - selezionate questa opzione per specificare il colore che desiderate utilizzare per riempire la forma.
|
|||
|
|
<p><img alt="Colore di riempimento" src="../images/fill_color.png" /></p>
|
|||
|
|
<p id="color">Cliccate sulla casella di sotto e selezionate il colore necessario dalla tavolozza o specificate qualsiasi altro colore:</p>
|
|||
|
|
<p><img alt="Tavolozza" src="../images/palette.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Colori tema</b> sono i colori che corrispondono alla combinazione colori del documento.</li>
|
|||
|
|
<li><b>Colori standard</b> sono i colori predefiniti.</li>
|
|||
|
|
<li><b>Colore personalizzato</b> - selezionate questa opzione se non avete trovato il colore adatto tra quelli disponibili. Selezionate l'intervallo di colori necessario spostando la barra verticale ed impostate il colore specificato trascinando lo strumento di selezione colori all'interno del campo colori grande. Una volta selezionato il colore, i valori RGB e sRGB corrispondenti vengono visualizzati nei campi a destra. Potete anche specificare un colore in base al modello colore RGB inserendo i valori numerici adatti nei campi <b>R</b>, <b>G</b>, <b>B</b> (Red (rosso), Green (verde), Blue (blu)) o inserire il codice sRGB esadecimale nel campo segnato da <b>#</b>. Il colore selezionato appare nella casella di visualizzazione <b>Nuovo</b>. Se c'è già un colore personalizzato, questo colore viene visualizzato nella casella <b>Attuale</b> per darvi la possibilità di confrontare il colore originale e modificato. Una volta specificato il colore, cliccate su <b>Aggiungi</b>:
|
|||
|
|
<p><img alt="Tavolozza - Colore personalizzato" src="../images/palette_custom.png" /></p>
|
|||
|
|
<p>Il colore personalizzato sarà applicato all'oggetto e aggiunto alla tavolozza <b>Colore personalizzato</b> del menu.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Sfumatura</b> - selezionate questa opzione per riempire la forma creando una fusione graduale di due colori.
|
|||
|
|
<p><img alt="Sfumatura" src="../images/fill_gradient.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Stile</b> - selezionate una delle opzioni disponibili: <b>Lineare</b> (la sfumatura viene applicata in linea retta: in orizzontale, in verticale e in diagonale ad un angolo di 45 gradi) o <b>Radiale</b> (la sfumatura viene applicata con progressione circolare dal centro ai bordi).</li>
|
|||
|
|
<li><b>Direzione</b> - selezionate un modello dal menu. Se viene selezionata la sfumatura <b>Lineare</b>, potete scegliere una delle seguenti direzioni: da alto a sinistra verso il basso a destra, verso il basso, da alto a destra verso il basso a sinistra, da destra a sinistra, da basso a destra verso l'alto a sinistra, verso l'alto, da basso a sinistra verso l'alto a destra, da sinistra a destra. Per la sfumatura <b>Radiale</b> c'è un solo modello disponibile.</li>
|
|||
|
|
<li><b>Sfumatura</b> - fate clic sul dispositivo di scorrimento sinistro <img alt="Dispositivo di scorrimento sinistro" src="../images/gradientslider.png" /> sotto la barra della sfumatura per attivare la casella di colore che corrisponde al primo colore. Fate clic sulla casella di colore a destra per selezionare il primo colore nella tavolozza. Trascinate il dispositivo di scorrimento per impostare l'interruzione sfumatura, cioè, il punto in cui la fusione di due colori termina. Usate il dispositivo destro sotto la barra della sfumatura per specificare il secondo colore ed impostare l'interruzione sfumatura.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Immagine e trama</b> - selezionate questa opzione per utilizzare un'immagine o una trama predefinita per lo sfondo della forma.
|
|||
|
|
<p><img alt="Immagine e trama" src="../images/fill_picture.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Se desiderate usare un'immagine per lo sfondo della forma, potete aggiungerla <b>Da file</b> selezionandola sul disco rigido del computer o <b>Da URL</b> inserendo l'URL adatto nella finestra aperta.</li>
|
|||
|
|
<li>Se desiderata usare una trama per lo sfondo della forma, aprite il menu <b>Da trama</b> e selezionate una trama necessaria.
|
|||
|
|
<p>Al presente, sono disponibili le seguenti trame: Tappeto, Cartone, Tessuto scuro, Grano, Granito, Carta grigia, A maglia, Cuoio, Carta da pacchi, Papiro, Legno.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul>
|
|||
|
|
<li>Se la dimensione dell'<b>Immagine</b> selezionata è superiore o inferiore alle dimensioni della forma, potete selezionare il parametro <b>Estendi</b> o <b>Tela</b> dall'elenco a discesa.
|
|||
|
|
<p>L'opzione <b>Estendi</b> vi permette di regolare la dimensione dell'immagine per adattarla alle dimensioni della forma per riempire tutto lo spazio.</p>
|
|||
|
|
<p>L'opzione <b>Tela</b> vi permette di visualizzare solo una parte di un'immagine grande mantenendo le dimensioni originali, o ripetere un'immagine piccola le sue dimensioni originali per riempire tutto lo spazio.</p>
|
|||
|
|
<p class="note"><b>Nota</b>: qualsiasi <b>Trama</b> predefinita riempe tutto lo spazio, però potete impostare il parametro <b>Estendi</b> se necessario.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Modello</b> - selezionate questa opzione per riempire la forma da un disegno bicolore composto dagli elementi ripetuti.
|
|||
|
|
<p><img alt="Modello" src="../images/fill_pattern.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Modello</b> - selezionate un disegno predefinito dal menu.</li>
|
|||
|
|
<li><b>Colore primo piano</b> - fate clic su questa casella di colore per cambiare il colore degli elementi del modello scelto.</li>
|
|||
|
|
<li><b>Colore sfondo</b> - fate clic su questa casella di colore per cambiare il colore dello sfondo del modello.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Nessun riempimento</b> - selezionate questa opzione se non desiderate riempire la forma.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<p><img class="floatleft" alt="Impostazioni forma" src="../images/right_autoshape.png" /></p>
|
|||
|
|
<ul style="margin-left: 280px;">
|
|||
|
|
<li><b>Opacità</b> - usate questa sezione per impostare il livello di <b>Opacità</b> trascinando la barra o inserendo il valore a mano. Il valore predefinito è <b>100%</b>. Questo corrisponde all'opacità completa. Il valore <b>0%</b> corrisponde alla trasparenza completa.</li>
|
|||
|
|
<li><b>Tratto</b> - usate questa sezione per cambiare il colore e lo spessore del tratto per la forma.
|
|||
|
|
<ul>
|
|||
|
|
<li>Per cambiare lo <b>spessore</b>, selezionate una delle opzioni dall'elenco a discesa <b>Dimensione</b>. Le opzioni disponibili sono: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. O selezionate l'opzione <b>Nessuna linea</b> se non desiderate usare il tratto.</li>
|
|||
|
|
<li>Per cambiare il <b>colore</b>, cliccate sulla casella di colore e <a href="#color" onclick="onhyperlinkclick(this)">selezionate un colore desiderato</a>.</li>
|
|||
|
|
</ul>
|
|||
|
|
</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>Modifica forma</b> - usate questa sezione per sostituire la forma attuale selezionando un'altra dall'elenco a discesa.</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<p>Per regolare le impostazioni avanzate, cliccate sulla forma 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 'Forma - Impostazioni avanzate':</p>
|
|||
|
|
<img alt="Forma - Impostazioni avanzate" src="../images/shape_properties.png" />
|
|||
|
|
<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 della forma. 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 della forma originale.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p><img alt="Forma - Impostazioni avanzate" src="../images/shape_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 la forma 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> - la forma rimane insieme al testo, come un carattere, quindi quando il testo si sposta, anche la forma 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 della forma.</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 alla forma.</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 alla forma in modo da riempire lo spazio negativo intorno alla forma.</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 la forma posizionando la forma 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 la forma.</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 la forma sopra il testo.</p></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Se selezionate lo stile quadrato, stretto, attraverso, o sopra e sotto avrete la possibilità di impostare certi parametri addizionali - <b>distanza dal testo</b> (in alto, in basso, a sinistra, a destra).</p>
|
|||
|
|
<p><img alt="Forma - Impostazioni avanzate" src="../images/shape_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> include l'<b>allineamento</b> della forma (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> include l'<b>allineamento</b> della forma (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 la forma inserita.</li>
|
|||
|
|
<li><b>Consenti sovrapposizione</b> si usa per sovrappore due forme quando sono trascinate l'una vicino all'altra.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p><img alt="Forma - Impostazioni avanzate" src="../images/shape_properties_3.png" /></p>
|
|||
|
|
<p>La scheda <b>Impostazioni forma</b> contiene i seguenti parametri:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Stile linea</b> - questo gruppo di opzioni vi permette di specificare i seguenti parametri:
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Tipo estremità</b> - questa opzione vi permette di impostare lo stile per la fine della linea. Può essere impostato per le forme con il contorno aperto: linee, polilinee ecc.:
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Uniforme</b> - le estremità saranno uniformi.</li>
|
|||
|
|
<li><b>Rotondo</b> - le estremità saranno arrotondate.</li>
|
|||
|
|
<li><b>Quadrato</b> - le estremità saranno quadrate.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Tipo giunzione</b> - questa opzione vi permette di impostare lo stile per l'intersezione di due linee, ad esempio, una polilinea, gli angoli di un triangolo o il contorno di un rettangolo:
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Rotondo</b> - l'angolo sarà arrotondato.</li>
|
|||
|
|
<li><b>Smussato</b> - l'angolo sarà smussato.</li>
|
|||
|
|
<li><b>Acuto</b> - l'angolo sarà acuto. E' perfetto per le forme con gli angoli nitidi.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p class="note"><b>Nota</b>: l'effetto sarà più evidente se usate un contorno più largo.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Frecce</b> - questo gruppo di opzioni è disponibile solo per le forme dal gruppo <b>Linee</b> e vi permette di impostare lo <b>Stile</b> e la <b>Dimesnione</b> dell'inizio e della fine selezionando l'opzione adatta dagli elenchi a discesa.</li>
|
|||
|
|
</ul>
|
|||
|
|
<img alt="Forma - Impostazioni avanzate" src="../images/shape_properties_4.png" />
|
|||
|
|
<p>La scheda <b>Margini</b> vi permette di cambiare i margini interni della forma <b>In alto</b>, <b>In basso</b>, <b>A sinistra</b> e <b>A destra</b> (cioè, la distanza tra il testo nella forma e i suoi bordi).</p>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|