XHTML Tutorial

[Kirby]

Hallo zusammen,
ich habe angefangen auf meiner Seite das Tutorial etwas ausführlicher zu schreiben.
Ich will versuchen es so zu gestalten, dass man nach kurzer Zeit eine einfache, dynamische, sematisch korrekte Seite erstellen kann.
Ich habe heute den Abschnitt für XHTML beendet.

Er soll eigentlich nur erklären, wie man den Quelltext strukturiert aufbaut und darauf hinweisen, dass das Design anschließend durch CSS realisiert wird.

Es wäre schön, wenn ihr euch das mal kurz durchlesen könntet und mir mitteilt ob es verständlich ist und wo ggf. noch Verbesserungspotential besteht.

Ich muss gleich zugegeben, dass ich es selbst noch nicht zu Korrektur gelesen habe und jetzt nach zweieinhalb Stunden ununterbrochener Arbeit nicht mehr die Konzentration dafür habe.

Link

Danke für eure Hilfe!
Kirby

[Ingo]

AW: XHTML Tutorial

Hi,
ein paar Anmerkungen:

Warum XHTML 1.1?
Das ist noch kein Standard, sondern Working Draft. Abgesehen davon ist Deine XHTML1.1 Seite nicht valide, da sie als text/html ausgeliefert wird. "Den perfekten Einstieg" bietet XHTML 1.0 Strict (auch wegen einiger anderer Kleinigkeiten).

Innerhalb dieses Bereiches werden nun die Inhalte eingefügt, dir man für eine einfache Seite benötigt.
Dafür werden Divisionen (<div>) Tag-Paare verwendet.

Bitte nicht gleich eine Anleitung für DIV-Wüsten. Gerade Anfänger sollten lernen, nicht alles in DIVs zu packen. So solltest Du auch anstelle von

<div id="header">
  <h1>Seitenüberschrift</h1>
</div>

einfach nur <h1>Seitenüberschrift</h1> vorschlagen.
Gleiches für <div id="menu"> -> <ul id="menu">.

Ein DIV hat lediglich in drei Fällen eine Einsatzberechtigung:

1. um (Block-)Elemente zu gruppieren
2. wenn kein anderes passenderes HTML-Element vorhanden ist
3. in Ausnahmefällen für spezielle CSS-Formatierungen

Gruß
Ingo

[Kirby]

AW: XHTML Tutorial

Hi,
ein paar Anmerkungen:

Warum XHTML 1.1?
Das ist noch kein Standard, sondern Working Draft. Abgesehen davon ist Deine XHTML1.1 Seite nicht valide, da sie als text/html ausgeliefert wird. "Den perfekten Einstieg" bietet XHTML 1.0 Strict (auch wegen einiger anderer Kleinigkeiten).

Das habe ich mir im Nachhinein auch überlegt und es bereits geändert.

Bitte nicht gleich eine Anleitung für DIV-Wüsten. Gerade Anfänger sollten lernen, nicht alles in DIVs zu packen. So solltest Du auch anstelle von

<div id="header">
  <h1>Seitenüberschrift</h1>
</div>

einfach nur <h1>Seitenüberschrift</h1> vorschlagen.
Gleiches für <div id="menu"> -> <ul id="menu">.

Ja, ich gebe zu, dass ich da noch meine alten Angewohnheiten habe.
Ich habe mir überlegt, dass ich noch einen Abschnitt hinzufügen kann, bei dem diese Quellcodebereinigung durchgeführt wird.

Ein DIV hat lediglich in drei Fällen eine Einsatzberechtigung:

1. um (Block-)Elemente zu gruppieren
2. wenn kein anderes passenderes HTML-Element vorhanden ist
3. in Ausnahmefällen für spezielle CSS-Formatierungen

Du hast ja recht...

Danke Ingo!
Gibt es weitere Verbesserungsvorschläge?

[Ingo]

AW: XHTML Tutorial

Hi,

Ich habe mir überlegt, dass ich noch einen Abschnitt hinzufügen kann, bei dem diese Quellcodebereinigung durchgeführt wird.

Sinnvoller als nachträgliche Bereinigung wäre es aufzuzeigen, wann z.B. zur CSS-Formatierung nachträglich ein DIV nötig werden könnte und im ersten Kapitel lediglich die Elemente des Inhalts in einem DIV zu gruppieren.

Gruß
Ingo

[Kirby]

AW: XHTML Tutorial

Ich habe es geändert.
Gibt es sonst noch Anregungen?

[Mike-R.]

AW: XHTML Tutorial

Cool danke
Jetzt kann auch ich endlich mit einem vernünftigen Tutorial umsteigen...

Wenn du es schaffst, richtige geile und lehrreiche CSS Tuts zu machen, dann stelle ich deine Seite in meine Lesezeichen

[Kirby]

AW: XHTML Tutorial

Wenn du es schaffst, richtige geile und lehrreiche CSS Tuts zu machen, dann stelle ich deine Seite in meine Lesezeichen

Ich gebe mir Mühe.
Vorerst werde ich das CSS-Tutorial bloß an einem Fallbeispiel machen (statisch 760px) können.
Eventuell schaffe ich es bis Donnerstag. Ansonsten wird es irgendwann nächste Woche fertig.

Ist es eigentlich verständlich? Ich verstehe es, aber ich kann mich schwer in einen Laien reinversetzen.