Semantisches Html + "Asperden Cup" Website

[Dittboy]

Hi!

Ich bin gerade dabei eine Website in vernünftigen Code umzuwandeln. Ab und zu stößt man dann natürlich auf Probleme, z. B. was man wie am besten auszeichnet. Ich habe mir dazu schon einige Blogs und Artikel durchgelesen, wodurch ich die meisten Fragen beantworten konnte. Bei ein paar Stellen bin ich mir allerdings nicht sicher, ob das der optimale Weg ist.

Hier ist ersteinmal der Link zu der Seite:
URL: http://asperdencup.dittnet.de/index....=ausschreibung
Benutzer: traum
Passwort: projekt


Hier meine Fragen:

1. Wie kann ich am besten einer Definitionsliste eine Überschrift geben? Unter "1. Ziel der Veranstaltung habe ich einfach eine Definitionsliste verschachtelt, aber vielleicht gibt es ja noch einen besseren Weg.
2. In der Ausschreibung sind viele Adressen. Ich habe sie zwischen <address> gepackt. Da der Text dann ja leider nicht automatisch unterbrochen wird, habe ich hinter jeder Zeile ein <br> getan. Gibt's dafür eine bessere möglichkeit, oder hättet ihr das auch so gemacht?
3. Vielleicht könnt ihr euch ja auch noch den restlichen code ansehen und schauen ob ich etwas besser machen könnte. Das wäre echt nett von euch!
4. Wie ist die richtige Schreibweise von "Asperden Cup"? Das ist also ein Wettbewerb (Cup), der in Asperden stattfindet. Wird das jetzt mit oder ohne Bindestrich geschrieben? Und wenn es egal ist, was würdet ihr machen?

Vielleicht frage ich euch in diesem Thread noch weiter zu der Seite aus, vor allem wenn sie fertig ist. Das wäre es dann jetzt aber schon.


Vielen Dank für eure Hilfe!

Mfg
Dittboy

[hero-master]

Hallo Dittboy

Zu 1. :
Ich sehe keinen Grund warum du das nicht mit einer Definitionsliste machen solltest.

Zu 2. :
Klar, dafür sind ja BR-Tags da

Zu 3. :
Bisl "einfachere Dinge" habe ich da noch :
- Es gehlen titles für die Links zur näheren Beschreibung
- Sätze, kleine Texte sollten in einem Paragraphen (p-Tag) geschrieben werden, bei dir ist das manchmal nicht der Fall
- Bei Abkürzungen, speziellen Begriffen fehlt es noch an der Erklärung, möglich durch abbr oder acronym
- Imho wäre es noch sinnvoll eine Trennlinie oder ähnliches zwischen den einzlnen Punkten zu setzen. Möglich durch den HR-Tag oder einfach durch ein Div

Ich weiß jetzt nicht inwieweit du mit dem Inhalt verknüpft bist, aber da könnte man auch noch etwas ändern:

- "Teilnehmer" würde ich vor "Allgemeine Regeln" setzen, da die Regeln doch unnötig sind durchzulesen, wenn man danach erkennt, dass man nicht teilnehmen darf
- "Spaß, Freude und das Erlebnis Streckenflug steht bei diesem Wettbewerb im Vordergrund" finde ich unglücklich gewählt als ersten Satz für das "Ziel". Ich würde den Satz in die Mitte oder am Ende hinsetzen und zu BEginn erstmal erklären um welche Tätigkeit es geht.

Mehr hab ich nicht

[rewboss]

1. Wenn das wirklich eine Überschrift ist, dann natürlich mit einem der <h1>...<h6>-Tags, die für Überschriften vorgesehen sind. Eine verschachtelte Definitionsliste ist hier semantisch nicht richtig, weil die innere Liste ja nicht die Definition der äußeren Liste ist.

2. <br> ist hier richtig, aber es stimmt schon: einige Puristen halten <br> nicht für einen semantischen Tag. In späteren Versionen von XHTML wird möglicherweise der <line>-Tag zum Vorschein kommen, der dann ein Container-Tag sein wird:

<address>
<line>Straße Hausnummer</line>
<line>PLZ Ort</line>
</address>

Aber noch ist es nicht soweit.

4. Naja, im englischen wäre "Asperden Cup" richtig -- auseinander geschrieben, ohne Bindestrich. Im deutschen müsste ein Bindestrich hinzu kommen.

[Dittboy]

Ok, danke für die Antworten!

Zitat von hero-master

- Es gehlen titles für die Links zur näheren Beschreibung
- Sätze, kleine Texte sollten in einem Paragraphen (p-Tag) geschrieben werden, bei dir ist das manchmal nicht der Fall
- Bei Abkürzungen, speziellen Begriffen fehlt es noch an der Erklärung, möglich durch abbr oder acronym
- Imho wäre es noch sinnvoll eine Trennlinie oder ähnliches zwischen den einzlnen Punkten zu setzen. Möglich durch den HR-Tag oder einfach durch ein Div

Die Sachen werde ich dann noch ändern. Das mit den Trennlinien überleg ich mir mal, ich weiss allerdings noch nicht genau, wie das Design aussehen wird.

Zitat von hero-master

Ich weiß jetzt nicht inwieweit du mit dem Inhalt verknüpft bist, aber da könnte man auch noch etwas ändern:
...

Ich bin zwar nicht für den Inhalt verantwortlich, ich werde es aber trozdem mal zur Ansprach bringen.

Zitat von rewboss

1. Wenn das wirklich eine Überschrift ist, dann natürlich mit einem der <h1>...<h6>-Tags, die für Überschriften vorgesehen sind. Eine verschachtelte Definitionsliste ist hier semantisch nicht richtig, weil die innere Liste ja nicht die Definition der äußeren Liste ist.

Ok, ich werde es dann mal mit einem <h> tag machen. Jetzt wo du's sagst, hört es sich auch irgendwie viel logischer an.

Zitat von rewboss

4. Naja, im englischen wäre "Asperden Cup" richtig -- auseinander geschrieben, ohne Bindestrich. Im deutschen müsste ein Bindestrich hinzu kommen.

Das änder ich dann auch mal. Sollte ja auch schon richtig geschrieben sein.


Mfg
Dittboy

[Dittboy]

Ich habe die Ausschreibungsseite jetzt geändert. Ist das jetzt gut so?

Ich habe noch eine Frage zu der Anmelde-Seite. Wie bekomme ich es hin, dass das Formular ohne css noch ordentlich aussieht, aber der Code trozdem semantisch ist? Kann ich hier auch einfach <br> benutzen, oder wie würdet ihr das machen?

Mfg
Dittboy

[hero-master]

Zitat von Dittboy

Ich habe die Ausschreibungsseite jetzt geändert. Ist das jetzt gut so?

Sorry die Frage, aber was genau hast du jetzt verändert?
Soweit ich mich erinnern kann ist das noch genau gleich, oder?
Ich habe noch eine Frage zu der

Zitat von Dittboy

Anmelde-Seite

Der Pfad führt zur Ausschreibung und beinhaltet kein Formular

[Dittboy]

Ach, sorry! Ich habe natürlich vergessen die Dateien hochzuladen.
Jetzt müsste es gehen!

Mfg
Dittboy

[hero-master]

Alles klar, nun klappt es

Was mir so spontan einfällt:

Wettbewerbsleitung: Edwin Drieszen und Christoph M&uuml;ller

Den Ausruf würde ich als richtigen Satz formulieren, wie beispielsweise:

Der Wettbewerb steht unter der Leitung von Edwin Drieszen und Christoph M&uuml;ller

Es fehlen allgemein noch einige genauere Beschreibungen zu bestimmten "Fachbegriffen" finde ich, wie z.B. "Briefing" oder "F-Schlepp", aber das sind wohl nur Kleinigkeiten

Der title-Tag soll zur genaueren Beschreibung des Linkes führen, da bringt beispielsweise bei "Ausschreibung" "Die Ausschreibung" recht wenig

Zum Formular:
Auch hier kannst du wieder BR-Tags verwenden oder p-Tags

[Dittboy]

Ok, Danke.

Mir ist noch keine gute Beschreibung für "Ausschreibung" eingefallen ...

Da die Seite eh "nur für Segelflieger" ist, muss ich nicht auch noch F-Schlepp (Flugzeug-Schlepp) erklären denke ich. Und "Briefing" ist sowas wie "Meeting", das müssten auch alle kennen.

Mfg
Dittboy