latex.tex

\documentclass[xcolor=dvipsnames]{beamer}
\newif\ifshownotes
\ifdefined\shownotes
  \shownotestrue
\else
  \shownotesfalse
\fi

%\usepackage[utf8]{inputenc}
%\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
%\usepackage{lmodern}
\usepackage{verbatim}
\usepackage{dtk-logos}
\usepackage{tikz}
\usetikzlibrary{backgrounds, fit, matrix, calc}
\usepackage{listings}
\usepackage{calc}
\usepackage{mathtools}
\graphicspath{{figures/}{examples/}}
\usefonttheme{professionalfonts}
\newcommand{\bsl}{\textbackslash}

\definecolor{darkgreen}{rgb}{0,0.5,0}
\renewcommand\note[2][]{\ifshownotes#1{\color{darkgreen}#2}\fi}
\newcommand\colorifnote{\ifshownotes\color{darkgreen}\fi}

\hypersetup{unicode=true}

\setmonofont{FiraCode}

\usetheme{OSAK}

\lstset{
  basicstyle=\scriptsize\ttfamily,
  language={[LaTeX]TeX},
  texcsstyle=*\color{Mahogany}\bfseries,
  commentstyle=\itshape\color{RoyalBlue},
  keywordstyle=\color{RoyalBlue}\bfseries,
  moretexcs={lstset,subsubsection,paragraph,subsection,color,sl,textcolor,lstinputlisting,newfontfamily,fontsize,section,documentclass,begin,includegraphics,hello,bye,setmainlanguage,setlength},
  morekeywords={center,document,flushleft,flushright,itemize,enumerate,tabular,article,polyglossia,geometry,amsmath,graphicx,xcolor,hyperref,figure,babel,mathtools,equation,align},
  deletetexcs={vec}
}

\makeatletter
\newcommand\notsotiny{\@setfontsize\notsotiny{7}{8}}
\makeatother

\date{5. Juni 2019}
\title[Einführung in \LaTeX]{Einführung in \LaTeX}
\author{Valentin Bruch}
\institute[OSAK]{
  Open Source Arbeitskreis der \\
  Fachschaft Mathematik/Physik/Informatik an der RWTH Aachen \\
  und der Aachener Linux User Group
}

%Copied from
%https://tex.stackexchange.com/questions/198091/get-number-of-pages-of-external-pdf
\newcommand*{\pdfnumberofpages}[1]{%
  \directlua{%
    local doc = epdf.open("\luaescapestring{#1}")
    local pages
    if (doc) then
      pages = doc:getCatalog():getNumPages()
    else
      pages = 0
    end
    tex.write(pages)
  }%
}

\newcommand\insertexample[2][]{%
  {\setbeamercolor{background canvas}{bg=gray!10!white}
  \begin{frame}
    \def\tmp{#1}\ifx\tmp\empty%
      \frametitle{Beispiel}%
    \else%
      \frametitle{Beispiel: #1}%
    \fi%
    \vspace*{-3.8pt}%
    \ifnum\pdfnumberofpages{#2}<2%
      \centering%
      \colorbox{white}{\includegraphics[width=.67\textwidth]{#2}}%
    \else%
      \colorbox{white}{\includegraphics[width=.48\textwidth, page=1]{#2}}%
      \hfill%
      \colorbox{white}{\includegraphics[width=.48\textwidth, page=2]{#2}}%
    \fi%
  \end{frame}
  }
}

\begin{document}

\section{Installation und Motivation}
\begin{frame}{OSAK \LaTeX-Workshop}{Installation einer \TeX-Distribution}
  \Huge\% TODO QR CODE UND URL
  \Huge QR-CODE UND/ODER URL
\end{frame}

\begin{frame}
  \titlepage
\end{frame}

\section{Dokumente mit \LaTeX}
\subsection{Aufbau eines \LaTeX-Dokuments}
\OSAKthemenologo
\begin{frame}[fragile]{Aufbau eines \LaTeX-Dokuments}
  \begin{columns}[T]
    \begin{column}{.45\textwidth}
      \structure{{\LaTeX} übersetzt Text in ein PDF} \\[12pt]
      \begin{itemize}
        \note[\item]{Wer hat schon mal ein Dokument erstellt?\\[10pt]}
        \item Automatische Formatierung \\[12pt]
        \item Befehle, z.\,B. \texttt{\textbackslash textbf\{\}}, haben Effekte 
          (z.\,B. \textbf{fett}) \\[12pt]
        \item Kommentare (mit \%) werden ignoriert \\[12pt]
      \end{itemize}
    \end{column}
    \begin{column}{.5\textwidth}
      \vspace*{-4pt}%
      \centering%
      \begin{tikzpicture}[even odd rule, scale=1]
        \coordinate (text) at (0,0);
        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
        (0,0) rectangle (\textwidth, -.5\textwidth)
        (2pt,-15pt) rectangle (\textwidth-2pt, -.5\textwidth+2pt);
        \node[anchor=north west] at (0pt, 0pt) {Editor: HelloWorld.tex};
        \node[anchor=north west] at (4pt, -12pt) {\parbox[t][.5\textwidth-27pt][t]{\textwidth-12pt}{%
            \lstinputlisting[basicstyle=\scriptsize\ttfamily]{examples/minimal.tex}
        }};
      \end{tikzpicture}\\[-11pt]
      \includegraphics[angle=-90, width=.1\textwidth]{figures/texstudio-compile.pdf}\\[2pt]
      \begin{tikzpicture}[even odd rule, scale=1]
        \coordinate (text) at (0,0);
        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
        (0,0) rectangle (\textwidth, -.4\textwidth)
        (2pt,-15pt) rectangle (\textwidth-2pt, -.4\textwidth+2pt);
        \node[anchor=north west] at (0pt, 0pt) {PDF viewer: HelloWorld.pdf};
        \node[anchor=north west] at (2pt, -15pt) {\parbox[t][.4\textwidth-27pt][c]{\textwidth-12pt}{%
          \hspace{.1\textwidth}$\mathrm{Hallo\ Welt!}$
        }};
      \end{tikzpicture}
    \end{column}
  \end{columns}
\end{frame}

\subsection{\TeX{}studio als Editor}
\begin{frame}{\TeX{}Studio (Editor)}
  \vspace{-3.8pt}%
  \includegraphics[width=\textwidth]{figures/texstudio.png}
\end{frame}

\subsection{Absatzformatierung}
\begin{frame}[fragile]{Umbrüche}
  \structure{Zeilen:}
  \vskip-\baselineskip%
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      & \node[anchor=base]{\texttt{dokument.tex}}; &
      & \node[anchor=base]{\texttt{dokument.pdf}}; \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Zeilen im \texttt{.tex} ignoriert
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2a_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2a_umbruch.tex}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Leere Zeile\\$\implies$ Absatz
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2b_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2b_umbruch.tex}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Zeilenumbruch manuell: \texttt{\textbackslash\textbackslash}
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2c_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \input{examples/2c_umbruch.tex}
        \end{minipage}
      };
      \\
    };
  \end{tikzpicture}
  \structure{Seiten:}
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
              \item Manuell neue Seite:
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
          \lstinputlisting{examples/2d_umbruch.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \includegraphics[width=\textwidth]{figures/newpage.png}
        \end{minipage}
      };
      \\
    };
  \end{tikzpicture}
\end{frame}

\insertexample[Nur Text]{beispieldokument/zeta_0.pdf}

\subsection{Textformatierung}
\begin{frame}[fragile]{Formatierung}
  \structure{Schrifteinstellungen:}
  \vskip-\baselineskip%
  \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=6pt] {
      & \node[anchor=base]{\texttt{dokument.tex}}; &
      & \node[anchor=base]{\texttt{dokument.pdf}}; \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Fontstyle
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
        \lstinputlisting{examples/2e.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
          \textbf{fett} \textit{kursiv}\\
          \underline{unterstrichen}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Schriftgröße
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][20mm][c]{.3\textwidth}
        \lstinputlisting{examples/2f.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][20mm][c]{.25\textwidth}
          \tiny tiny
          \small small
          \large large\\
          \Large Large\,\LARGE LARGE\\
          ...
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
        \begin{itemize}
        \item Textfarbe
        \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.3\textwidth}
        \lstinputlisting[basicstyle=\notsotiny\ttfamily]{examples/2g.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][10mm][c]{.25\textwidth}
        \input{examples/2g.tex}
        \end{minipage}
      };
      \\
  };
  \end{tikzpicture}
\end{frame}

\insertexample[Textformatierung]{beispieldokument/zeta_1.pdf}

\subsection{Abschnitte}
\begin{frame}[fragile]{Abschnitte}
  \begin{columns}
    \begin{column}{0.48\textwidth}
      \structure{section, subsection, subsubsection:}
      \begin{itemize}
        \item Überschriften\\(automatisch nummeriert)\\[2pt]
          \begin{tikzpicture}
            \node[draw=blue!20!lightgray, line width=2pt]{
              \begin{minipage}[t][22mm][c]{0.7\textwidth}
              \lstinputlisting[basicstyle=\notsotiny\ttfamily]{examples/2h.tex}
              \end{minipage}
            };
          \end{tikzpicture}
        \item Inhaltsverzeichnis\\(automatisch erstellt)\\[2pt]
          \texttt{\textbackslash tableofcontents}
      \end{itemize}
      \vspace*{24pt}
    \end{column}
    \begin{column}{0.5\textwidth}
        \includegraphics[width=\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/2h_fake.pdf}
    \end{column}
  \end{columns}
\end{frame}

\insertexample[Abschnitte]{beispieldokument/zeta_2.pdf}

\subsection{Umgebungen}
\begin{frame}[fragile]{Umgebungen}
  \begin{itemize}
    \setbeamertemplate{itemize items}[square]
  \item Umgebungen durch \texttt{\color{Mahogany}\bfseries\textbackslash begin} 
    und \texttt{\color{Mahogany}\bfseries\textbackslash end} begrenzt
  \end{itemize}
  \begin{tikzpicture}
  \node[matrix, column sep=4pt, row sep=6pt] {
    \node{
      \begin{minipage}[t][10mm][c]{.28\textwidth}
      \structure{Textausrichting:}
      \begin{itemize}
      \item Mittig / Linksbündig / Rechtsbündig
      \end{itemize}
      \end{minipage}
    }; &
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][34mm][c]{.3\textwidth}
      \lstinputlisting{examples/3b.tex}
      \end{minipage}
    }; &
    \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][34mm][c]{.25\textwidth}
          \input{examples/3b.tex}
      \end{minipage}
    };
    \\
    \node{
      \begin{minipage}[t][10mm][c]{.28\textwidth}
      \structure{Listen:}
      \begin{itemize}
      \item Stichpunkte / Aufzählungen
      \end{itemize}
      \end{minipage}
    }; &
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][30mm][c]{.3\textwidth}
      \lstinputlisting{examples/3c.tex}
      \end{minipage}
    }; &
    \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
    \node[draw=blue!20!lightgray, line width=2pt]{
      \begin{minipage}[t][30mm][c]{.25\textwidth}
      \input{examples/3c.tex}
      \end{minipage}
    };
    \\
  };
  \end{tikzpicture}
\end{frame}

\insertexample[Umgebungen]{beispieldokument/zeta_3.pdf}

\newcommand{\highlightRed}[1]{{\color{Mahogany}\texttt{\bfseries #1}}}
\newcommand{\highlightBlu}[1]{{\color{RoyalBlue}\texttt{\bfseries #1}}}

\section{Mathematik}
\begin{frame}[fragile]{Mathematik}
  \structure{Umgebungen:}
  \begin{itemize}
    \item \highlightBlu{equation}{\bfseries:} Vom Text abgesetzte Gleichung
      \\[4pt]
      \begin{tikzpicture}
        \node[matrix, column sep=4pt, row sep=4pt] {
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][11mm][c]{.3\textwidth}
              \lstinputlisting{examples/equation.tex}
            \end{minipage}
          };&
          \node{\includegraphics[width=12pt]{figures/texstudio-compile.pdf}};&
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][11mm][c]{.3\textwidth}
              \vspace*{-2pt}
              \input{examples/equation}
            \end{minipage}
          };\\
        };
      \end{tikzpicture}\\[8pt]
    \item \highlightBlu{align}{\bfseries:} Wie \highlightBlu{equation}, nur 
      dass man an \highlightRed{\&} ausrichten kann\\[10pt]
    \item Wie bei z.\,B.  \highlightRed{\textbackslash section*\{...\}} auch:\\
      \highlightBlu{*} für nicht-nummerierte Gleichungen, also
      \highlightRed{\textbackslash begin\{}%
      \highlightBlu{align*}\highlightRed{\}}
      \\[10pt]
  \end{itemize}
  \structure{Im Textfluss} kann man Gleichungen mit \highlightRed{\$...\$}
  schreiben, also z.\,B.
  \begin{center}
    \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=6pt] {
      \node[draw=blue!20!lightgray,line width=2pt]{
        \begin{minipage}[t][6mm][c]{.45\textwidth}
          \texttt{Gleichung: \highlightRed{\$x\^\ 2 = 25\$}}
        \end{minipage}
      };&
      \node{\includegraphics[width=12pt]{figures/texstudio-compile.pdf}};&
      \node[draw=blue!20!lightgray,line width=2pt]{
        \begin{minipage}[t][6mm][c]{.3\textwidth}
          \textrm{Gleichung: $x^2 = 25$}
        \end{minipage}
      };\\
    };
    \end{tikzpicture}
  \end{center}
\end{frame}

\begin{frame}[fragile]{Mathematik -- Beispiele}
  \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=4pt] {
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][14.5mm][c]{.4\textwidth}
            \vspace{1pt}
            \lstinputlisting{examples/align.tex}
          \end{minipage}
        };&
        \node{\includegraphics[width=12pt]{figures/texstudio-compile.pdf}};&
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][14.5mm][c]{.4\textwidth}
            \null\hfill$\displaystyle%
            \vec{x}=\mathrlap{\|\vec{x}\|^2}\hphantom{x_1^2+x_2^2}\hfill\mathllap{(1)}$\\[2pt]
            \null\hfill$\displaystyle\hphantom{\vec{x}}=x_1^2+x_2^2{}\hfill\mathllap{(2)}$\\[-6pt]
          \end{minipage}
        };\\
        %\node[draw=blue!20!lightgray, line width=2pt]{
        %  \begin{minipage}[t][7mm][c]{.4\textwidth}
        %    \centering
        %    \scriptsize \ttfamily \verb|\vec{x}^2 = x_1^2 + x_2^2|
        %  \end{minipage}
        %}; &
        %\node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        %\node[draw=blue!20!lightgray, line width=2pt]{
        %  \begin{minipage}[t][7mm][c]{.4\textwidth}
        %    \centering
        %    $\displaystyle \vec x^2 = x_1^2 + x_2^2 $
        %  \end{minipage}
        %};
        %\\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily \verb|\sum_{n=0}^\infty n =|
            \colorifnote\verb|-\frac{1}{12}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][10mm][c]{.4\textwidth}
            \centering
            $\displaystyle\sum_{n=0}^\infty n =
            -\colorifnote\frac{1}{12}$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|\nabla\cdot\vec{E} = 4|\colorifnote\verb|\pi\rho|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            $\displaystyle\nabla\cdot\vec E = 4\pi\rho$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            \scriptsize\ttfamily
            {\colorifnote\verb|\sqrt|}\verb|{e^{i\pi}} = \pm i|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            $\displaystyle \sqrt{e^{i\pi}} = \pm i$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][9mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|\sin(30^\circ) =| \verb|\frac{\sqrt{3}}{2}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][9mm][c]{.4\textwidth}
            \centering
            $\displaystyle \sin(30^\circ) = \frac{\sqrt{3}}{2}$
          \end{minipage}
        };
        \\
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            \scriptsize \ttfamily
            \verb|m\approx 80\,\mathrm{kg}|
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][6mm][c]{.4\textwidth}
            \centering
            $\displaystyle m\approx 80\,\mathrm{kg}$
          \end{minipage}
        };
        \\
      };
    \end{tikzpicture}
\end{frame}

\begin{frame}{Detexify}{\url{http://detexify.kirelabs.org}}
  \vspace{-18pt}
  \includegraphics[width=\textwidth]{figures/detexify.png}
  \note[\centering]{\large auf \texttt{\textbackslash usepackage} achten!}%
\end{frame}

\insertexample[Mathematik]{beispieldokument/zeta_4.pdf}

\section{Bilder und Tabellen}
\begin{frame}[fragile]{Bilder \& Tabellen}
  \begin{itemize}
    \item \highlightRed{\textbackslash%
      includegraphics}\texttt{[optional]}\highlightRed{\{...\}}, um Bilder
      einzubinden (bspw. \texttt{width=0.9\textbackslash textwidth} als Option)
    \begin{tikzpicture}
      \node[matrix,column sep=4pt, row sep=6pt] {
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][1.0cm][c]{.4\textwidth}
            \lstinputlisting[basicstyle=\tiny]{examples/includegraphics.tex}
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray,line width=2pt]{
          \begin{minipage}[t][1.0cm][c]{.3\textwidth}
            \centering
            \includegraphics[width=1.0cm]{figures/doge.png}
          \end{minipage}
        }; \\
      };
    \end{tikzpicture} \\[12pt]
    \item \highlightBlu{tabular}-Umgebung für Tabellen:
    \begin{tikzpicture}
      \node[matrix, column sep=4pt, row sep=6pt] {
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][1.8cm][c]{.4\textwidth}
            \lstinputlisting[basicstyle=\tiny]{examples/tabular.tex}
          \end{minipage}
        }; &
        \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
        \node[draw=blue!20!lightgray, line width=2pt]{
          \begin{minipage}[t][1.8cm][c]{.3\textwidth}
            \includegraphics[width=\textwidth]{examples/tabular.pdf}
          \end{minipage}
        }; \\
      };
    \end{tikzpicture}
  \end{itemize}
\end{frame}

\insertexample[Bilder]{beispieldokument/zeta_5.pdf}

\subsection{Floats}
\begin{frame}[fragile]{Abbildungen mit \glqq{}Floats\grqq{}}
  \begin{columns}
    \begin{column}{0.45\textwidth}
      \highlightBlu{figure} \& \highlightBlu{table} \emph{Umgebungen} für
      Bilder und Tabellen:\vspace{14pt}
      \begin{itemize}
          \small
        \item Mit \highlightRed{\textbackslash{}includegraphics} bzw.
        \highlightBlu{tabular} für Inhalt
          \scriptsize\\
          (\emph{{\ttfamily\color{RoyalBlue}table} \&
          {\ttfamily\color{RoyalBlue}figure} sind initial leer!})
          \normalsize
          \\[12pt]
        \item \highlightRed{\textbackslash{}centering} für zentrierten Inhalt \\[12pt]
        \item \highlightRed{\textbackslash{}caption}\verb+{Text}+ für Beschriftung und Verweise\\[12pt]

        % TODO Bild von float machen!
      \end{itemize}
    \end{column}
    \begin{column}{0.45\textwidth}
      \begin{tikzpicture}
        \node[matrix,column sep=4pt, row sep=6pt] {
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][2.1cm][c]{\textwidth}
              \lstinputlisting[basicstyle=\tiny]{examples/figure.tex}
            \end{minipage}
          }; \\[-4pt]
          \node[rotate=270]{
            \includegraphics[width=16pt]{figures/texstudio-compile.pdf}
          }; \\[-4pt]
          \node[draw=blue!20!lightgray,line width=2pt]{
            \begin{minipage}[t][2.75cm][c]{\textwidth}
              \centering
              \includegraphics[width=0.7\textwidth]{examples/figure.pdf}
            \end{minipage}
          }; \\
        };
      \end{tikzpicture}
    \end{column}
  \end{columns}
\end{frame}

\insertexample[Floats]{beispieldokument/zeta_6.pdf}

\section{Labels und Referenzen}
\begin{frame}[fragile]{Labels, Referenzen und Links}
  \structure{Referenzen} markieren mit 
  \texttt{\bfseries\color{Mahogany}\textbackslash label},
  verweisen mit \texttt{\bfseries\color{Mahogany}\textbackslash ref}:\\[2pt]
  \hspace*{-6pt}\begin{tikzpicture}
    \node[matrix, column sep=3pt, row sep=8pt] {
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
            \item Gleichungen, Sections, Figures und vieles mehr!
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][26mm][c]{.3\textwidth}
          \lstinputlisting{examples/4a.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][26mm][c]{.25\textwidth}
          \input{examples/4a.tex}
        \end{minipage}
      };
      \\
      \node{
        \begin{minipage}[t][10mm][c]{.28\textwidth}
          \begin{itemize}
            \item \highlightRed{\bsl ref} darf auch vor dem
              \highlightRed{\bsl label} stehen
          \end{itemize}
        \end{minipage}
      }; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][26mm][c]{.3\textwidth}
          \lstinputlisting{examples/4b.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][26mm][c]{.25\textwidth}
              \includegraphics[width=\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/4b_fake.png}
        \end{minipage}
      };
      \\
    };
  \end{tikzpicture}
\end{frame}

\insertexample[Referenzen]{beispieldokument/zeta_7.pdf}

\begin{frame}[fragile]{Verschiedenes}
  \structure{Fußnoten:}
  \begin{itemize}
    \item Einfügen mit \highlightRed{\bsl footnote}\verb+{Fußnotentext}+
      irgendwo:
  \end{itemize}
  \begin{center}
    \vspace{-8pt}
    \begin{tikzpicture}
    \node[matrix, column sep=4pt, row sep=0pt] {
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][24mm][c]{.5\textwidth}
        \lstinputlisting{examples/4c.tex}
        \end{minipage}
      }; &
      \node{\includegraphics[width=16pt]{figures/texstudio-compile.pdf}}; &
      \node[draw=blue!20!lightgray, line width=2pt]{
        \begin{minipage}[t][24mm][c]{.3\textwidth}
        \includegraphics[width=1\textwidth,trim=0cm 0cm 0cm 0cm, clip]{examples/4c_fake.png}
        \end{minipage}
      };
      \\
    };
    \end{tikzpicture}
    \vspace{-8pt}
  \end{center}
  \structure{URLs:}
  \highlightRed{\textbackslash url}\verb+{http://fsmpi.eu/latex}+ \\[2pt]
  \structure{Besondere Zeichen}
  \begin{itemize}
    \item {\bfseries\color{MidnightBlue}\%, "{}}: \texttt{\textbackslash\%}, \verb+"{}+
    \item {\bfseries\color{MidnightBlue}\&, \#, \$}: \texttt{\textbackslash\&, 
      \textbackslash\#, \textbackslash\$}
    \item {\bfseries\color{MidnightBlue}\textbackslash, \{, \}}: \texttt{\textbackslash 
      textbackslash, \textbackslash\{, \textbackslash\}}
    \item {\bfseries\color{MidnightBlue}\^~, \_, \textasciitilde}: %
      \verb|\^, \_, \textasciitilde|
      %todo besser sortieren, noch was vergessen?
  \end{itemize}
\end{frame}

\insertexample[Fußnoten]{beispieldokument/zeta_8.pdf}

\section{Präambel}
\begin{frame}[fragile]{Präambel}
  \begin{columns}
    \begin{column}{0.45\textwidth}
      \structure{Die \glqq{Präambel}\grqq} wird benutzt für \\[3pt]
      \begin{itemize}
        \item Dokumententyp: \\
          \highlightRed{\textbackslash{}documentclass} \\[4pt]
        \item Pakete laden: \\
          \highlightRed{\textbackslash{}usepackage} \\[4pt]
        \item Macros definieren: \\
          \highlightRed{\textbackslash{}newcommand} \\[4pt]
        \item \highlightRed{\textbackslash{}begin}\verb+{document}+ \\
          \hspace{1em}Inhalt\\
          \highlightRed{\textbackslash{}end}\verb+{document}+
      \end{itemize}
      \vspace{12pt}
    \end{column}
    \hspace{10pt}
    \begin{column}{0.05\textwidth}
      {\only<1>{\color{RoyalBlue}}\only<2>{\color{Green}}\rule{0.5pt}{0.8\textheight}}
    \end{column}
    \begin{column}{0.45\textwidth}
      \vspace*{-20pt}
      \only<1>{\lstinputlisting[basicstyle=\tiny\ttfamily]{examples/preamble.tex}}
      \only<2>{\includegraphics[width=\textwidth]{examples/preamble.pdf}\vspace{-10pt}}
    \end{column}
    \hspace{-10pt}
  \end{columns}
\end{frame}

\end{document}

\begin{comment}
vim:ts=2:spelllang=de:fo=want:expandtab
\end{comment}