Author Archive for herr_seeliger

Download-Link

Posted on by herr_seeliger • Comments disabled

Wenn als Link-Ziel eine Datei angeben ist, dann wird diese geladen. Das Attribut #download sorgt für den Download der Datei ohne Anzeige im Browser, was bei PDF ansonsten passieren würde. Das Attribute kann außerdem über den Attribute Selektor gestaltet werden.

Bilder als Link

Posted on by herr_seeliger • Comments disabled

Das Bild als Kind-Element von #a wird zur Link-Quelle. Es kann mit CSS gestaltet werden.

Inhalt verlinken

Posted on by herr_seeliger • Comments disabled

Mit dem Anker-Tag #a können Verlinkungen auf andere Inhalte gesetzt werden. Link-Quelle kann Text, ein Bild oder auch andere Elemente sein. Ein Link hat vier Zustände und diese werden über die Pseudo-Klassen #:link, #:visited, #:hover und #:active angesprochen werden.

Head

Posted on by herr_seeliger • Comments disabled

In der Box #head werden Angaben über die Webseite gesammelt. Häufig genutzte Elemente sind: #title, #meta und #link. #head wird im Gegensatz zu #body im Browser nicht angezeigt, seine Informationen jedoch verarbeitet. #head könnte jedoch mit der Eigenschaft #display #block sichtbar gemacht werden. Was allerdings keinen großen Sinn macht.

Typographie mit CSS

Posted on by herr_seeliger • Comments disabled

Schrift kann in allen wesentlichen Merkmalen gestaltet werden. Das Leseverhalten am Bildschirm ist etwas anders, aber wer Erfahrungswerte aus dem Print mitbringt findet zu allem ein Gegenstueck im CSS.

Boxen und ihre Bedeutung

Posted on by herr_seeliger • Comments disabled

Es gibt im HTML eine Auswahl von Boxen mit denen eine Webseite aufgebaut werden kann. Ihnen wird jeweils eine bestimmte Bedeutung (Semantik) zugeschrieben und dieses allgemeine semantische Konzept sollte bei der Auswahl berücksichtig werden.

CSS für digitale Medien

Posted on by herr_seeliger • Comments disabled

Häufig genutzte CSS Maßeinheiten für den Bildschirm.

.info

Posted on by herr_seeliger • Comments disabled

Responsive Head

Posted on by herr_seeliger • Comments disabled

h1, p

Posted on by herr_seeliger • Comments disabled

.main .layer .pad

Posted on by herr_seeliger • Comments disabled

html body

Posted on by herr_seeliger • Comments disabled

Globales Main

Posted on by herr_seeliger • Comments disabled

Flex Box

Posted on by herr_seeliger • Comments disabled

Anwendungsbeispiele für typische Flex-Komponenten

Blur

Posted on by herr_seeliger • Comments disabled

Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.

Arnold-Bode-Schule
Berufliche Schule der Stadt Kassel
Kontakt | Impressum | Datenschutz