Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007.

Ähnliche Präsentationen


Präsentation zum Thema: "Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007."—  Präsentation transkript:

1 Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007

2 dj 2 Darstellung von Information Trennung von Inhalt und Layout – im ersten Schritt: auf jegliches Layout verzichten bedeutungsvolles, am Inhalt orientiertes Markup – semantischen (XHTML) Code schreiben Nebenaspekte – Codierungsfragen z.B. für Farben – nicht mehr so relevant: HTML-Entities ü etc.

3 dj 3 Layout und inhaltliche Bedeutung Er war spät. Sie war froh, dass er kam. – Betonung:... Die Times schreibt... – Quellenangabe, Zitat:... Ein Redner par excellence. – Sprachwechsel:...

4 XHTML – Extensible Hypertext Markup Language Unter besonderer Berücksichtigung von XHTML 1.1.

5 dj 5 Was ist XHTML? Textbasierte Auszeichnungssprache zur Auszeichnung von Inhalten in Dokumenten Neuformulierung von HTML, (war definiert in SGML (Standard Generalized ML)) in XML (Extensible ML) Ziele: u.a. Erweiterbarkeit des Sprachraumes XHTML-Dokumente entsprechen den Syntaxregeln von XML

6 dj 6 XHTML als formale Sprache XHTML ist eine formale Sprache Grammatik besteht aus: – syntaktischen Regeln von XML – Elementstrukturen, die die Dokumententyp-Definition (DTD) vorgibt (also welche Elemente gibt es, wie dürfen sie verschachtelt werden, welche Attribute gibt es) Validatoren können Verstöße gegen Syntax oder Struktur feststellen

7 dj 7 wohlgeformte XML-Dokumente Es existiert genau ein Wurzelelement (html) Alle Elemente werden durch Start- und Endtag begrenzt oder bestehen aus einem Leeres- Element-Tag Elemente sind korrekt verschachtelt Attributwerte stehen in Anführungszeichen Es gibt keine Attributminimierung

8 dj 8 Wohlgeformtheit und Validität Dokumente müssen wohlgeformt sein, damit sich prüfen lässt, ob sie valide sind.

9 dj 9 Datentypen In DTDs lassen sich keine Datentypen definieren, es gibt nur den universellen Datentyp CDATA (Zeichenfolge) Es gibt Beschreibungen von XHTML als XML Schema, die Struktur und Daten genauer beschreiben - inklusive Datentypen und Wertebereichsbeschränkungen

10 dj 10 Warum fehlerfreie Webseiten? Fehlerbehandlung ist nicht genormt Es gibt keine Garantie, dass Browser syntaktisch falsche Dokumente in Zukunft noch anzeigen Als application/xhtml+xml ausgelieferte XHTML- Webseiten werden heute schon nur angezeigt, wenn das Dokument keine Fehler enthält

11 dj 11 Valide Dokumente Ein Dokument heißt valide (oder gültig), wenn es erfolgreich gegen die zu Grunde liegende DTD geprüft werden kann. Elemente, Attribute und Attributwerte dürfen nur so verwendet und verschachtelt werden, wie es die gewählte Sprache erlaubt

12 dj 12 Exemplarische Bestandsaufnahme – 151 Fehler im HTML 4.01 – 5 Fehler, 58 Warnungen im CSS – Designministerium: 14/100 Punkte – Zugänglichkeit: Tests nach W3C WCAG

13 dj 13 Validität ist nicht alles! "Der Satz: 'Der Mann, der die Brücke, die über den Fluss, der im Winter Hochwasser, das ganz schlammig ist, führt, führt, baute, lebt nicht mehr' ist eine valide formulierte Aussage. Dennoch ist es unsinnig, solche Sätze zu formulieren." Steffi Abel, nach c't 12/2005

14 dj 14 XHTML-Varianten und Versionen XHTML 1.0 entspricht HTML 4.01 – transitional, frameset, strict XHTML 1.1 entspricht im Wesentlichen 1.0 strict – verzichtet auf weitere grafische Elemente (font) Noch Zukunft: XHTML 2.0 mit grundlegenden Änderungen

15 dj 15 Ab hier: Alle weiteren Angaben beziehen sich auf: XHTML Version 1.1

16 dj 16 XHTML einfach gesagt: Was ist anders (als früher)? alle Tags klein schreiben alle Tags schließen alle Werte in doppelte Anführungszeichen gibt keine Attributminimierung gibt keine Elemente zur grafischen Auszeichnung

17 dj 17 XHTML ist einfacher... <> <noscript> <meta itemprop="name" content="dj 17 XHTML ist einfacher... <> <title// ?"> <meta itemprop="description" content="dj 17 XHTML ist einfacher... <> <title// ?"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_17.jpg" width="800" align="left" alt="dj 17 XHTML ist einfacher... <> <title// ?" title="dj 17 XHTML ist einfacher... <> <title// ?"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">18</span> </span> dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">"> <meta itemprop="description" content="dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_18.jpg" width="800" align="left" alt="dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">" title="dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">19</span> </span> dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc. <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc."> <meta itemprop="description" content="dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc."> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_19.jpg" width="800" align="left" alt="dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc." title="dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc."> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">20</span> </span> dj 20 Der Inhalt: Semantisches HTML... – Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung kommunizieren. – Semantischer Code ist Code, der einen Bezug zum Inhalt herstellt. Er umschließt oder repräsentiert Inhalt und übermittelt dessen Bedeutung oder Funktion. – Semantischer Code ist nicht präsentationsgebunden, sondern informationsgetrieben. Er transportiert Sinngehalt nicht über die visuelle Gestalt, sondern über universell verständliche Etiketten. Er ist eine plattformunabhängige Meta-Information. – Semantischer Code kommuniziert nicht nur Bedeutung, sondern verleiht auch Struktur. Es werden Beziehungen hergestellt und Hierarchien aufgebaut. aus: <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 20 Der Inhalt: Semantisches HTML... – Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung k"> <meta itemprop="description" content="dj 20 Der Inhalt: Semantisches HTML... – Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung kommunizieren. – Semantischer Code ist Code, der einen Bezug zum Inhalt herstellt. Er umschließt oder repräsentiert Inhalt und übermittelt dessen Bedeutung oder Funktion. – Semantischer Code ist nicht präsentationsgebunden, sondern informationsgetrieben. Er transportiert Sinngehalt nicht über die visuelle Gestalt, sondern über universell verständliche Etiketten. Er ist eine plattformunabhängige Meta-Information. – Semantischer Code kommuniziert nicht nur Bedeutung, sondern verleiht auch Struktur. Es werden Beziehungen hergestellt und Hierarchien aufgebaut. aus: http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_20.jpg" width="800" align="left" alt="dj 20 Der Inhalt: Semantisches HTML... – Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung k" title="dj 20 Der Inhalt: Semantisches HTML... – Semantischer Code ist die Verwendung von HTML-Elementen, welche in ihrem Kontext das Höchstmaß an Bedeutung k"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">21</span> </span> dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:... <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:..."> <meta itemprop="description" content="dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:..."> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_21.jpg" width="800" align="left" alt="dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:..." title="dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:..."> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">22</span> </span> dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: Jabber: <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@"> <meta itemprop="description" content="dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jonietz.de"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_22.jpg" width="800" align="left" alt="dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@" title="dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">23</span> </span> dj 23 Verweise... <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 23 Verweise..."> <meta itemprop="description" content="dj 23 Verweise..."> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_23.jpg" width="800" align="left" alt="dj 23 Verweise..." title="dj 23 Verweise..."> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">24</span> </span> dj 24 Bilder Müssen in einem Block-Element stehen, d. h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit "inhaltsleeren" Tags geschrieben <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 24 Bilder Müssen in einem Block-Element stehen, d. h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit "inhaltsleeren" Ta"> <meta itemprop="description" content="dj 24 Bilder Müssen in einem Block-Element stehen, d. h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit "inhaltsleeren" Tags geschrieben"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_24.jpg" width="800" align="left" alt="dj 24 Bilder Müssen in einem Block-Element stehen, d. h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit "inhaltsleeren" Ta" title="dj 24 Bilder Müssen in einem Block-Element stehen, d. h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit "inhaltsleeren" Ta"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">25</span> </span> CSS – Cascading Style Sheets CSS 2 <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="CSS – Cascading Style Sheets CSS 2"> <meta itemprop="description" content="CSS – Cascading Style Sheets CSS 2"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_25.jpg" width="800" align="left" alt="CSS – Cascading Style Sheets CSS 2" title="CSS – Cascading Style Sheets CSS 2"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">26</span> </span> dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz"> <meta itemprop="description" content="dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_26.jpg" width="800" align="left" alt="dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz" title="dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">27</span> </span> dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; }"> <meta itemprop="description" content="dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_27.jpg" width="800" align="left" alt="dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; }" title="dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; }"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">28</span> </span> dj 28 Vorher - nachher <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 28 Vorher - nachher"> <meta itemprop="description" content="dj 28 Vorher - nachher"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_28.jpg" width="800" align="left" alt="dj 28 Vorher - nachher" title="dj 28 Vorher - nachher"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">29</span> </span> dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; }"> <meta itemprop="description" content="dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_29.jpg" width="800" align="left" alt="dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; }" title="dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; }"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">30</span> </span> dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: unde"> <meta itemprop="description" content="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_30.jpg" width="800" align="left" alt="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: unde" title="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: unde"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">31</span> </span> dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }"> <meta itemprop="description" content="dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_31.jpg" width="800" align="left" alt="dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }" title="dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">32</span> </span> dj 32 Das Bild img { float: right; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 32 Das Bild img { float: right; }"> <meta itemprop="description" content="dj 32 Das Bild img { float: right; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_32.jpg" width="800" align="left" alt="dj 32 Das Bild img { float: right; }" title="dj 32 Das Bild img { float: right; }"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">33</span> </span> dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB"> <meta itemprop="description" content="dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_33.jpg" width="800" align="left" alt="dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB" title="dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">34</span> </span> dj 34 Verweise klassifizieren Seite enthält verschiedene Arten von Links – auf andere Webseite – auf -Adresse – auf XMPP-Jabber-Adresse Alles sind aber normale -Tags, so dass eine Unterscheidung im CSS allein über den Tag-Typ nicht geht => Zugriff auf Attribute <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 34 Verweise klassifizieren Seite enthält verschiedene Arten von Links – auf andere Webseite – auf E-Mail-Adresse – auf XMPP-Jabber-Adresse Alles si"> <meta itemprop="description" content="dj 34 Verweise klassifizieren Seite enthält verschiedene Arten von Links – auf andere Webseite – auf E-Mail-Adresse – auf XMPP-Jabber-Adresse Alles sind aber normale -Tags, so dass eine Unterscheidung im CSS allein über den Tag-Typ nicht geht => Zugriff auf Attribute"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_34.jpg" width="800" align="left" alt="dj 34 Verweise klassifizieren Seite enthält verschiedene Arten von Links – auf andere Webseite – auf E-Mail-Adresse – auf XMPP-Jabber-Adresse Alles si" title="dj 34 Verweise klassifizieren Seite enthält verschiedene Arten von Links – auf andere Webseite – auf E-Mail-Adresse – auf XMPP-Jabber-Adresse Alles si"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">35</span> </span> dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: Jabber: ietz.de <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@jonie"> <meta itemprop="description" content="dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jon ietz.de"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_35.jpg" width="800" align="left" alt="dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@jonie" title="dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23. Juni 1976 Kontakt: E-Mail: daniel@jonie"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">36</span> </span> dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a. { font-style: italic; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }"> <meta itemprop="description" content="dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_36.jpg" width="800" align="left" alt="dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }" title="dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">37</span> </span> dj 37 Oder sogar... a.extern { background-image: url(extern.png); background-position: top left; background-repeat: no-repeat; padding-left: 9px; } a. { background-image: url(mail.png); background-position: top left; background-repeat: no-repeat; padding-left: 18px; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 37 Oder sogar... a.extern { background-image: url(extern.png); background-position: top left; background-repeat: no-repeat; padding-left: 9px; } a."> <meta itemprop="description" content="dj 37 Oder sogar... a.extern { background-image: url(extern.png); background-position: top left; background-repeat: no-repeat; padding-left: 9px; } a.email { background-image: url(mail.png); background-position: top left; background-repeat: no-repeat; padding-left: 18px; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_37.jpg" width="800" align="left" alt="dj 37 Oder sogar... a.extern { background-image: url(extern.png); background-position: top left; background-repeat: no-repeat; padding-left: 9px; } a." title="dj 37 Oder sogar... a.extern { background-image: url(extern.png); background-position: top left; background-repeat: no-repeat; padding-left: 9px; } a."> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">38</span> </span> dj 38 Individualformate Ein einzelnes Element soll angesprochen werden? Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell angesprochen werden: id="..." Zugriff im CSS: # <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 38 Individualformate Ein einzelnes Element soll angesprochen werden? Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell"> <meta itemprop="description" content="dj 38 Individualformate Ein einzelnes Element soll angesprochen werden? Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell angesprochen werden: id="..." Zugriff im CSS: #"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_38.jpg" width="800" align="left" alt="dj 38 Individualformate Ein einzelnes Element soll angesprochen werden? Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell" title="dj 38 Individualformate Ein einzelnes Element soll angesprochen werden? Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">39</span> </span> dj 39 Viele Adressen Jabber: #bevorzugte_adresse { font-style: italic; } <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 39 Viele Adressen... E-Mail: daniel@jonietz.de E-Mail: jonietz@burg-kl.de E-Mail: jonietz@mnu2008-kl.de Jabber: daniel@jabber.jonietz.de #bevorzugt"> <meta itemprop="description" content="dj 39 Viele Adressen... E-Mail: daniel@jonietz.de E-Mail: jonietz@burg-kl.de E-Mail: jonietz@mnu2008-kl.de Jabber: daniel@jabber.jonietz.de #bevorzugte_adresse { font-style: italic; }"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_39.jpg" width="800" align="left" alt="dj 39 Viele Adressen... E-Mail: daniel@jonietz.de E-Mail: jonietz@burg-kl.de E-Mail: jonietz@mnu2008-kl.de Jabber: daniel@jabber.jonietz.de #bevorzugt" title="dj 39 Viele Adressen... E-Mail: daniel@jonietz.de E-Mail: jonietz@burg-kl.de E-Mail: jonietz@mnu2008-kl.de Jabber: daniel@jabber.jonietz.de #bevorzugt"> </noscript> </span> <br /> </p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right">40</span> </span> dj 40 div und span Mit den Tags und können Elemente zusammengefasst oder ausgezeichnet werden auch für Gestaltung mit CSS, aber nicht nur! –... Blockelement (beginnt in einer neuen Zeile) –... Inlinebereich z.B.: Er hat keine Firewall <span itemscope itemtype="http://schema.org/ImageObject"> <noscript> <meta itemprop="name" content="dj 40 div und span Mit den Tags und können Elemente zusammengefasst oder ausgezeichnet werden auch für Gestaltung mit CSS, aber nicht nur! –... Blocke"> <meta itemprop="description" content="dj 40 div und span Mit den Tags und können Elemente zusammengefasst oder ausgezeichnet werden auch für Gestaltung mit CSS, aber nicht nur! –... Blockelement (beginnt in einer neuen Zeile) –... Inlinebereich z.B.: Er hat keine Firewall"> <img itemprop="contentURL" src="http://images.slideplayer.org/3/903843/slides/slide_40.jpg" width="800" align="left" alt="dj 40 div und span Mit den Tags und können Elemente zusammengefasst oder ausgezeichnet werden auch für Gestaltung mit CSS, aber nicht nur! –... Blocke" title="dj 40 div und span Mit den Tags und können Elemente zusammengefasst oder ausgezeichnet werden auch für Gestaltung mit CSS, aber nicht nur! –... Blocke"> </noscript> </span> <br /> </p> </div> <hr class="uk-article-divider"> <div class="uk-article"> <div id="place_16" class="ads ads_hidden uk-text-center"></div> <div class="uk-article uk-margin-top"> <a href="javascript:;" id="download_pres_btn" data-toggle="modal" data-target="#download-modal" class="uk-margin">Herunterladen ppt "Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007."</a> <!-- <a href="javascript:document.getElementById('download_form_2').submit();" class="uk-margin">--><!--</a>--> </div> <div id="bottom-line" class="uk-margin"></div> </div> </div> </div> </div> <div class="uk-width-small-1-1 uk-width-medium-4-4 uk-width-large-3-10 right-sidebar"> <div id="place_128" class="ads ads_hidden uk-text-center uk-margin-small-bottom uk-margin-top"></div> <div class="similar-sidebar uk-margin-bottom uk-margin-top uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <h3 class="tm-text-dark"> <span class="uk-icon-list uk-margin-small-right"></span>Ähnliche Präsentationen </h3> <hr class="uk-article-divider"> <div id="place_126" class="ads ads_hidden uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/11/3428263/big_thumb.jpg" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." alt="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente."> <a href="/slide/3428263/" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente.</p> </div> </a> </div> </div> </div> <div id="place_12" class="ads ads_hidden uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/10/2884343/big_thumb.jpg" title="© Prof. Dr.-Ing. habil. Dierk Langbein 2005 Dierk Langbein LE 4 1 Datenverarbeitung mittels XML 1. XML-Grundlagen." alt="© Prof. Dr.-Ing. habil. Dierk Langbein 2005 Dierk Langbein LE 4 1 Datenverarbeitung mittels XML 1. XML-Grundlagen."> <a href="/slide/2884343/" title="© Prof. Dr.-Ing. habil. Dierk Langbein 2005 Dierk Langbein LE 4 1 Datenverarbeitung mittels XML 1. XML-Grundlagen." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>© Prof. Dr.-Ing. habil. Dierk Langbein 2005 Dierk Langbein LE 4 1 Datenverarbeitung mittels XML 1. XML-Grundlagen.</p> </div> </a> </div> </div> </div> <div id="place_13" class="ads ads_hidden uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/648074/big_thumb.jpg" title="HTML - Eine erste Annäherung - Akronym für Hyper Text Markup Language - basiert auf SGML (Standard Generalized Markup Language) -> HTML ist eine SGML-Anwendung." alt="HTML - Eine erste Annäherung - Akronym für Hyper Text Markup Language - basiert auf SGML (Standard Generalized Markup Language) -> HTML ist eine SGML-Anwendung."> <a href="/slide/648074/" title="HTML - Eine erste Annäherung - Akronym für Hyper Text Markup Language - basiert auf SGML (Standard Generalized Markup Language) -> HTML ist eine SGML-Anwendung." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML - Eine erste Annäherung - Akronym für Hyper Text Markup Language - basiert auf SGML (Standard Generalized Markup Language) -> HTML ist eine SGML-Anwendung.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/669862/big_thumb.jpg" title="1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt." alt="1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt."> <a href="/slide/669862/" title="1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/17/5429484/big_thumb.jpg" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." alt="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente."> <a href="/slide/5429484/" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/4020707/big_thumb.jpg" title="XML Das „Competence Center XML“ am Institut für Wirtschaftsinformatik der J. W. Goethe-Universität in Frankfurt." alt="XML Das „Competence Center XML“ am Institut für Wirtschaftsinformatik der J. W. Goethe-Universität in Frankfurt."> <a href="/slide/4020707/" title="XML Das „Competence Center XML“ am Institut für Wirtschaftsinformatik der J. W. Goethe-Universität in Frankfurt." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML Das „Competence Center XML“ am Institut für Wirtschaftsinformatik der J. W. Goethe-Universität in Frankfurt.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3745880/big_thumb.jpg" title="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Das Grundkonzept." alt="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Das Grundkonzept."> <a href="/slide/3745880/" title="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Das Grundkonzept." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Das Grundkonzept.</p> </div> </a> </div> </div> </div> <div id="place_219" class="ads ads_hidden uk-text-center uk-margin-bottom"></div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/651304/big_thumb.jpg" title="Vorlesung: 1 Betriebliche Informationssysteme XML © 2002 Prof. Dr. G. Hellberg Studiengang Informatik FHDW Vorlesung: Betriebliche Informationssysteme." alt="Vorlesung: 1 Betriebliche Informationssysteme XML © 2002 Prof. Dr. G. Hellberg Studiengang Informatik FHDW Vorlesung: Betriebliche Informationssysteme."> <a href="/slide/651304/" title="Vorlesung: 1 Betriebliche Informationssysteme XML © 2002 Prof. Dr. G. Hellberg Studiengang Informatik FHDW Vorlesung: Betriebliche Informationssysteme." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Vorlesung: 1 Betriebliche Informationssysteme XML © 2002 Prof. Dr. G. Hellberg Studiengang Informatik FHDW Vorlesung: Betriebliche Informationssysteme.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/8/2422429/big_thumb.jpg" title="Institute for Software Science – University of ViennaP.Brezany XML und Datenbanken Peter Brezany Institut für Softwarewissenschaften Universität Wien." alt="Institute for Software Science – University of ViennaP.Brezany XML und Datenbanken Peter Brezany Institut für Softwarewissenschaften Universität Wien."> <a href="/slide/2422429/" title="Institute for Software Science – University of ViennaP.Brezany XML und Datenbanken Peter Brezany Institut für Softwarewissenschaften Universität Wien." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Institute for Software Science – University of ViennaP.Brezany XML und Datenbanken Peter Brezany Institut für Softwarewissenschaften Universität Wien.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/17/5487161/big_thumb.jpg" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." alt="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente."> <a href="/slide/5487161/" title="XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML - Warum: Das HTML-Dilemma HTML, SGML, XML - Wie: Syntax, Konzepte, Sprachelemente Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3733364/big_thumb.jpg" title="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Vision." alt="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Vision."> <a href="/slide/3733364/" title="XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Vision." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML - XML: Das Sprachkonzept Basics Wohlgeformte XML-Dokumente (ohne DTD) Gültige XML-Dokumente (mit DTD) Attribute, Style Sheets - XML und EDI: Vision.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/668687/big_thumb.jpg" title="XML und Datenbanken - Einführung in XML - Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik" alt="XML und Datenbanken - Einführung in XML - Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik"> <a href="/slide/668687/" title="XML und Datenbanken - Einführung in XML - Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML und Datenbanken - Einführung in XML - Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/870469/big_thumb.jpg" title="Informationsdarstellung im Internet Klaus Becker 2008." alt="Informationsdarstellung im Internet Klaus Becker 2008."> <a href="/slide/870469/" title="Informationsdarstellung im Internet Klaus Becker 2008." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Informationsdarstellung im Internet Klaus Becker 2008.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/669702/big_thumb.jpg" title="Christof Lutz, 2005 Cascading Style Sheets CSS Einführung und Grundkonzepte." alt="Christof Lutz, 2005 Cascading Style Sheets CSS Einführung und Grundkonzepte."> <a href="/slide/669702/" title="Christof Lutz, 2005 Cascading Style Sheets CSS Einführung und Grundkonzepte." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Christof Lutz, 2005 Cascading Style Sheets CSS Einführung und Grundkonzepte.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/669680/big_thumb.jpg" title="2 Inhalt 1. Was ist XHTML? 2. Bedingungen für XHTML-konforme Dokumente 3. Unterschiede zu HTML 4.0 4. Warum XHTML? 5. XHTML Basic 6. XHTML 1.1 7. Browserverhalten." alt="2 Inhalt 1. Was ist XHTML? 2. Bedingungen für XHTML-konforme Dokumente 3. Unterschiede zu HTML 4.0 4. Warum XHTML? 5. XHTML Basic 6. XHTML 1.1 7. Browserverhalten."> <a href="/slide/669680/" title="2 Inhalt 1. Was ist XHTML? 2. Bedingungen für XHTML-konforme Dokumente 3. Unterschiede zu HTML 4.0 4. Warum XHTML? 5. XHTML Basic 6. XHTML 1.1 7. Browserverhalten." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>2 Inhalt 1. Was ist XHTML? 2. Bedingungen für XHTML-konforme Dokumente 3. Unterschiede zu HTML Warum XHTML? 5. XHTML Basic 6. XHTML Browserverhalten.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/645346/big_thumb.jpg" title="IMS Universität Stuttgart 1 Einführung in XML Hannah Kermes HS: Elektronische Wörterbücher Do, 18.11.2004." alt="IMS Universität Stuttgart 1 Einführung in XML Hannah Kermes HS: Elektronische Wörterbücher Do, 18.11.2004."> <a href="/slide/645346/" title="IMS Universität Stuttgart 1 Einführung in XML Hannah Kermes HS: Elektronische Wörterbücher Do, 18.11.2004." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>IMS Universität Stuttgart 1 Einführung in XML Hannah Kermes HS: Elektronische Wörterbücher Do,</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/669701/big_thumb.jpg" title="But if I bought a radio and found that it accessed only certain stations and not others, I'd be upset. I suppose I could have a half dozen radios, one." alt="But if I bought a radio and found that it accessed only certain stations and not others, I'd be upset. I suppose I could have a half dozen radios, one."> <a href="/slide/669701/" title="But if I bought a radio and found that it accessed only certain stations and not others, I'd be upset. I suppose I could have a half dozen radios, one." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>But if I bought a radio and found that it accessed only certain stations and not others, I'd be upset. I suppose I could have a half dozen radios, one.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/866689/big_thumb.jpg" title="Informationsdarstellung mit XML Klaus Becker 2013." alt="Informationsdarstellung mit XML Klaus Becker 2013."> <a href="/slide/866689/" title="Informationsdarstellung mit XML Klaus Becker 2013." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Informationsdarstellung mit XML Klaus Becker 2013.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/853131/big_thumb.jpg" title="Vortrag HTML, XHTML, DHTML Seminar Internettechnologie Christian Mielke 04. November 2004." alt="Vortrag HTML, XHTML, DHTML Seminar Internettechnologie Christian Mielke 04. November 2004."> <a href="/slide/853131/" title="Vortrag HTML, XHTML, DHTML Seminar Internettechnologie Christian Mielke 04. November 2004." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Vortrag HTML, XHTML, DHTML Seminar Internettechnologie Christian Mielke 04. November 2004.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/892966/big_thumb.jpg" title="XML – Schema (DTD). Proseminar Auszeichnungssprachen WS04/05 XML - Schema (DTD) 2 Übersicht Über XML –Was ist XML? –Welche Ziele werden verfolgt? XML." alt="XML – Schema (DTD). Proseminar Auszeichnungssprachen WS04/05 XML - Schema (DTD) 2 Übersicht Über XML –Was ist XML? –Welche Ziele werden verfolgt? XML."> <a href="/slide/892966/" title="XML – Schema (DTD). Proseminar Auszeichnungssprachen WS04/05 XML - Schema (DTD) 2 Übersicht Über XML –Was ist XML? –Welche Ziele werden verfolgt? XML." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML – Schema (DTD). Proseminar Auszeichnungssprachen WS04/05 XML - Schema (DTD) 2 Übersicht Über XML –Was ist XML? –Welche Ziele werden verfolgt? XML.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/919253/big_thumb.jpg" title="Wohlgeformtheit und Gültigkeit Grundlagen der Datenmodellierung Anke Jackschina." alt="Wohlgeformtheit und Gültigkeit Grundlagen der Datenmodellierung Anke Jackschina."> <a href="/slide/919253/" title="Wohlgeformtheit und Gültigkeit Grundlagen der Datenmodellierung Anke Jackschina." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Wohlgeformtheit und Gültigkeit Grundlagen der Datenmodellierung Anke Jackschina.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/207277/big_thumb.jpg" title="25. Mai 2001Kleyer/Oyen/ReuseFolie 1 Fallstudie im Rahmen des Studienganges Wirtschaftsinformatik Christian Kleyer, Daniel Oyen, Svend Reuse Grundkonzeption." alt="25. Mai 2001Kleyer/Oyen/ReuseFolie 1 Fallstudie im Rahmen des Studienganges Wirtschaftsinformatik Christian Kleyer, Daniel Oyen, Svend Reuse Grundkonzeption."> <a href="/slide/207277/" title="25. Mai 2001Kleyer/Oyen/ReuseFolie 1 Fallstudie im Rahmen des Studienganges Wirtschaftsinformatik Christian Kleyer, Daniel Oyen, Svend Reuse Grundkonzeption." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>25. Mai 2001Kleyer/Oyen/ReuseFolie 1 Fallstudie im Rahmen des Studienganges Wirtschaftsinformatik Christian Kleyer, Daniel Oyen, Svend Reuse Grundkonzeption.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/901934/big_thumb.jpg" title="Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist." alt="Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist."> <a href="/slide/901934/" title="Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/870094/big_thumb.jpg" title="XML eXtensible Markup Language Metasprache zur Definition von Markupsprachen Beschreibt die Struktur des Dokuments Beschreibt die Semantik der Elemente." alt="XML eXtensible Markup Language Metasprache zur Definition von Markupsprachen Beschreibt die Struktur des Dokuments Beschreibt die Semantik der Elemente."> <a href="/slide/870094/" title="XML eXtensible Markup Language Metasprache zur Definition von Markupsprachen Beschreibt die Struktur des Dokuments Beschreibt die Semantik der Elemente." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML eXtensible Markup Language Metasprache zur Definition von Markupsprachen Beschreibt die Struktur des Dokuments Beschreibt die Semantik der Elemente.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/11/3333019/big_thumb.jpg" title="25. April 2003XML, DTDs und XML-Schema - Stefan Kurz,1 Hauptseminar Web-Services und verteilte Datenbanken Thema XML, DTDs und XML-Schema." alt="25. April 2003XML, DTDs und XML-Schema - Stefan Kurz,1 Hauptseminar Web-Services und verteilte Datenbanken Thema XML, DTDs und XML-Schema."> <a href="/slide/3333019/" title="25. April 2003XML, DTDs und XML-Schema - Stefan Kurz,1 Hauptseminar Web-Services und verteilte Datenbanken Thema XML, DTDs und XML-Schema." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>25. April 2003XML, DTDs und XML-Schema - Stefan Kurz,1 Hauptseminar Web-Services und verteilte Datenbanken Thema XML, DTDs und XML-Schema.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/205180/big_thumb.jpg" title="XHTML+CS S C3O 2003. XHTML+CS S 01 EINFÜHRUNG XHTMLbeschreibt Inhalt semantisch: Das ist eine Überschrift x-ter Hierarchie Das gehört betont Das ist." alt="XHTML+CS S C3O 2003. XHTML+CS S 01 EINFÜHRUNG XHTMLbeschreibt Inhalt semantisch: Das ist eine Überschrift x-ter Hierarchie Das gehört betont Das ist."> <a href="/slide/205180/" title="XHTML+CS S C3O 2003. XHTML+CS S 01 EINFÜHRUNG XHTMLbeschreibt Inhalt semantisch: Das ist eine Überschrift x-ter Hierarchie Das gehört betont Das ist." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XHTML+CS S C3O XHTML+CS S 01 EINFÜHRUNG XHTMLbeschreibt Inhalt semantisch: Das ist eine Überschrift x-ter Hierarchie Das gehört betont Das ist.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/10/2873112/big_thumb.jpg" title="Zusammenfassung: Darstellung von Information. 2 Teil 1 WWW – Informationssystem im Internet." alt="Zusammenfassung: Darstellung von Information. 2 Teil 1 WWW – Informationssystem im Internet."> <a href="/slide/2873112/" title="Zusammenfassung: Darstellung von Information. 2 Teil 1 WWW – Informationssystem im Internet." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Zusammenfassung: Darstellung von Information. 2 Teil 1 WWW – Informationssystem im Internet.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/903807/big_thumb.jpg" title="Informationsdarstellung, Sprachbeschreibung, Sprachverarbeitung - mit XML - Klaus Becker 2009." alt="Informationsdarstellung, Sprachbeschreibung, Sprachverarbeitung - mit XML - Klaus Becker 2009."> <a href="/slide/903807/" title="Informationsdarstellung, Sprachbeschreibung, Sprachverarbeitung - mit XML - Klaus Becker 2009." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Informationsdarstellung, Sprachbeschreibung, Sprachverarbeitung - mit XML - Klaus Becker 2009.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/668686/big_thumb.jpg" title="1 XML und Datenbanken Kapitel 7: Modellierung, Teil 1 Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik" alt="1 XML und Datenbanken Kapitel 7: Modellierung, Teil 1 Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik"> <a href="/slide/668686/" title="1 XML und Datenbanken Kapitel 7: Modellierung, Teil 1 Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>1 XML und Datenbanken Kapitel 7: Modellierung, Teil 1 Meike Klettke Universität Rostock Fakultät für Informatik und Elektrotechnik</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/9/2620612/big_thumb.jpg" title="ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent für Informatik Technischer Direktor pressetext.austria." alt="ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent für Informatik Technischer Direktor pressetext.austria."> <a href="/slide/2620612/" title="ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent für Informatik Technischer Direktor pressetext.austria." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent für Informatik Technischer Direktor pressetext.austria.</p> </div> </a> </div> </div> </div> </div> </div> <div class="uk-width-4-4" id="bot-similar-bl"> <div class="uk-margin-bottom uk-panel uk-panel-box uk-panel-box-secondary"> <div id="bottom-similars" class="uk-grid"> <div class="heading uk-margin-bottom"> <p class="tm-text-dark uk-h3"> <span class="uk-icon-list uk-margin-small-right"></span>Ähnliche Präsentationen </p> <hr> </div> </div> </div> </div> </div> </div> </div> </section> </div><!-- .assets --> <script type="text/javascript"> var embed_template = '<div style="width:{width}px"> <strong style="display:block;margin:12px 0 4px"><a href="'+(document.location.toString().replace(/(\?|\#).*$/, ''))+'" title="Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007." target="_blank">Information und ihre Darstellung: XHTML & CSS IFB Speyer Daniel Jonietz 2007.</a></strong><iframe src="http://player.slideplayer.org/3/903843/" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe><div style="padding:5px 0 12px"></div></div>'; </script> <div id="footer" class="tm-container tm-dark"> <div class="uk-container uk-container-center"> <div class="uk-navbar"> <div class="uk-navbar-nav"> <div class="uk-float-right uk-margin uk-margin-large-left" id="about-project"> <h5 class="uk-margin-remove">Über Projekt</h5> <a href="/support/project/" class="uk-text-small">SlidePlayer</a><br> <a href="/support/terms/" class="uk-text-small">Nutzungsbedingungen</a> </div> <div class="uk-float-right uk-margin uk-margin-large-left"> <h5 class="uk-margin-remove">Feedback</h5> <a href="/support/privacy/" class="uk-text-small">Datenschutzbestimmungen</a><br> <a href="/support/feedback/" class="uk-text-small">Feedback</a> </div> <div class="uk-float-left copyright"> <p class="uk-text-small uk-margin-top">© 2016 SlidePlayer.org Inc. <br />All rights reserved.</p> </div> </div> <div class="uk-navbar-flip"> <div class="uk-navbar-nav"> <div class="uk-navbar-content"> <form method="get" action="/search/" id="search_form" class="search_form uk-form uk-margin-top uk-display-inline-block"> <input type="text" required="required" name="q" id="search_query_bottom" value="" placeholder="Suche..." autocomplete="off" class="tm-form-width-footer"> <button class="uk-button uk-button-primary">Suche</button> </form> </div> </div> </div> </div> </div> </div> <div id="ads_text">Google-Anzeigen</div> <!--<script src="/static/js/--><!--/total_blue.js" type="text/javascript"></script>--> <script> function loadScript(url, callback) { var head; if (typeof(document.getElementsByTagName)!='undefined' && document.getElementsByTagName('head') && document.getElementsByTagName('head')[0]) { head = document.getElementsByTagName('head')[0]; } else { if (typeof(setTimeout)=='undefined') { window.onerror("setTimeout is undefined on function loadScript", '[system]'); callback(2, url); return; } setTimeout(function() { loadScript(url, callback); }, 100); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; if (typeof(callback)!='undefined' && typeof(script.onload)!='undefined') { script.onload = function() { callback(0, url); }; } if (typeof(script.async)!='undefined') { script.async = true; } if (typeof(callback)!='undefined' && typeof(script.onerror)!='undefined') { script.onerror = function(){ callback(1, url); }; } head.appendChild(script); } window.onerror = function(msg, file, line, column, errorObj) { var uri,img = new Image(), u = 'undefined'; if (typeof(file)==u) { return; } if ( file!='[system]') { if (!file || msg=="Script error." || msg=='Script error') { return; } if (typeof(file.indexOf)!=u && file.indexOf(document.domain)==-1) { return; } if (typeof(file.substr)!=u && file.substr(0, 4)!='http') { return; } if (typeof(file.substring)!=u && file.substring(0, 4)!='http') { return; } } uri = 'url='+encodeURIComponent(document.location.toString()); if (typeof(msg)!=u) { if (typeof(errorObj)!=u && typeof(errorObj.stack)!=u) { msg+=' '+errorObj.stack; } uri+='&msg='+encodeURIComponent(msg); } if (typeof(file)!=u) { uri+='&file='+encodeURIComponent(file); } if (typeof(line)!=u) { uri+='&line='+encodeURIComponent(line); } if (typeof(column)!=u) { uri+='&column='+encodeURIComponent(column); } if (typeof(page_data)!=u && page_data.req_id) { uri+='&req_id='+page_data.req_id; } if (typeof(page_data)!=u && page_data.rev) { uri+='&rev='+page_data.rev; } img.src = 'http://slideplayer.org/cache/'+Math.random()+'/report/pixel.gif?type=js_error&domain_id=2&page_id=2&design_id=3&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&'+uri; }; var u = 'undefined'; if (typeof(JSON)==u || typeof(JSON.stringify)==u) { document.write('<scr'+'ipt src="http://slideplayer.org/static/js/json.js" type="text/javascript"><'+'/'+'s'+'cript>'); } if (typeof(Object.keys)==u || typeof(Object.toString)==u || typeof(String.prototype.indexOf)==u || navigator.userAgent.toString().match(/(MSIE|Opera|Firefox\/3\.|Edge|Trident|Chrome\/1\d+\.|OPR\/[123]|WOW64|NokiaBrowser)/i) || navigator.platform.toString().match(/(Win32|Linux armv7l)/)) { document.write('<scr'+'ipt src="http://slideplayer.org/cloud/js/es5-shim.js" type="text/javascript"><'+'/'+'s'+'cript>'); } var page_data = {"page_id":2,"domain_id":2,"design_id":3,"rev":"fd13","window_load":0,"host":"slideplayer.org"}; page_data.req_id = Math.abs(Math.round(Math.random() * 9007199254740990)); page_data.is_bot = 0; page_data.window_id = (function () { var i, w=0, rw = 0, b, wins = {"1": [0, 800], "5": [801, 1200], "11": [1201, 1300], "12": [1301, 20000]}; var xScroll, yScroll, pageHeight, pageWidth; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; } else { if (typeof(document.body.offsetWidth)=='undefined' || typeof(document.body.offsetHeight)=='undefined') { xScroll = 0; yScroll = 0; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } w = page_data.pageWidth = pageWidth; page_data.pageHeight = pageHeight; if (w > 1300) { return 12; } for (i=1; i<12; i++) { if (wins.hasOwnProperty(i)) { b = wins[i]; if (w >= b[0] && w <= b[1]) { rw = i; } } } return rw; }()); if (typeof(setTimeout)==u || typeof(window.setTimeout)==u || ! navigator.userAgent || ! navigator.platform) { window.onerror('user bot detected???', '[system]'); page_data.is_bot = 1; } else { (function(){ var img = new Image(); img.src = 'http://slideplayer.org/cache/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=2&page_id=2&design_id=3&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&req_id='+page_data.req_id+'&url='+encodeURIComponent(document.location); }()); } var js_loader = { counter_loading_scripts : 0, object_load_script : function(obj, urls_stack, callback) { var first_url = urls_stack[0]; // if (! callback) { // js_loader.counter_loading_scripts++; // } var onload_script = function(err_code) { if (err_code || typeof(window[obj])=='undefined') { load_next_url(); } else { if (callback) { callback(0); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } }; var load_next_url = function() { var url = urls_stack.splice(0,1)[0]; if (typeof(url)=='undefined' || ! url) { window.onerror('error loading all versions file '+first_url, '[system]'); if (callback) { callback(1); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } else { window.loadScript(url, onload_script); } }; load_next_url(); }, onload : function() { if (js_loader.counter_loading_scripts > 0) { return; } if (typeof(window.on_load_jquery)!='undefined' && window.on_load_jquery) { window.on_load_jquery(); } else { window.onerror("function on_load_jquery() is undefined", '[system]'); } }, get_suffix : function(){ var items = ["time","person","year","way","day","thing","man","world","life","hand","part","child","eye","woman","place","work","week","case","point","government","company","number","group","problem","fact","have","say","get","make","know","take","see","come","think","look","want","give","use","find","tell","ask","work","seem","feel","try","leave","call","good","new","first","last","long","great","little","own","other","old","right","big","high","different","small","large","next","early","young","important","few","public","bad","same","able","for","with","from","about","into","over","after","beneath","under","above","the","and","that","not","you","this","but","his","they","her","she","will","one","all","would","there","their"]; return items[Math.floor(Math.random()*items.length)]; }, init : function() { if (page_data.page_id > 0 && !page_data.is_bot && typeof("is_nude")!='undefined' && !is_nude) { var d = new Date(); var h = d.getHours(); var day = d.getDate(); var m = d.getMonth(); var surls = []; surls.push('http://slideplayer.org/static/'+js_loader.get_suffix()+'/'+day+''+h+'/2_'+page_data.window_id+'_2_3.js'); surls.push('http://slideplayer.org/static/'+js_loader.get_suffix()+'/10/2_'+page_data.window_id+'_2_3.js'); js_loader.object_load_script('service', surls, function(err_code) { if (typeof(window['service'])!='undefined' && window['service'].show_after_load) { window['service'].show_after_load(); } else { window.onerror("object service typeof: "+typeof(window['service']), '[system]'); } }); } js_loader.counter_loading_scripts = 2; js_loader.object_load_script('jQuery', ['/static/blue_design/js/vendor/jquery-1.11.1.min.js', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js']); js_loader.object_load_script('on_load_jquery', ['http://slideplayer.org/static/js/fd13/total_blue.js', '/static/js/total_blue.js']); } }; js_loader.init(); </script> </body> </html>