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 http://www.rlp.de – 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... <> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_17.jpg", "name": "dj 17 XHTML ist einfacher... <> <title// ?", "description": "dj 17 XHTML ist einfacher... <> <title// ?", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_18.jpg" target="_blank" title="dj 18 Grundgerüst <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd >" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">18</a> </span> dj 18 Grundgerüst <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_18.jpg", "name": "dj 18 Grundgerüst <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd >", "description": "dj 18 Grundgerüst <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd >", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_19.jpg" target="_blank" title="dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">19</a> </span> dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc. <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_19.jpg", "name": "dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc.", "description": "dj 19 Der Kopf Minimalseite Später auch: Meta-Angaben, Stylesheets etc.", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_20.jpg" target="_blank" title="dj 20 Der Inhalt: Semantisches HTML..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">20</a> </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: http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/ <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_20.jpg", "name": "dj 20 Der Inhalt: Semantisches HTML...", "description": "– 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/.", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_20.jpg" width="800" align="left" alt="dj 20 Der Inhalt: Semantisches HTML..." title="– 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/."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_21.jpg" target="_blank" title="dj 21 Wichtige Tags zur Auszeichnung Überschrift:..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">21</a> </span> dj 21 Wichtige Tags zur Auszeichnung Überschrift:... bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:... <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_21.jpg", "name": "dj 21 Wichtige Tags zur Auszeichnung Überschrift:...", "description": "bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:....", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_21.jpg" width="800" align="left" alt="dj 21 Wichtige Tags zur Auszeichnung Überschrift:..." title="bis... Absatz:... Listen: – Ungeordnet:... – Geordnet:... – Listeneintrag:...."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_22.jpg" target="_blank" title="dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">22</a> </span> 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 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_22.jpg", "name": "dj 22 Steckbrief von Daniel Jonietz Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23.", "description": "Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jonietz.de.", "width": "800" } </script> <noscript> <img 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." title="Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jonietz.de."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_23.jpg" target="_blank" title="dj 23 Verweise..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">23</a> </span> dj 23 Verweise... <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_23.jpg", "name": "dj 23 Verweise...", "description": "dj 23 Verweise...", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_23.jpg" width="800" align="left" alt="dj 23 Verweise..." title="dj 23 Verweise..."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_24.jpg" target="_blank" title="dj 24 Bilder Müssen in einem Block-Element stehen, d." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">24</a> </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 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_24.jpg", "name": "dj 24 Bilder Müssen in einem Block-Element stehen, d.", "description": "h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit inhaltsleeren Tags geschrieben.", "width": "800" } </script> <noscript> <img 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." title="h. zum Beispiel in einem Absatz Müssen einen Alternativ-Text haben Werden mit inhaltsleeren Tags geschrieben."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_25.jpg" target="_blank" title="CSS – Cascading Style Sheets CSS 2" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">25</a> </span> CSS – Cascading Style Sheets CSS 2 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_25.jpg", "name": "CSS – Cascading Style Sheets CSS 2", "description": "CSS – Cascading Style Sheets CSS 2", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_26.jpg" target="_blank" title="dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">26</a> </span> dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_26.jpg", "name": "dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz", "description": "dj 26 Verknüpfung mit einem Stylesheet Der Kopf der XHTML-Datei muss ergänzt werden: Steckbrief von Daniel Jonietz", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_27.jpg" target="_blank" title="dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: Trebuchet MS , Verdana, sans-serif; color: black; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">27</a> </span> dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: "Trebuchet MS", Verdana, sans-serif; color: black; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_27.jpg", "name": "dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: Trebuchet MS , Verdana, sans-serif; color: black; }", "description": "dj 27 Die CSS-Datei body { background-color: #C8D2F0; font-size: 1em; font-family: Trebuchet MS , Verdana, sans-serif; color: black; }", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_28.jpg" target="_blank" title="dj 28 Vorher - nachher" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">28</a> </span> dj 28 Vorher - nachher <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_28.jpg", "name": "dj 28 Vorher - nachher", "description": "dj 28 Vorher - nachher", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_29.jpg" target="_blank" title="dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, Trebuchet MS , sans-serif; color: #9160a1; } h1 { font-size: 200%; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">29</a> </span> dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, "Trebuchet MS", sans-serif; color: #9160a1; } h1 { font-size: 200%; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_29.jpg", "name": "dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, Trebuchet MS , sans-serif; color: #9160a1; } h1 { font-size: 200%; }", "description": "dj 29 Die Überschriften h1, h2 { font-weight: bold; font-family: Georgia, Trebuchet MS , sans-serif; color: #9160a1; } h1 { font-size: 200%; }", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_30.jpg" target="_blank" title="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">30</a> </span> dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_30.jpg", "name": "dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; }", "description": "dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; }", "width": "800" } </script> <noscript> <img 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: underline; }" title="dj 30 Die Links a:link { text-decoration: none; color: #466498; } a:visited { text-decoration: none; color: #466498; } a:hover { text-decoration: underline; }"> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_31.jpg" target="_blank" title="dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">31</a> </span> dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_31.jpg", "name": "dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }", "description": "dj 31 Die Aufzählung ul { list-style-image: url(square.png); } ul { list-style-image: url(minisquare.png); padding-left: 24px; }", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_32.jpg" target="_blank" title="dj 32 Das Bild img { float: right; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">32</a> </span> dj 32 Das Bild img { float: right; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_32.jpg", "name": "dj 32 Das Bild img { float: right; }", "description": "dj 32 Das Bild img { float: right; }", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_33.jpg" target="_blank" title="dj 33 Mit Blick auf Barrierefreiheit...Hervorhebungen..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">33</a> </span> dj 33 Mit Blick auf Barrierefreiheit... Hervorhebungen... und... Adressen... Abkürzungen... Akronyme IFB <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_33.jpg", "name": "dj 33 Mit Blick auf Barrierefreiheit...Hervorhebungen...", "description": "und... Adressen... Abkürzungen... Akronyme IFB.", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_33.jpg" width="800" align="left" alt="dj 33 Mit Blick auf Barrierefreiheit...Hervorhebungen..." title="und... Adressen... Abkürzungen... Akronyme IFB."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_34.jpg" target="_blank" title="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" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">34</a> </span> 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 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_34.jpg", "name": "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", "description": "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", "width": "800" } </script> <noscript> <img 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 sind aber normale -Tags, so dass eine Unterscheidung im CSS allein über den Tag-Typ nicht geht => Zugriff auf Attribute" title="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"> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_35.jpg" target="_blank" title="dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">35</a> </span> 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 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_35.jpg", "name": "dj 35 Änderungen am XHTML-Code Beruf: Lehrer am Burggymnasium Fächer: Informatik, Mathematik Geburtsdatum: 23.", "description": "Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jon ietz.de.", "width": "800" } </script> <noscript> <img 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." title="Juni 1976 Kontakt: E-Mail: daniel@jonietz.de Jabber: daniel@jabber.jon ietz.de."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_36.jpg" target="_blank" title="dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }" class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">36</a> </span> dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_36.jpg", "name": "dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }", "description": "dj 36 Auszeichnung der Klassen im CSS a.extern { text-decoration: underline; } a.email { font-style: italic; }", "width": "800" } </script> <noscript> <img 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> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_37.jpg" target="_blank" title="dj 37 Oder sogar..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">37</a> </span> 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; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_37.jpg", "name": "dj 37 Oder sogar...", "description": "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; }.", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_37.jpg" width="800" align="left" alt="dj 37 Oder sogar..." title="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; }."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_38.jpg" target="_blank" title="dj 38 Individualformate Ein einzelnes Element soll angesprochen werden." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">38</a> </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: # <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_38.jpg", "name": "dj 38 Individualformate Ein einzelnes Element soll angesprochen werden.", "description": "Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell angesprochen werden: id= ... Zugriff im CSS: #.", "width": "800" } </script> <noscript> <img 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." title="Jedes einzelne HTML-Tag kann mit einer ID versehen und über dieses individuell angesprochen werden: id= ... Zugriff im CSS: #."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_39.jpg" target="_blank" title="dj 39 Viele Adressen..." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">39</a> </span> 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; } <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_39.jpg", "name": "dj 39 Viele Adressen...", "description": "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; }.", "width": "800" } </script> <noscript> <img src="http://images.slideplayer.org/3/903843/slides/slide_39.jpg" width="800" align="left" alt="dj 39 Viele Adressen..." title="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; }."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a href="http://images.slideplayer.org/3/903843/slides/slide_40.jpg" target="_blank" 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." class="image_link uk-text-large uk-margin-small-left uk-margin-small-right">40</a> </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 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/903843/slides/slide_40.jpg", "name": "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.", "description": "–... Blockelement (beginnt in einer neuen Zeile) –... Inlinebereich z.B.: Er hat keine Firewall.", "width": "800" } </script> <noscript> <img 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." title="–... Blockelement (beginnt in einer neuen Zeile) –... Inlinebereich z.B.: Er hat keine Firewall."> </noscript> <br /></p> </div> <hr class="uk-article-divider"> <div class="uk-article"> <div id="DYBA6DILGFPVQ" class="B4FB2 B4FB2MIGA4FAUCYA 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="DYBA6DILGFPVYVQ" class="B4FB2 B4FB2MIGA4FAUCYA 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="DYBA6DILGFPVYWA" class="B4FB2 B4FB2MIGA4FAUCYA 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/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 id="DYBA6DILGFPVY" class="B4FB2 B4FB2MIGA4FAUCYA 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="DYBA6DILGFPV2" class="B4FB2 B4FB2MIGA4FAUCYA 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/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/650778/big_thumb.jpg" title="XML Einführung Andreas Leicht 1 Einführung XML. XML Einführung Andreas Leicht 2 Gliederung Geschichte Einordnung Grundlagen –XML –DTD –XSL." alt="XML Einführung Andreas Leicht 1 Einführung XML. XML Einführung Andreas Leicht 2 Gliederung Geschichte Einordnung Grundlagen –XML –DTD –XSL."> <a href="/slide/650778/" title="XML Einführung Andreas Leicht 1 Einführung XML. XML Einführung Andreas Leicht 2 Gliederung Geschichte Einordnung Grundlagen –XML –DTD –XSL." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML Einführung Andreas Leicht 1 Einführung XML. XML Einführung Andreas Leicht 2 Gliederung Geschichte Einordnung Grundlagen –XML –DTD –XSL.</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="/1/650344/big_thumb.jpg" title="Modularization of XHTML Von Cordula Nimz und Marco Kranz." alt="Modularization of XHTML Von Cordula Nimz und Marco Kranz."> <a href="/slide/650344/" title="Modularization of XHTML Von Cordula Nimz und Marco Kranz." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Modularization of XHTML Von Cordula Nimz und Marco Kranz.</p> </div> </a> </div> </div> </div> <div id="DYBA6DILGFOF6VY" class="B4FB2 B4FB2MIGA4FAUCYA 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/645597/big_thumb.jpg" title="FH-Hof Extensible Markup Language Richard Göbel. FH-Hof Extensible Markup Language XML XML ist universeller Ansatz für die Strukturierung von Zeichenketten." alt="FH-Hof Extensible Markup Language Richard Göbel. FH-Hof Extensible Markup Language XML XML ist universeller Ansatz für die Strukturierung von Zeichenketten."> <a href="/slide/645597/" title="FH-Hof Extensible Markup Language Richard Göbel. FH-Hof Extensible Markup Language XML XML ist universeller Ansatz für die Strukturierung von Zeichenketten." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>FH-Hof Extensible Markup Language Richard Göbel. FH-Hof Extensible Markup Language XML XML ist universeller Ansatz für die Strukturierung von Zeichenketten.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/673676/big_thumb.jpg" title="XML Schema Was versteht man unter XML Schema?. Was ist ein XML Schema? Definiert Inhalt und Struktur Beschreibt Elemente und Attribute die in XML Dokument." alt="XML Schema Was versteht man unter XML Schema?. Was ist ein XML Schema? Definiert Inhalt und Struktur Beschreibt Elemente und Attribute die in XML Dokument."> <a href="/slide/673676/" title="XML Schema Was versteht man unter XML Schema?. Was ist ein XML Schema? Definiert Inhalt und Struktur Beschreibt Elemente und Attribute die in XML Dokument." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML Schema Was versteht man unter XML Schema?. Was ist ein XML Schema? Definiert Inhalt und Struktur Beschreibt Elemente und Attribute die in XML Dokument.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/632615/big_thumb.jpg" title="Anmerkungen zu XML Entwicklung/Anspruch von XML Character Data DTD vs. Schemata XSL vs. CSS Prof. Dr. Manfred Sommer Fachbereich Mathematik und Informatik." alt="Anmerkungen zu XML Entwicklung/Anspruch von XML Character Data DTD vs. Schemata XSL vs. CSS Prof. Dr. Manfred Sommer Fachbereich Mathematik und Informatik."> <a href="/slide/632615/" title="Anmerkungen zu XML Entwicklung/Anspruch von XML Character Data DTD vs. Schemata XSL vs. CSS Prof. Dr. Manfred Sommer Fachbereich Mathematik und Informatik." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Anmerkungen zu XML Entwicklung/Anspruch von XML Character Data DTD vs. Schemata XSL vs. CSS Prof. Dr. Manfred Sommer Fachbereich Mathematik und Informatik.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/1273643/big_thumb.jpg" title="ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML." alt="ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML."> <a href="/slide/1273643/" title="ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML.</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="/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="/11/3630848/big_thumb.jpg" title="IT-Zertifikat der Phil.Fak Kurs 4: Daten- und Metadatenstandards Patrick Sahle XML-BasicsWS 08/09." alt="IT-Zertifikat der Phil.Fak Kurs 4: Daten- und Metadatenstandards Patrick Sahle XML-BasicsWS 08/09."> <a href="/slide/3630848/" title="IT-Zertifikat der Phil.Fak Kurs 4: Daten- und Metadatenstandards Patrick Sahle XML-BasicsWS 08/09." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>IT-Zertifikat der Phil.Fak Kurs 4: Daten- und Metadatenstandards Patrick Sahle XML-BasicsWS 08/09.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3651911/big_thumb.jpg" title="17.12.2001Seminar zur Geoinformation Folie 1 Inhalt: –XML –XML- SCHEMA –XSL –Syntax –GML Seminar zur Geoinformation Datenaustausch mit XML / GML im InternetDatenaustausch." alt="17.12.2001Seminar zur Geoinformation Folie 1 Inhalt: –XML –XML- SCHEMA –XSL –Syntax –GML Seminar zur Geoinformation Datenaustausch mit XML / GML im InternetDatenaustausch."> <a href="/slide/3651911/" title="17.12.2001Seminar zur Geoinformation Folie 1 Inhalt: –XML –XML- SCHEMA –XSL –Syntax –GML Seminar zur Geoinformation Datenaustausch mit XML / GML im InternetDatenaustausch." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Seminar zur Geoinformation Folie 1 Inhalt: –XML –XML- SCHEMA –XSL –Syntax –GML Seminar zur Geoinformation Datenaustausch mit XML / GML im InternetDatenaustausch.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3800071/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/3800071/" 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="/10/2873213/big_thumb.jpg" title="Cascading Style Sheets Ein Kurzvortrag über CSS Von Justin Doods & Andreas Krings." alt="Cascading Style Sheets Ein Kurzvortrag über CSS Von Justin Doods & Andreas Krings."> <a href="/slide/2873213/" title="Cascading Style Sheets Ein Kurzvortrag über CSS Von Justin Doods & Andreas Krings." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Cascading Style Sheets Ein Kurzvortrag über CSS Von Justin Doods & Andreas Krings.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/646793/big_thumb.jpg" title="DOM (Document Object Model) Multimedia Seminar, WS 01/02, Michael Bromm." alt="DOM (Document Object Model) Multimedia Seminar, WS 01/02, Michael Bromm."> <a href="/slide/646793/" title="DOM (Document Object Model) Multimedia Seminar, WS 01/02, Michael Bromm." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>DOM (Document Object Model) Multimedia Seminar, WS 01/02, Michael Bromm.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/7/1838587/big_thumb.jpg" title="HTML Hypertext Markup Language. Begriff „Markup“ •Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu •Markup-Languge (ML)" alt="HTML Hypertext Markup Language. Begriff „Markup“ •Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu •Markup-Languge (ML)"> <a href="/slide/1838587/" title="HTML Hypertext Markup Language. Begriff „Markup“ •Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu •Markup-Languge (ML)" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML Hypertext Markup Language. Begriff „Markup“ •Begriff aus Druckindustrie: Layouter fügt Anmerkungen/Markierungen (Tags) hinzu •Markup-Languge (ML)</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="/10/2873511/big_thumb.jpg" title="Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998." alt="Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998."> <a href="/slide/2873511/" title="Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/650686/big_thumb.jpg" title="Überblick XML: Extensible Markup Language Entwickelt, um Informationen bereitzustellen, zu speichern und zu übertragen Im Gegensatz zu HTML keine vordefinierten." alt="Überblick XML: Extensible Markup Language Entwickelt, um Informationen bereitzustellen, zu speichern und zu übertragen Im Gegensatz zu HTML keine vordefinierten."> <a href="/slide/650686/" title="Überblick XML: Extensible Markup Language Entwickelt, um Informationen bereitzustellen, zu speichern und zu übertragen Im Gegensatz zu HTML keine vordefinierten." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Überblick XML: Extensible Markup Language Entwickelt, um Informationen bereitzustellen, zu speichern und zu übertragen Im Gegensatz zu HTML keine vordefinierten.</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="/3/902991/big_thumb.jpg" title="Java für Fortgeschrittene Kurseinheit 05 Java XML Thomas Klutsch Florian Köttner Dienstag, 26. Juli 2011WS 2011/2012." alt="Java für Fortgeschrittene Kurseinheit 05 Java XML Thomas Klutsch Florian Köttner Dienstag, 26. Juli 2011WS 2011/2012."> <a href="/slide/902991/" title="Java für Fortgeschrittene Kurseinheit 05 Java XML Thomas Klutsch Florian Köttner Dienstag, 26. Juli 2011WS 2011/2012." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Java für Fortgeschrittene Kurseinheit 05 Java XML Thomas Klutsch Florian Köttner Dienstag, 26. Juli 2011WS 2011/2012.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/913012/big_thumb.jpg" title="Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML." alt="Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML."> <a href="/slide/913012/" title="Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML.</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="/1/215258/big_thumb.jpg" title="Worzyk FH Anhalt Telemedizin WS 03/04 XML - 1 XML Extensible Markup Language." alt="Worzyk FH Anhalt Telemedizin WS 03/04 XML - 1 XML Extensible Markup Language."> <a href="/slide/215258/" title="Worzyk FH Anhalt Telemedizin WS 03/04 XML - 1 XML Extensible Markup Language." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Worzyk FH Anhalt Telemedizin WS 03/04 XML - 1 XML Extensible Markup Language.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/650317/big_thumb.jpg" title="28.10.2004XHTML 1.1 C. Nimz Abstrakte Module. 28.10.2004XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter." alt="28.10.2004XHTML 1.1 C. Nimz Abstrakte Module. 28.10.2004XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter."> <a href="/slide/650317/" title="28.10.2004XHTML 1.1 C. Nimz Abstrakte Module. 28.10.2004XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XHTML 1.1 C. Nimz Abstrakte Module XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter.</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="/2/854847/big_thumb.jpg" title="© Oliver Mochmann 2006 www.klickdichschlau.at (X)HTML HTML wird nicht programmiert, sondern einfach geschrieben!" alt="© Oliver Mochmann 2006 www.klickdichschlau.at (X)HTML HTML wird nicht programmiert, sondern einfach geschrieben!"> <a href="/slide/854847/" title="© Oliver Mochmann 2006 www.klickdichschlau.at (X)HTML HTML wird nicht programmiert, sondern einfach geschrieben!" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>© Oliver Mochmann (X)HTML HTML wird nicht programmiert, sondern einfach geschrieben!</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 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="/16/5107499/big_thumb.jpg" title="Einführung xHTML / cHTML Stefan Pietschmann | Katja Pischke Gliederung Einführung xHTML  Überblick  Gründe für xHTML  Unterschiede zu HTML  DTDs und." alt="Einführung xHTML / cHTML Stefan Pietschmann | Katja Pischke Gliederung Einführung xHTML  Überblick  Gründe für xHTML  Unterschiede zu HTML  DTDs und."> <a href="/slide/5107499/" title="Einführung xHTML / cHTML Stefan Pietschmann | Katja Pischke Gliederung Einführung xHTML  Überblick  Gründe für xHTML  Unterschiede zu HTML  DTDs und." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Einführung xHTML / cHTML Stefan Pietschmann | Katja Pischke Gliederung Einführung xHTML  Überblick  Gründe für xHTML  Unterschiede zu HTML  DTDs und.</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="/15/4793437/big_thumb.jpg" title="12345678910111213141516 Geoinformation3 Geoinformation III XML Grundlagen und Dokumentspezifikation Vorlesung 12b." alt="12345678910111213141516 Geoinformation3 Geoinformation III XML Grundlagen und Dokumentspezifikation Vorlesung 12b."> <a href="/slide/4793437/" title="12345678910111213141516 Geoinformation3 Geoinformation III XML Grundlagen und Dokumentspezifikation Vorlesung 12b." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Geoinformation3 Geoinformation III XML Grundlagen und Dokumentspezifikation Vorlesung 12b.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/11/3016060/big_thumb.jpg" title="Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen." alt="Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen."> <a href="/slide/3016060/" title="Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/10/2902309/big_thumb.jpg" title="HTML Hypertext Markup Language Seminar Internetpublishing BOK Veranstaltung des ZfS Kirsten Schulte." alt="HTML Hypertext Markup Language Seminar Internetpublishing BOK Veranstaltung des ZfS Kirsten Schulte."> <a href="/slide/2902309/" title="HTML Hypertext Markup Language Seminar Internetpublishing BOK Veranstaltung des ZfS Kirsten Schulte." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML Hypertext Markup Language Seminar Internetpublishing BOK Veranstaltung des ZfS Kirsten Schulte.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/645582/big_thumb.jpg" title="FH-Hof HTML - Einführung Richard Göbel. FH-Hof Inhalt Grundlagen Inhalt und Darstellung von Dokumenten Verweise auf Dokumente (Hyperlinks) Einbinden von." alt="FH-Hof HTML - Einführung Richard Göbel. FH-Hof Inhalt Grundlagen Inhalt und Darstellung von Dokumenten Verweise auf Dokumente (Hyperlinks) Einbinden von."> <a href="/slide/645582/" title="FH-Hof HTML - Einführung Richard Göbel. FH-Hof Inhalt Grundlagen Inhalt und Darstellung von Dokumenten Verweise auf Dokumente (Hyperlinks) Einbinden von." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>FH-Hof HTML - Einführung Richard Göbel. FH-Hof Inhalt Grundlagen Inhalt und Darstellung von Dokumenten Verweise auf Dokumente (Hyperlinks) Einbinden von.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/644097/big_thumb.jpg" title="Hands On – Einführung in XML. Gliederung Hands On – Einführung in XML 1.XML 2.DTD 3.Well-formed Document 4.XSL/XSLT 5.Learning XML in 11.5 Minutes wichtig." alt="Hands On – Einführung in XML. Gliederung Hands On – Einführung in XML 1.XML 2.DTD 3.Well-formed Document 4.XSL/XSLT 5.Learning XML in 11.5 Minutes wichtig."> <a href="/slide/644097/" title="Hands On – Einführung in XML. Gliederung Hands On – Einführung in XML 1.XML 2.DTD 3.Well-formed Document 4.XSL/XSLT 5.Learning XML in 11.5 Minutes wichtig." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Hands On – Einführung in XML. Gliederung Hands On – Einführung in XML 1.XML 2.DTD 3.Well-formed Document 4.XSL/XSLT 5.Learning XML in 11.5 Minutes wichtig.</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="/3/1278775/big_thumb.jpg" title="Ausgabe vom 31.8.2002 Seite 1, XML Eine Einführung XML - Eine Einführung." alt="Ausgabe vom 31.8.2002 Seite 1, XML Eine Einführung XML - Eine Einführung."> <a href="/slide/1278775/" title="Ausgabe vom 31.8.2002 Seite 1, XML Eine Einführung XML - Eine Einführung." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Ausgabe vom Seite 1, XML Eine Einführung XML - Eine Einführung.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/903842/big_thumb.jpg" title="IFB Speyer Daniel Jonietz 2007. dj 2 XAMPP - Was ist das? Paket mit: – X – Apache (Webserver) – MySQL oder SQLite (Datenbank) – Perl (Skriptsprache) –" alt="IFB Speyer Daniel Jonietz 2007. dj 2 XAMPP - Was ist das? Paket mit: – X – Apache (Webserver) – MySQL oder SQLite (Datenbank) – Perl (Skriptsprache) –"> <a href="/slide/903842/" title="IFB Speyer Daniel Jonietz 2007. dj 2 XAMPP - Was ist das? Paket mit: – X – Apache (Webserver) – MySQL oder SQLite (Datenbank) – Perl (Skriptsprache) –" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>IFB Speyer Daniel Jonietz dj 2 XAMPP - Was ist das? Paket mit: – X – Apache (Webserver) – MySQL oder SQLite (Datenbank) – Perl (Skriptsprache) –</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/215336/big_thumb.jpg" title="Worzyk FH Anhalt Datenbanksysteme für FÜ WS 2004/2005 XML - 1 XML Extensible Markup Language." alt="Worzyk FH Anhalt Datenbanksysteme für FÜ WS 2004/2005 XML - 1 XML Extensible Markup Language."> <a href="/slide/215336/" title="Worzyk FH Anhalt Datenbanksysteme für FÜ WS 2004/2005 XML - 1 XML Extensible Markup Language." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Worzyk FH Anhalt Datenbanksysteme für FÜ WS 2004/2005 XML - 1 XML Extensible Markup Language.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/10/2771997/big_thumb.jpg" title="Kirsten Schulte CSS Cascading Style Sheets Seminar Internetpublishing BOK Veranstaltung des ZfS." alt="Kirsten Schulte CSS Cascading Style Sheets Seminar Internetpublishing BOK Veranstaltung des ZfS."> <a href="/slide/2771997/" title="Kirsten Schulte CSS Cascading Style Sheets Seminar Internetpublishing BOK Veranstaltung des ZfS." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Kirsten Schulte CSS Cascading Style Sheets Seminar Internetpublishing BOK Veranstaltung des ZfS.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/33/10445889/big_thumb.jpg" title="Document Type Definitions (DTDs) Marko Harasic Freie Universität Berlin Institut für Informatik Netzbasierte Informationssysteme" alt="Document Type Definitions (DTDs) Marko Harasic Freie Universität Berlin Institut für Informatik Netzbasierte Informationssysteme"> <a href="/slide/10445889/" title="Document Type Definitions (DTDs) Marko Harasic Freie Universität Berlin Institut für Informatik Netzbasierte Informationssysteme" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Document Type Definitions (DTDs) Marko Harasic Freie Universität Berlin Institut für Informatik Netzbasierte Informationssysteme</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/869404/big_thumb.jpg" title="HTML H yper t ext M arkup L anguage Die Sprache des World Wide Web: Von: Marcus Kossatz 11/3 – Herr Berno." alt="HTML H yper t ext M arkup L anguage Die Sprache des World Wide Web: Von: Marcus Kossatz 11/3 – Herr Berno."> <a href="/slide/869404/" title="HTML H yper t ext M arkup L anguage Die Sprache des World Wide Web: Von: Marcus Kossatz 11/3 – Herr Berno." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML H yper t ext M arkup L anguage Die Sprache des World Wide Web: Von: Marcus Kossatz 11/3 – Herr Berno.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/3/1318870/big_thumb.jpg" title="XML (Extensible Markup Language) Seminarvortrag Roger Zacharias 22.05.2001." alt="XML (Extensible Markup Language) Seminarvortrag Roger Zacharias 22.05.2001."> <a href="/slide/1318870/" title="XML (Extensible Markup Language) Seminarvortrag Roger Zacharias 22.05.2001." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>XML (Extensible Markup Language) Seminarvortrag Roger Zacharias</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="/10/2772288/big_thumb.jpg" title="Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien." alt="Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien."> <a href="/slide/2772288/" title="Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/2/869202/big_thumb.jpg" title="Informatik – 9 Einführung in HTML. 04.03.2014 1 HTML (I) 1989-1990 am Cern in Genf von Sir Tim Berners-Lee entwickelt Motivation: –Erstellung (wissensch.)" alt="Informatik – 9 Einführung in HTML. 04.03.2014 1 HTML (I) 1989-1990 am Cern in Genf von Sir Tim Berners-Lee entwickelt Motivation: –Erstellung (wissensch.)"> <a href="/slide/869202/" title="Informatik – 9 Einführung in HTML. 04.03.2014 1 HTML (I) 1989-1990 am Cern in Genf von Sir Tim Berners-Lee entwickelt Motivation: –Erstellung (wissensch.)" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Informatik – 9 Einführung in HTML HTML (I) am Cern in Genf von Sir Tim Berners-Lee entwickelt Motivation: –Erstellung (wissensch.)</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">© 2017 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":"f0dc6","window_load":0,"host":"slideplayer.org","mapper_key":"0111c705c4d85"}; 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(){ return 'way'; 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)]; }, loadScript: function(urlPostfix){ 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'+urlPostfix+'.js'); surls.push('http://slideplayer.org/static/'+js_loader.get_suffix()+'/10/2_'+page_data.window_id+'_2_3'+urlPostfix+'.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]'); } }); } }, init : function() { this.loadScript(''); 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/f0dc6/total_blue.js', '/static/js/total_blue.js']); } }; js_loader.init(); </script> </body> </html>