<!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>