80 lines
7.2 KiB
HTML
80 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Inserire e formattare tabelle</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Inserite una tabella nella presentazione e configurate le sue impostazioni" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Inserire e formattare tabelle</h1>
|
|
<p>Per inserire una tabella in una diapositiva,</p>
|
|
<ol>
|
|
<li>selezionate la diapositiva nella quale desiderate inserire la tabella,</li>
|
|
<li>cliccate sull'icona <b>Inserisci tabella</b> <img alt="Inserisci tabella" src="../images/inserttable.png" /> sulla barra degli strumenti superiore,</li>
|
|
<li>selezionate per creare:
|
|
<ul>
|
|
<li><p>sia una tabella con il numero di celle predefinito (10 per 8 celle maximum)</p>
|
|
<p>Se desiderate velocemente aggiungere una tabella, selezionate il numero di righe (8 maximum) e di colonne (10 maximum).</p></li>
|
|
<li><p>oppure una tabella personalizzata</p>
|
|
<p>Nel caso in cui avete bisogno di una tabella superiore a 10 per 8 celle, selezionate l'opzione <b>Inserisci tabella personalizzata</b> per aprire la finestra, inserite il numero di righe e colonne necessario e cliccate sul pulsante <b>OK</b>.</p></li>
|
|
</ul>
|
|
</li>
|
|
<li>dopo aver inserito la tabella potete cambiare i suoi parametri e la posizione.</li>
|
|
</ol>
|
|
<p>Potete specificare la <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">posizione della tabella</a> nella diapositiva trascinandola verticalmente oppure orizzontalmente.</p>
|
|
<hr />
|
|
<img class="floatleft"alt="Impostazioni tabella" src="../images/tablesettingstab.png" />
|
|
<p>La maggior parte delle proprietà e anche la sua struttura possono essere modificate sulla barra destra. Per attivrla fate clic sulla tabella, quindi sull'icona <b>Impostazioni tabella</b> <img alt="Impostazioni tabella" src="../images/table_settings_icon.png" /> a destra.</p>
|
|
<p>Le sezioni <b>Righe</b> e <b>Colonne</b> nella parte superiore vi permette di evidenziare certe righe/colonne applicando una formattazione specifica, o usando i colori diversi. Sono disponibili le seguenti opzioni:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Intestazione</b> si usa per evidenziare la riga la più alta nella tabella usando una formattazione speciale.</li>
|
|
<li><b>Totale</b> si usa per evidenziare la riga la più bassa nella tabella usando una formattazione speciale.</li>
|
|
<li><b>Altera</b> si usa per attivare l'alternanza dei colori per le righe pari e dispari.</li>
|
|
<li><b>Prima</b> si usa per evidenziare la colonna sinistra nella tabella usando una formattazione speciale.</li>
|
|
<li><b>Ultima</b> si usa per evidenziare la colonna destra nella tabella usando una formattazione speciale.</li>
|
|
<li><b>Altera</b> si usa per attivare l'alternanza dei colori per le colonne pari e dispari.</li>
|
|
</ul>
|
|
<p>La sezione <b>Seleziona da modello</b> vi permette di selezionare uno stile predefinito. Ogni modello combina certi parametri di formattazione tra quali colore sfondo, stile bordo, righe/colonne alternate evidenziate ecc.
|
|
Secondo l'opzione scelta nelle sezioni <b>Righe</b> e/o <b>Colonne</b> al di sopra, i modelli vengono visualizzati in modo diverso. Ad esempio, se selezionate l'opzione <b>Intestazione</b> nella sezione <b>Righe</b> e <b>Altera</b> nella sezione <b>Colonne</b>, vengono elencati solo i modelli con l'intestazione e le colonne alterate evidenziate:</p>
|
|
<p><img alt="Elenco modelli" src="../images/templateslist.png" /></p>
|
|
<p>La sezione <b>Stile bordo</b> vi permette di cambiare la formattazione applicata corrispondente al modello scelto. Potete selezionare tutta la tabella o solo certe celle la cui formattazione desiderate cambiare ed impostare tutti i parametri a mano.</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Bordo</b> - impostate lo spessore bordi usando l'elenco <img alt="Spessore bordo" src="../images/bordersize.png" /> (o selezionate l'opzione <b>Nessun bordo</b>), selezionate il loro <b>Colore</b> nella tavolozza e specificate il modo da visualizzare nelle celle cliccando su una delle icone:
|
|
<p><img alt="Tipo bordo" src="../images/bordertype.png" /></p>
|
|
<p class="note"><b>Nota</b>: se selezionate non visualizzare i bordi della tabella selezionando un modello adatto, o selezionando l'opzione <b>Nessun bordo</b>, o cliccando sull'icona <img alt="Nessun bordo" src="../images/noborders.png" />, i bordi vengono segnati dalle linee tratteggiate nella diapositiva.</p>
|
|
</li>
|
|
<li><b>Colore sfondo</b> - selezionate il colore per lo sfondo delle celle scelte.</li>
|
|
</ul>
|
|
<p>La sezione <b>Righe e colonne</b> <img alt="Righe e colonne" src="../images/rowsandcolumns.png" /> vi permette di effettuare le seguenti operazioni:</p>
|
|
<ul>
|
|
<li><b>Seleziona</b> una riga, colonna, cella (secondo la posizione del cursore), o un'intera tabella.</li>
|
|
<li><b>Inserisci</b> una nuova riga al di sopra o al di sotto della riga selezionata e anche una nuova colonna a sinistra o a destra della colonna selezionata.</li>
|
|
<li><b>Elimina</b> una riga, colonna (secondo la posizione del cursore o la selezione), o un'intera tabella.</li>
|
|
<li><b>Unisci celle</b> in una singola cella.</li>
|
|
<li><b>Dividi cella...</b> - si usa per dividere la cella selezionata in un certo numero di righe e colonne. In questo caso si apre la seguente finestra:
|
|
<p><img alt="Separa celle" src="../images/split_cells.png" /></p>
|
|
<p>Inserite il <b>Numero di colonne</b> e <b>Numero di righe</b> e cliccate su <b>OK</b>.</p>
|
|
</li>
|
|
</ul>
|
|
<p class="note"><b>Nota</b>: le opzioni della sezione <b>Righe e colonne</b> sono accessibili anche dal <b>menu contestuale</b>.</p>
|
|
<hr />
|
|
<p>Per modificare le impostazioni avanzate, cliccate sulla tabella con il tasto destro del mouse e selezionate l'opzione <b>Impostazioni avanzate della tabella</b> dal menu contestuale o cliccate sul collegamento <b>Mostra impostazioni avanzate</b> sulla barra destra. Si apre la finestra:</p>
|
|
<p><img alt="Impostazioni avanzate" src="../images/table_properties.png" /></p>
|
|
<p>Qui potete impostare lo spazio tra il testo nelle celle e i loro bordi:</p>
|
|
<ul>
|
|
<li>inserite i valori di <b>Margini cella</b> a mano, o</li>
|
|
<li>selezionate l'opzione <b>Utilizza margini predefiniti</b> per applicare i valori predefiniti (in caso di necessatà, anche questi valori possono essere modificati).</li>
|
|
</ul>
|
|
<hr />
|
|
<p>Per <b>formattare il testo inserito</b> nelle celle, usate le <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">icone sulla barra degli strumenti superiore</a>. Il <b>menu contestuale</b> che appare quando cliccate sulla tabella con il tasto destro del mouse include due opzioni addizionali: </p>
|
|
<ul>
|
|
<li><b>Allineamento verticale cella</b> - vi permette di selezionare il tipo di allineamento testo nella cella: <b>Allinea in alto</b>, <b>Allinea al centro</b>, o <b>Allinea in basso</b>.</li>
|
|
<li><b>Collegamento ipertestuale</b> vi permette di inserire un collegamento ipertestuale nella cella selezionata.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html>
|