1 / 12

XHTML: Das saubere WebDesign

XHTML: Das saubere WebDesign. Daniel Kucher Proseminar XHTML. Inhalt. HTML – Struktur und Versionen Der <head> – Teil Der <body> – Teil Stylesheets (CSS) – Das Rückrat von XHTML. HTML... von ganz Vorne. „HTML“ = Hyper Text Markup Language Darstellung durch einen Webbrowser Gerüst:.

evelia
Download Presentation

XHTML: Das saubere WebDesign

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. XHTML: Das saubere WebDesign Daniel Kucher Proseminar XHTML

  2. Inhalt • HTML – Struktur und Versionen • Der <head> – Teil • Der <body> – Teil • Stylesheets (CSS) – Das Rückrat von XHTML

  3. HTML... von ganz Vorne • „HTML“ = Hyper Text Markup Language • Darstellung durch einen Webbrowser • Gerüst:

  4. HTML ≠ XHTML • Beziehung XML – SGML • XML ist eine echte Teilmenge von SGML • Wichtigste Unterschiede: • Keine notwendigen Closetags • alleinstehende Attribute

  5. Sauberkeit und Einfachheit:XHTML vs. HTML • XML Deklaration • Namespaces • Leere Elemente • Groß- / Kleinschreibung • Optionale Abschluss-Tags • alleinstehende Attribute • ...

  6. Sauberkeit und Einfachheit:Transnational vs. Strict • Attribute vs. Stylesheets • Siehe Stylesheets

  7. Der <head> Teil...... was man nicht im Kopf hat ... • Dinge die im (X)HTML Kopfteil • <title>Ich bin die Überschrift</title> • <meta> Was steckt in mir? • <link> Die Beziehung zu Anderen! • <script> document.write („Skript!“);</script> • <style> Wie sehen wir aus!

  8. Der <body> Teil...... oder die Struktur der Dinge • Ein Abriss über Strukturmöglichkeiten • <div>s kleine Boxen • Texte • Tabellen • Listen • Bilder • Links • Frames – don‘t use!

  9. Keine Regeln ohne AusnahmeFrames – Sehen und Vergessen! • Die Variante Frameset • Vorteile: • Einfache Trennung von Inhalten • Nachteile: • Adressierung • Suchmaschinen • Barrierefreiheit

  10. CSS – Das optische Rückrat von XHTML • Das Class und Id – Attribut • 3 Stellen zur Definition • style – Attribut • HTML – Head Teil • Externes Stylesheet

  11. Quellen • Selfhtml • Wikipedia

  12. Fragen? Danke für Ihre Aufmerksamkeit

More Related