Eingabe
Befehle
  • Medien verhalten sich genauso wie Hyperlinks, mit dem unterschied dass sie in einer eigenen Zeile und mit einem vorangestellten ! notiert werden.
    Der Linktext wird dabei automatisch als Alternativtext verwendet, der optionale Titel als Bildunterschrift.

    ![Zensations](http://www.zensations.at/logo.png "Zensations - web & communications")
    
Vorschau
Vorgabe
Lösung
  • Eingebettete Medien
    Bilder
    Der große Vorteil von Webseiten ist die einfache Integration von multimedialen Inhalten. Der häufigste Anwendungsfall sind natürlich Bilder.
    Wichtig dabei ist aber vor allem wie man sie positioniert. Viele Editoren lassen es zu, Bilder direkt in Absätzen einzubinden. Der Nachteil: Unschöne Umbruchfehler wenn sich die Breite der Darstellung, zum Beispiel bei Smartphones, in der Druckansicht oder der Textvergrößerung, ändert.
    Am Sichersten ist es Bilder als eigene Blockelemente, also zwischen Paragraphen, einzufügen.
    Zensations
    Besonders wichtig ist es einen Alternativtext einzugeben. Dieser wird angezeigt, wenn es beim Laden des Bildes zu einem Fehler kommt oder das Endgerät gar keine Bilder darstellen kann. Natürlich ist er auch für Screenreader und Suchmaschinenoptimierung relevant.
    Videos
    Die Einbindung von Videos diverser Portale gestaltet sich ähnlich einfach wie die von Bildern. Wie dieses Video, in dem Markdown erklärt wird, zeigt. Hier schließt sich dann der Kreis auch wieder.
    Markdown Tutorial

  • Eingebettete Medien

    Bilder

    Der große Vorteil von Webseiten ist die einfache Integration von multimedialen Inhalten. Der häufigste Anwendungsfall sind natürlich Bilder.
    Wichtig dabei ist aber vor allem wie man sie positioniert. Viele Editoren lassen es zu, Bilder direkt in Absätzen einzubinden. Der Nachteil: Unschöne Umbruchfehler wenn sich die Breite der Darstellung, zum Beispiel bei Smartphones, in der Druckansicht oder der Textvergrößerung, ändert.
    Am Sichersten ist es Bilder als eigene Blockelemente, also zwischen Paragraphen, einzufügen.

    Zensations
    Zensations - web & communications

    Besonders wichtig ist es einen Alternativtext einzugeben. Dieser wird angezeigt, wenn es beim Laden des Bildes zu einem Fehler kommt oder das Endgerät gar keine Bilder darstellen kann. Natürlich ist er auch für Screenreader und Suchmaschinenoptimierung relevant.

    Videos

    Die Einbindung von Videos diverser Portale gestaltet sich ähnlich einfach wie die von Bildern. Wie dieses Video, in dem Markdown erklärt wird, zeigt. Hier schließt sich dann der Kreis auch wieder.

    Markdown Tutorial
  • # Eingebettete Medien
    
    ## Bilder
    
    Der große Vorteil von Webseiten ist die einfache Integration von multimedialen Inhalten. Der häufigste Anwendungsfall sind natürlich Bilder.
    Wichtig dabei ist aber vor allem wie man sie positioniert. Viele Editoren lassen es zu, Bilder direkt in Absätzen einzubinden. Der Nachteil: Unschöne Umbruchfehler wenn sich die Breite der Darstellung, zum Beispiel bei Smartphones, in der Druckansicht oder der Textvergrößerung, ändert.
    Am Sichersten ist es Bilder als eigene Blockelemente, also zwischen Paragraphen, einzufügen.
    
    ![Zensations](http://zensations.at/logo.png "Zensations - web & communications")
    Besonders wichtig ist es einen Alternativtext einzugeben. Dieser wird angezeigt, wenn es beim Laden des Bildes zu einem Fehler kommt oder das Endgerät gar keine Bilder darstellen kann. Natürlich ist er auch für Screenreader und Suchmaschinenoptimierung relevant.
    
    ## Videos
    
    Die Einbindung von Videos diverser Portale gestaltet sich ähnlich einfach wie die von Bildern. Wie dieses Video, in dem Markdown erklärt wird, zeigt. Hier schließt sich dann der Kreis auch wieder.
    
    ![Markdown Tutorial](http://www.youtube.com/watch?v=6A5EpqqDOdk "Markdown Tutorial")
    
  1. Willkommen bei der Zensations Semantik-Schulung!

    Um die richtige Erstellung von semantischen Texten zu erlernen, wird ihnen nun eine Reihe von Formatierungsaufgaben gestellt.

  2. Hier sehen Sie, wie das Endergebnis aussehen soll.

  3. Hier finden Sie den unformatierten Text.
    Ihre Aufgabe ist es, diesen mittels Markdown zu strukturieren und zu formatieren.

  4. Eine Erklärung für die in der jeweiligen Lektion benötigten Befehle, finden Sie hier.

  5. Haben Sie die Änderungen vorgenommen, können Sie mit einem Klick auf diesen Button eine Überprüfung starten.

  6. Nach einer kurzen Ladezeit sehen Sie hier wie ihr Ergebnis aussieht und ob es der Vorgabe entspricht.

    Lassen Sie sich von ein paar Fehlern nicht unterkriegen. Es ist noch kein Meister vom Himmel gefallen.

  7. Sollten Sie gar nicht weiterkommen, finden Sie hier die Auflösung der aktuellen Lektion.
    Aber wer wird schon schummeln …

  8. Das ist alles was Sie wissen müssen, also auf ins Gefecht!
    Und nicht vergessen: Content is King!

© by Zensations web & communications

Impressum