You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
332 lines
8.1 KiB
HTML
332 lines
8.1 KiB
HTML
2 years ago
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<title>reveal.js</title>
|
||
|
|
<meta name="author" content="Helix">
|
||
|
|
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||
|
|
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/reveal.min.css">
|
||
|
|
<link rel="stylesheet" href="css/theme/beige.css" id="theme">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.reveal table {
|
||
|
|
margin: auto;
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reveal table th {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reveal table th,
|
||
|
|
.reveal table td {
|
||
|
|
text-align: left;
|
||
|
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||
|
|
border: 1px solid;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="lib/css/zenburn.css">
|
||
|
|
|
||
|
|
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
|
||
|
|
<script>
|
||
|
|
if( window.location.search.match( /print-pdf/gi ) ) {
|
||
|
|
var link = document.createElement( 'link' );
|
||
|
|
link.rel = 'stylesheet';
|
||
|
|
link.type = 'text/css';
|
||
|
|
link.href = 'css/print/pdf.css';
|
||
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="lib/js/html5shiv.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="reveal">
|
||
|
|
<div class="slides">
|
||
|
|
<!-- EDIT BELOW -->
|
||
|
|
<section>
|
||
|
|
<h1>DokuWiki</h1>
|
||
|
|
<h2>ein leistungsfähiges<br>Dokumentations-Tool und Intranet</h2>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Agenda</h2>
|
||
|
|
<ul>
|
||
|
|
<li class="fragment">Anmelden</li>
|
||
|
|
<li class="fragment">Inhalt einfügen/bearbeiten
|
||
|
|
<ul>
|
||
|
|
<li>Text formatieren</li>
|
||
|
|
<li>Überschriften formatieren</li>
|
||
|
|
<li>Listen</li>
|
||
|
|
<li>Tabellen</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="fragment">Verlinkungen (intern/extern)</li>
|
||
|
|
<li class="fragment">Seite anlegen
|
||
|
|
<ul>
|
||
|
|
<li>Namensräume</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="fragment">Dateien hochladen
|
||
|
|
<ul>
|
||
|
|
<li>Bilder einfügen</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="fragment">Nachbereitung</li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Anmelden</h2>
|
||
|
|
<p>oben rechts im Menü</p>
|
||
|
|
<p>mit Domänenbenutzer/-Kennwort</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<section>
|
||
|
|
<h2>Inhalt einfügen / bearbeiten</h2>
|
||
|
|
<img src="img/dw/dw-editor.png">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Text formatieren</h2>
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
**Fett**
|
||
|
|
//kursiv//
|
||
|
|
__unterstrichen__
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Überschriften</h2>
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
====== Überschrift 1 ======
|
||
|
|
===== Überschrift 2 =====
|
||
|
|
==== Überschrift 3 ====
|
||
|
|
=== Überschrift 4 ===
|
||
|
|
== Überschrift 5 ==
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<section>
|
||
|
|
<h2>Ungeordnete Listen</h2>
|
||
|
|
<pre><code data-trim>
|
||
|
|
* Punkt
|
||
|
|
* Punkt
|
||
|
|
* Unterpunkt
|
||
|
|
* Unter-Unterpunkt
|
||
|
|
* Unterpunkt
|
||
|
|
* Punkt
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Nummerierte Listen</h2>
|
||
|
|
<pre><code class="markdown">
|
||
|
|
- Punkt 1
|
||
|
|
- Punkt 2
|
||
|
|
- Unterpunkt 2.1
|
||
|
|
- Unter-Unterpunkt 2.1.1
|
||
|
|
- Unterpunkt 2.2
|
||
|
|
- Punkt 3
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Tabellen</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Spalte A</th>
|
||
|
|
<th>Spalte B</th>
|
||
|
|
<th>Spalte C</th>
|
||
|
|
<th> </th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td colspan="4">Hier könnte Ihre Werbung stehen!</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>linksbündig </td>
|
||
|
|
<td> rechtsbündig</td>
|
||
|
|
<td> zentriert </td>
|
||
|
|
<td>normal</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td colspan="4"><b><i>Textformatierungen</i></b> gehen natürlich auch in Zellen!</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td rowspan="2">Text, der über mehrere Zellen geht</td>
|
||
|
|
<td>hier steht auch noch was</td>
|
||
|
|
<td> </td>
|
||
|
|
<td> </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>sonstiger Text</td>
|
||
|
|
<td>sonstigerer Text</td>
|
||
|
|
<td>sonstigster Text</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
^ Spalte A ^ Spalte B ^ Spalte C ^
|
||
|
|
| Hier könnte Ihre Werbung stehen! ||||
|
||
|
|
| linksbündig | rechtsbündig | zentriert | normal |
|
||
|
|
| **//Textformatierungen//** gehen natürlich auch in Zellen! ||||
|
||
|
|
| Text, der über mehrere Zellen geht | hier steht auch noch was |
|
||
|
|
| ::: | sonstiger Text | noch sonstigerer Text | sonstigster Text |
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Verlinkungen</h2>
|
||
|
|
|
||
|
|
<h3 class="fragment">intern</h3>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[beispiel]]
|
||
|
|
</code></pre>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[beispiel|Link zu einer Beispielseite]]
|
||
|
|
</code></pre>
|
||
|
|
|
||
|
|
<h3 class="fragment">extern</h3>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[http://example.com/beispiel]]
|
||
|
|
</code></pre>
|
||
|
|
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[http://example.com/beispiel|Link zum Beispiel]]
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<section>
|
||
|
|
<h2>Seite anlegen</h2>
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
doku.php?id=beispiel
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Namensräume</h2>
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
[[kategorie:seite]]
|
||
|
|
|
||
|
|
[[kategorie:start]]
|
||
|
|
</code></pre>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[facebook]]
|
||
|
|
</code></pre>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[marketing:facebook]]
|
||
|
|
</code></pre>
|
||
|
|
<pre class="fragment"><code class="markdown" data-trim>
|
||
|
|
[[:facebook]]
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<section>
|
||
|
|
<h2>Dateien hochladen</h2>
|
||
|
|
<img src="img/dw/dw-dateiupload.png" width="" height="">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Bilder einfügen</h2>
|
||
|
|
<img src="img/dw/dw-bildauswahl.png" width="" height="">
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<section>
|
||
|
|
<h1>Nachbereitung</h1>
|
||
|
|
<p></p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Nachbereitung: Code</h2>
|
||
|
|
<pre><code class="markdown" data-trim>
|
||
|
|
Dies ist ein __einfacher__ Text, um das **Verständnis**
|
||
|
|
für die //**Formatierung**// abzufragen. Er enthält eine
|
||
|
|
|
||
|
|
=== Überschrift ===
|
||
|
|
|
||
|
|
Und eine nummerierte Liste:
|
||
|
|
- Punkt
|
||
|
|
- Komma
|
||
|
|
- Semikolon
|
||
|
|
- Strich
|
||
|
|
- Mondgesicht
|
||
|
|
|
||
|
|
Außerdem verlinken wir hier auch noch
|
||
|
|
auf [[http://example.com]] und
|
||
|
|
[[http://example.com|noch einmal im Fließtext]].
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h1>Fragen?</h1>
|
||
|
|
</section>
|
||
|
|
<!-- STOP EDITING -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="lib/js/head.min.js"></script>
|
||
|
|
<script src="js/reveal.min.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// Full list of configuration options available here:
|
||
|
|
// https://github.com/hakimel/reveal.js#configuration
|
||
|
|
Reveal.initialize({
|
||
|
|
controls: true,
|
||
|
|
progress: true,
|
||
|
|
history: true,
|
||
|
|
center: true,
|
||
|
|
|
||
|
|
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
|
||
|
|
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
|
||
|
|
|
||
|
|
// Optional libraries used to extend on reveal.js
|
||
|
|
dependencies: [
|
||
|
|
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||
|
|
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||
|
|
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||
|
|
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
||
|
|
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
|
||
|
|
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
|
||
|
|
]
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|