48 lines
3.7 KiB
HTML
48 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Board-Modus</title>
|
||
<link rel="stylesheet" href="css/style.css" type="text/css">
|
||
<meta name="viewport" content="width=device-width" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<h1 class="title">Board-Modus</h1>
|
||
</header>
|
||
<main>
|
||
<h3>Die Stiftpalette</h3>
|
||
<p>Mit der Stiftpalette haben Sie Zugriff auf die wichtigsten Werkzeuge, wenn Sie an einem Whiteboard arbeiten.</p>
|
||
<div class="image"><img id="bo1" src="../../assets/hint2/bo1.png" alt=""></div>
|
||
|
||
<p>Dort finden Sie den Bleistift (<span class="icon"><img src="../../assets/common/pen.png" alt=""></span>), den Radiergummi (<span class="icon"><img src="../../assets/common/eraser.png" alt=""></span>) und den Textmarker (<span class="icon"><img src="../../assets/common/marker.png" alt=""></span>). SaiCore bietet außerdem Funktionen, die ein herkömmliches Whiteboard nicht bieten kann :</p>
|
||
<ul>
|
||
<li><span class="icon"><img src="../../assets/common/arrow.png" alt=""></span> ist der Selektor. Damit können Sie Objekte auswählen und mit ihnen interagieren.</li>
|
||
<li><span class="icon"><img src="../../assets/common/handPlay.png" alt=""></span> ist der magische Finger. Sie können Objekte bewegen oder mit ihnen interagieren, ohne dass Sie sie auswählen müssen.</li>
|
||
<li><span class="icon"><img src="../../assets/common/hand.png" alt=""></span> ist die Hand. Damit können Sie die Seite bewegen. Sehr nützlich, wenn sie mit den Zoomfunktionen kombiniert wird!</li>
|
||
<li><span class="icon"><img src="../../assets/common/zoomIn.png" alt=""></span><span class="icon"><img src="../../assets/common/zoomOut.png" alt=""></span> geben Ihnen die Möglichkeit, ein- und auszuzoomen. Wählen Sie einfach den gewünschten Effekt aus und klicken Sie auf die Stelle, auf die Sie ihn anwenden möchten!</li>
|
||
<li><span class="icon"><img src="../../assets/common/laser.png" alt=""></span> ist ein Laserpointer, der nützlich ist, um auf Elemente auf dem Board zu zeigen, ohne mit diesen zu interagieren.</li>
|
||
<li><span class="icon"><img src="../../assets/common/line.png" alt=""></span> wird zum einfachen Zeichnen von geraden Linien verwendet.</li>
|
||
<li><span class="icon"><img src="../../assets/common/text.png" alt=""></span> ist eine Textbox, die es ermöglicht, mit der Tastatur statt mit einem Bleistift zu schreiben.</li>
|
||
</ul>
|
||
|
||
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Mit der Maus können Sie den Zoom feiner steuern! Verwenden Sie Strg/Befehl + Mausrad, um genauer hinein-/herauszuzoomen!</span>
|
||
|
||
<h3>Die Werkzeugleiste des Boards</h3>
|
||
<p>Mit der Werkzeugleiste können Sie unter anderem die Farbe und Größe des Stifts und Markers ändern.</p>
|
||
<div class="image"><img id="bo9" src="../../assets/hint2/bo9.png" alt=""></div>
|
||
|
||
<p>Dort finden Sie auch die Möglichkeit, den Hintergrund des Boards zu ändern, indem Sie auf <span class="icon"><img src="../../assets/common/background.png" alt=""></span> klicken.</p>
|
||
<div class="image"><img src="../../assets/hint2/bo-gif1.gif" alt=""></div>
|
||
|
||
<p>Außerdem finden Sie hier Funktionen wie Rückgängigmachen/Wiederherstellen, Erstellen und von Seite zu Seite Navigieren, Löschen des Boards, ...</p>
|
||
|
||
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Sie können spezifischere Elemente des Boards vollständig löschen, indem Sie einen langen Klick auf <span class="icon"><img src="../../assets/common/clearPage.png" alt="the erase icon"></span> machen. Einige zusätzliche Funktionen erreichen Sie so auch für <span class="icon"><img src="../../assets/common/newDocument.png" alt="the new page icon"></span> !</span>
|
||
</main>
|
||
<footer>
|
||
|
||
</footer>
|
||
</body>
|
||
</html>
|