21.08.2020 Aufrufe

Der schnelle Weg zur eigenen Website und zum eigenen Blog

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

und in der Vorschau können Sie sich anschließend von dessen Funktionalität

überzeugen.

HINWEIS: An dieser Stelle kann jetzt natürlich kein Kurs über HTML-

Programmierung gegeben werden. Wenn Sie also selbst derartige „Snippets“

entwickeln möchten, dann bleibt Ihnen nichts anderes übrig, als sich mit dieser

Markup-Sprache zu beschäftigen. Dafür gibt es in großer Zahl Lehrbücher

sowie darauf spezialisierte Webseiten und Online-Kurse im Netz. Besonders

empfohlen seien in diesem Zusammenhang die folgenden zwei Referenzseiten:

LINK: selfhtml Wiki – die beste deutschsprachige Referenzseite zu HTML etc.

https://wiki.selfhtml.org/

LINK: CSS 4 you – die deutsche Seite für Cascading Stylesheets (CSS)

http://www.css4you.de/

Ein HTML-Snippet besteht i. d. R. aus drei Teilen: Einem HTML-Code, einem Style,

welcher u. a. das optische Erscheinungsbild festlegt und eventuell JavaScript

für die Sicherstellung der Funktionalität.

Angenommen, Sie möchten ein Foto auf ihrer Webseite modal vergrößert aufblenden,

sobald man mit der Maus darauf klickt. Dann sieht der reine HTML-

Code dafür folgendermaßen aus:

<img id="myImg" src="{ Link zum Foto}"

alt="{Bildtitel}"

style="width:100%;max-width:300px">

<div id="myModal" class="modal">

179

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!