Medientypen in CSS: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(14 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{In Bearbeitung}}
{{Qualität
 
|correctness      = 1
=Definition=
|extent              = 1
|numberOfReferences  = 1
|qualityOfReferences = 5
|conformance        = 2
}}
==Definition==
In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden,
In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden,
welche Arten es gibt und wozu sie dienen.
welche Arten es gibt und wozu sie dienen.


=Zweck=
==Zweck==
Um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen.
Medientypen werden benötigt, um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen.


=Einbindung=
==Einbindung==
Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als
Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als
Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument
Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument
Zeile 38: Zeile 43:
   }
   }


 
==Arten von Medientypen==
=Arten von Medientypen=
Es werden folgende Medientypen unterschieden:
Es werden folgende Medientypen unterschieden:


<table>
<table>
   <tr>
   <tr>
     <th>Medientypen</th>
     <th align=left>Medientypen</th>
     <th>Ausgabemedien</th>
     <th align=left>Ausgabemedien</th>
  </tr>
  <tr>
    <td>all</td>
    <td>CSS für alle Ausgabegeräte</td>
   </tr>
   </tr>
   <tr>
   <tr>
     <td width="10%">all</td>
     <td>braille</td>
     <td width="30%">CSS für alle Ausgabegeräte</td>
     <td>Blindenschriftausgabe an einer speziellen Tastatur</td>
   </tr>
   </tr>
   <tr>
   <tr>
     <td></td>
     <td>embossed</td>
     <td></td>
     <td>Blindenschirftdrucker</td>
  </tr>
  <tr>
    <td>handheld</td>
    <td>Mobile Geräte (Handy, PDA)</td>
  </tr>
  <tr>
    <td>print</td>
    <td>Normale Drucker</td>
  </tr>
  <tr>
    <td>projection</td>
    <td>Projektoren und Ausdrucke auf Folien</td>
  </tr>
  <tr>
    <td>screen</td>
    <td>Bildschirm</td>
  </tr>
  <tr>
    <td>speech (aural)</td>
    <td>Geräte mit Sprachausgabe (Screenreader, Webreader)</td>
  </tr>
  <tr>
    <td>tty</td>
    <td>Fernschreiber, Terminals</td>
  </tr>
  <tr>
    <td>tv</td>
    <td>TV und ähnliche Ausgabegeräte</td>
   </tr>
   </tr>
</table>
</table>


=Quellen=
==Quellen==
Wenn die Definitionen und/oder die Anmerkungen nicht von einem selbst stammen, sollte man die Quellen angeben
(das sind natürlich nur Beispiele, keine echten Quellen dieses Artikels :-) ):
 
*Hinz und Kunz, "Der Bau einer Musterseite", 7. Auflage, Wiki-Verlag, 1931
 
Besser ist es spezielle Quellendokumente zu erstellen (und diese dann auch mit Inhalt zu füllen):
"
*[[Kowarschick, W. et al. (2005): Musterquelle (Buch)]]
*[[Goldratt, E.; Cox , J. (2004): The Goal]]
*[[Leach, L. (2005): Critical Chain Project Management]]
 
Auch externe Quellen können zitiert werden.


*[http://kowa.fh-augsburg.de Kowarschicks gesammelte Werke] (besser als eigenes Quellen-Dokument, basierend auf der [[Vorlage:Quelle:URL]])
*[http://www.w3.org/TR/CSS21/media.html W3C Media Types]
*[http://de.wikipedia.org/ Wikipedia] ('''so nicht''', da zu allgemein und außerdem nicht der Wikipedia-Verweis benutzt wurde)
*[[Wikipedia:Vorlage (Datenverarbeitung)]] (sondern eher so, aber noch besser auch als eigenes Quellen-Dokument)


=Siehe auch=
==Siehe auch==
Zu guter letzt kann Sekundärliteratur angegeben werden, die zwar im Artikel nicht direkt verwendet, aber doch irgendwie interessant ist.
Außerdem sollten eine oder mehrere Kategorien angegeben werden sowie ein Verweis auf den zugehörigen englischen Artikel
in [[GlossaryWiki:Main Page|GlossaryWiki]], auch wenn es diesen noch gar nicht gibt.


*[[Theory of Constraints (Quellen)]] (eine ganze Sammlung von Quellen in einem Quellen-Dokument)
*[http://de.selfhtml.org/css/formate/einbinden.htm#link_media SELFHTML Verschiedene separate Stylesheets für unterschiedliche Ausgabemedien]
*[[Wikipedia:Wikipedia:Formatvorlagen|Wikipedia: Formatvorlagen]]


[[Kategorie:Stylesheets]]
[[Kategorie:Glossar]]
[[Kategorie:Glossar]]
[[Kategorie:Informatik]]

Aktuelle Version vom 3. August 2019, 15:06 Uhr

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 1
(nur rudimäntär überprüft) 		Umfang: 1
(zu gering) 		Quellenangaben: 1
(fehlen großteils) 		Quellenarten: 5
(ausgezeichnet) 		Konformität: 2
(befriedigend)

Definition

In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden, welche Arten es gibt und wozu sie dienen.

Zweck

Medientypen werden benötigt, um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen.

Einbindung

Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument eingebunden werden.

1. Einbindung über CSS Tag "link"

Durch diese Einbindung kann für jeden Medientyp eine eigene CSS Datei eingebunden werden. Dabei wird dem "link"-Tag das Attribut "media" zugefügt. 

  "<link href="<URL zur CSS Datei>" rel="stylesheet" type="text/css" media="<medientyp>" />"

2. Einbindung über @import

Hier wird auch erreicht, dass für jeden Medientyp eine eigene CSS Datei eingebunden werden kann. Dabei wird der "@import" Anweisung der Medientyp hinzugefügt. 

  @import url("<URL zur CSS Datei>") <medientyp>;

3. Einbindung über @media

Diese Form der Einbindung gibt einmal die Möglichkeit, die CSS Anweisung für verschiedene Medientypen innerhalb eines xHTML Dokumentes unterzubringen, oder auch innerhalb eines CSS Dokumentes die Anweisung für verschieden Medientypen zu unterscheiden. 

  @media <medientyp>
  {
     <CSS Code>
  }

Arten von Medientypen

Es werden folgende Medientypen unterschieden:

Medientypen Ausgabemedien
all CSS für alle Ausgabegeräte
braille Blindenschriftausgabe an einer speziellen Tastatur
embossed Blindenschirftdrucker
handheld Mobile Geräte (Handy, PDA)
print Normale Drucker
projection Projektoren und Ausdrucke auf Folien
screen Bildschirm
speech (aural) Geräte mit Sprachausgabe (Screenreader, Webreader)
tty Fernschreiber, Terminals
tv TV und ähnliche Ausgabegeräte

Quellen

Siehe auch

Abgerufen von „https://glossar.hs-augsburg.de/w/index.php?title=Medientypen_in_CSS&oldid=48429“