Womit Homepage erstellen?

[Harry Stahl]

Zitat von Der schöne Günther:

Auch wenn sicher immer noch Luft nach oben ist, ich wollte nur mal meine Bewunderung aussprechen. Sicher gibt es auf der Welt gravierende Probleme, aber ich schüttel mich immer ob so vieler überfrachteter und langsamer Webseiten. Meine Firmenhomepage ist bspw. auch ein absolutes Negativbeispiel, allein durch Besuch der Startseite machen unnötige JavaScripts etliche Requests in alle Himmelsrichtungen und es vergehen etliche Sekunden bis man überhaupt erst einmal etwas brauchbares auf dem Bildschirm hat.

Harrys Seite (und z.B. www.delphipraxis.net) sind hier hingegen immer super-flott und sofort einsatzbereit, einfach weil da nicht so viel abgeht. Ich will moderne Webtechnologien nicht verteufeln, es ist klasse was damit geht. Aber so oft wird einfach nur irgendwas zusammengeklickt und Hauptsache am Schluss sieht es schön aus. Getestet wird aber anscheinend oft nur mit Highend-Hardware und super-schnellen Anschlüssen.


Wenn ich etwas in der Richtung machen müsste, ich würde es genauso machen (also puristisch selbst geschrieben). Und ich bin wirklich niemand der gerne das Rad neu erfindet...

Danke für das freundliche Feedback. Und wenn dann noch Google-analytics hängt, dann kann der Anwender auch bei wenig Geduld sich schon mal wo anders umsehen.

Vorteil von statischer Seite und Nicht-verwenden von Cookies ist auch, dass man den User von der Cookie-Abfrage-Bestätigungs-Pest verschont...

Aber mal noch eine Frage an die HTML-Profis: Ich will noch 2-3 weitere Homepage-Vorlagen mitliefern und bastele gerade an einer (die ich sowieso schon mal privat für mich machen wollte, die aber auch gut als Vorlage dienen kann), wo ich die Einbindung von Multimedia-Elementen zeige.

Also mp3-Player und Youtube-Einbindung.

Beim mp3-Player würde ich neben dem Control gerne direkt darunter eine Song-Info einblenden. Das sollte eigentlich mit <figcaption> gehen.

Wird aber nicht angezeigt. Der Online-Validator will mir erzählen er sähe noch einen offenen <audio> tag, das kann ich aber beim besten Wille nicht erkennen.

Das habe ich verwendet

Code:

<figure>
  <audio controls src="SteelGig-CityLights.mp3">
  <!-- If the browser is to old the user can use this download-link -->
  <p><a href="CityLights.mp3">Audiodatei herunterladen</a><p>
  </audio>
  <figcaption>Song: Steel Gig - City Lights</figcaption>
</figure>

Und so siehts in echt aus (erster Block "City Lights"):

https://www.steelgig.de

(also Control ja, aber ohne Titel-Unterschrift). Sieht irgendjemand, was ich nicht sehe...?

[Delphi.Narium]

Dashier

Code:

<p><a href="CityLights.mp3">Audiodatei herunterladen</a><p>

würde ich lieber in

Code:

<a target="ChordSheet" href="CityLights.mp3">Audiodatei herunterladen</a>

ändern, damit man den Text und die Akkordsymbole sehen kann, während die Musik weiterläuft. Auch wenn ich normalerweise was gegen das automatische Öffnen weiterer Fenster habe.

Gute Quelle für HTML-Syntax: SelfHTML figcaption

Wenn ich das richtig sehe, ist innerhalb von audio p nicht zulässig.

[DieDolly]

Zitat:

bislang erstelle ich meine Homepage noch mit Frontpage 2003, aber das ist hoffnungslos veraltet und ich will daher einen Wechsel vornehmen, so dass auch Google nicht mehr meckert von wegen Kompatibilität (mobile Versionen).

Zitat:

Und so siehts in echt aus (erster Block "City Lights"):

Wenn du eh schon alles neu machst und alles moderner haben willst, dann nutze keine <table>-Tags und alles was dazu gehört. Das soll man schon seit html4 nicht mehr nutzen.

[Delphi.Narium]

Zitat von DieDolly:

Zitat:

bislang erstelle ich meine Homepage noch mit Frontpage 2003, aber das ist hoffnungslos veraltet und ich will daher einen Wechsel vornehmen, so dass auch Google nicht mehr meckert von wegen Kompatibilität (mobile Versionen).

Zitat:

Und so siehts in echt aus (erster Block "City Lights"):

Wenn du eh schon alles neu machst und alles moderner haben willst, dann nutze keine <table>-Tags und alles was dazu gehört. Das soll man schon seit html4 nicht mehr nutzen.

Was mache ich falsch?

Irgendwie finde ich im Quelltext der Seite keine <table->Tags

[Harry Stahl]

Zitat von DieDolly:

Wenn du eh schon alles neu machst und alles moderner haben willst, dann nutze keine <table>-Tags und alles was dazu gehört. Das soll man schon seit html4 nicht mehr nutzen.

Stimme Dir zu, soweit eine Tabelle als Design-Element (wie früher) verwendet wird, aber das ist ja an dieser Stelle definitiv nicht der Fall, meines Wissens sind für solche Zwecke (Auflistung von Daten, hier Songs) Tabellen noch Mittel der Wahl. Jedenfalls die html-Datei "songliste" im Validator betrachtet wirft da auch keine Anmerkungen zu aus.

Oder wo findet man andere Aussagen dazu?

Mal davon abgesehen überlege ich jetzt aber evtl. doch nicht nur eine Auflistung, sondern doch eben auch ein Abspiel-Control in dieser Liste einzufügen und daher auf das Grid-Modell zu wechseln...

[Delphi.Narium]

Aber irgendwie nicht so meins:

Abspielcontrol in die Songliste: ja klar.

Aber bitte beim Link zum Sheet, dieses dann in 'nem iframe direkt rechts daneben öffnen. Dann kann man Musik hören und direkt daneben den Text (und ggfls. die Akkordsymbole ...) mitverfolgen. Macht das ganze (für meine Begriffe) dann anwenderfreundlicher und man braucht kein weiteres Fenster, wie ich weiter oben vorgeschlagen hatte.

Und da auf der anderen Seite YouTube ja auch schon 'nen eignen iframe hat, wäre das da auch kein Novum

Achso:

Tabellen zur Ausgabe von Tabellen sind weiterhin mit table ... absolut ok.

Table für die Layoutgestaltung war und ist suboptimal: HTML/Tabellen/Aufbau einer Tabelle

'ne Tabelle für die Ausgabe der Songliste als Tabelle, ist ok aber kein Muss.

Upps: Tables in HTML5 Warum gibt es da eine Beschreibung zu, wenn es das doch angeblich in HTML5 nicht mehr geben soll?

[Harry Stahl]

Zitat von Delphi.Narium:

Aber bitte beim Link zum Sheet, dieses dann in 'nem iframe direkt rechts daneben öffnen. Dann kann man Musik hören und direkt daneben den Text (und ggfls. die Akkordsymbole ...) mitverfolgen. Macht das ganze (für meine Begriffe) dann anwenderfreundlicher und man braucht kein weiteres Fenster, wie ich weiter oben vorgeschlagen hatte.

Will mal prüfen, ob ich da irgendwie etwas aufklappbares einbauen kann, dann wäre es in der Ausgangssituation so wie gezeigt, aber wer will kann dann den Songtext aufklappen. Den Hinweis finde ich gut und berechtigt, ich ärgere mich auch immer wieder, dass die Leute Ihre Songs ohne Texte zum nachlesen veröffentlichen, selbst bei Deutschem Gesang versteht man oft nicht, was gesungen wird...

Sowas würde sich dann auch für alle Kombinationen eignen nach der Methode: Grundinformation hier - weitere Infos da, aber alles nahe beieinander...

[DieDolly]

Zitat:

Upps: Tables in HTML5 Warum gibt es da eine Beschreibung zu, wenn es das doch angeblich in HTML5 nicht mehr geben soll?

Das ist nur irgendeine Seite von irgendeiner Person. Ich beziehe mich bei meiner Aussage auf die Mozilla-Aussagen.

Außerdem sagte ich nicht, dass es das in html5 nicht mehr gibt.

[Harry Stahl]

Zitat von Delphi.Narium;1486811

Wenn ich das richtig sehe, ist innerhalb von [url="https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/audio":

audio[/url] p nicht zulässig.

Bingo! Super, das war es

Manchmal sieht man doch nicht mehr alles, insbesondere zu später Stunde...

Jetzt funktioniert es, ganz herzlichen Dank!