49 lines
3.7 KiB
HTML
49 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Modalità Lavagna</title>
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
|
<meta name="viewport" content="width=device-width" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Modalità Lavagna</h1>
|
|
</header>
|
|
<main>
|
|
<h3>La palette della penna</h3>
|
|
<p>La palette della penna ti offre accesso agli strumenti essenziali quando lavori su una lavagna.</p>
|
|
<div class="image"><img id="bo1" src="../../assets/hint2/bo1.png" alt=""></div>
|
|
|
|
<p>Qui troverai la penna (<span class="icon"><img src="../../assets/common/pen.png" alt=""></span>), la gomma (<span class="icon"><img src="../../assets/common/eraser.png" alt=""></span>) e il marcatore (<span class="icon"><img src="../../assets/common/marker.png" alt=""></span>). SaiCore offre anche altre funzionalità che una lavagna classica non può fornire:</p>
|
|
<ul>
|
|
<li><span class="icon"><img src="../../assets/common/arrow.png" alt=""></span> è il selettore. Con esso, puoi selezionare oggetti e interagire con essi.</li>
|
|
<li><span class="icon"><img src="../../assets/common/handPlay.png" alt=""></span> è il dito magico. Puoi spostare gli oggetti o interagire con essi senza la necessità di selezionarli.</li>
|
|
<li><span class="icon"><img src="../../assets/common/hand.png" alt=""></span> è la mano. Puoi muoverti sulla pagina con essa. Molto utile quando combinata con le funzioni di zoom!</li>
|
|
<li><span class="icon"><img src="../../assets/common/zoomIn.png" alt=""></span><span class="icon"><img src="../../assets/common/zoomOut.png" alt=""></span> ti danno la possibilità di ingrandire e rimpicciolire. Scegli semplicemente quello che desideri e fai clic sulla pagina dove vuoi applicare lo zoom!</li>
|
|
<li><span class="icon"><img src="../../assets/common/laser.png" alt=""></span> è un puntatore laser, utile per evidenziare elementi sulla lavagna senza interagire con essi.</li>
|
|
<li><span class="icon"><img src="../../assets/common/line.png" alt=""></span> è utilizzato per disegnare linee rette facilmente.</li>
|
|
<li><span class="icon"><img src="../../assets/common/text.png" alt=""></span> è uno strumento di testo, per scrivere un testo utilizzando la tastiera invece della penna.</li>
|
|
</ul>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Puoi avere un controllo più preciso dello zoom con il mouse! Usa Ctrl/Cmd + la rotellina del mouse per ingrandire/ridurre con maggiore precisione!</span>
|
|
|
|
<h3>La barra degli strumenti della lavagna</h3>
|
|
<p>La barra degli strumenti della lavagna ti offre la possibilità di cambiare colore e dimensione della penna o del marcatore, tra altre cose.</p>
|
|
<div class="image"><img id="bo9" src="../../assets/hint2/bo9.png" alt=""></div>
|
|
|
|
<p>Troverai anche la possibilità di cambiare lo sfondo della lavagna, cliccando su <span class="icon"><img src="../../assets/common/background.png" alt=""></span></p>
|
|
<div class="image"><img src="../../assets/hint2/bo-gif1.gif" alt=""></div>
|
|
|
|
<p>Troverai anche pulsanti per annullare/ripristinare azioni, creare e navigare tra le pagine, cancellare l'intera lavagna, ...</p>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Puoi cancellare parti più precise della lavagna facendo clic prolungato su <span class="icon"><img src="../../assets/common/clearPage.png" alt="l'icona per cancellare"></span>. Alcune funzioni nascoste anche su <span class="icon"><img src="../../assets/common/newDocument.png" alt="l'icona per cancellare"></span>!</span>
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|