HTML-Einstieg, die drölfte

[Ralf Wessels]

Liebe SELFER, liebe „Neukunden“,

Kapitel 1: erste Schritte ist umformuliert. Es wird anfangs kurz erklärt was Markup ist und dann der unformatierte Text einmal in eine .txt-Datei und einmal als .html gerendert.

Da das unformatiert ist, werden die ersten Elemente erklärt.

Am Schluss kommt neben der Begriffsklärung Startseite, Webseite, web site noch die Erklärung, warum man denn den Namen index.html verwenden sollte.

Yep, Kaoitel 1 sieht jetzt gut aus...und die Erklärung, warum index.html passt auch wunderbar...

Kapitel 2: Hypertext_und_Multimedia

1.) das erste "ausprobieren"-Beispiel stimmt nicht mit dem Quelltext überein

Ich glaube, jetzt schon oder was meinst du?

Das Frickl-Bsp. ist nicht ganz identisch mit dem Quelltext (andere Links), aber das ist eher nebensächlich. Grundsätzlich finde ich das mit dem "hin- und herspringen" zwischen den Seiten über das Menü etwas schwierig nachvollziehbar in der Umsetzung. Man sieht nur das Bsp. der index.html. Könnte man nicht ein zweites "Beispiel für ein Menü..." einfügen - das erste (was schon da ist) für die index.html und ein weiteres für die inhalt.html - da sieht das Menü ja etwas anders aus.

...und noch etwas: in dem allersten "Beispiel für einen Verweis" wird mit "inhalt.html" gearbeitet, im Satz darunter mit "zieldatei.htm". Wäre es nichr besser hier auch "inhalt.html" zu nutzen?

2.) Die Anleitung zum Download von SVG (mit "Link speichern unter...") führt bei mir in Chrome dazu, dass zwar eine SVG heruntergeladen wird, aber nicht nur das Bild, sondern die gesamte Webseite (SVG-Datei ist auch viel größer). Eine funktionierende Methode eine SVG herunterzuladen ist, zur Original-URL der SVG-Datei zu gehen - hier mit Klick auf die "Speichern"-Links und dann im Kontextmenü mit "Speichern unter".. Für Einsteiger kann das aber alles schon zu viel sein, so dass ein einfacher Link zu einer zip-Datei wohl der beste Weg ist - macht ihr ja auch schon. Allerdings enthält die zip-Datei noch viele andere Dateien und SVGs so dass man erst einmal suchen muss. Am Besten wäre eine zip-Datei nur mit den SVGs für diesen Abschnitt des Tutorials.

Habe ich jetzt eingefügt. Meine Idee SVGs zu verwenden, war vom übernächsten Abschnitt geprägt, weil ich dort Größenangaben verwenden wollte, die man bei Rastergrafiken niocht benötigt.

Der Zip-Ordner ist jetzt neu. Evtl. sollte man doch wieder auf png-Grafiken gehen?

ich denke mit SVGs zu arbeiten ist schon ok, obwohl das Format etwas 'unhandlicher' für Einsteiger sein kann. Deswegen am einfachsten die SVGs als Download in einer ZIP-Datei anbieten. Der Download sollte aber von einer https-Seite kommen, denn Chrome lädt seit der 86er-Version keine Downloads mehr von http und das kann für Einsteiger dann schwierig werden, wenn man Chrome nutzt. Mit Firefox geht es noch, aber das wir auch nicht mehr lange so sein. Zudem steht im Text immer noch der Hinweis die SVGs einzeln mit "Link speichern unter..." herunterzuladen, was nicht möglich ist (siehe oben). Den ganzen Text hier am besten rausnehmen und nur noch der Hinweis auf die ZIP-Datei zum Download

in Kapitel 2 kommt 2x vor: Erstellen Sie ein (zweites) HTML-Dokument mit dem Namen inhalt.html.

einmal unter "Weiter geht's mit dem Menü" und unter "Bilder einbinden"

Vorschlag: beim ersten mal nicht "inhalt.html" erstellen, sondern z.B. "kontakt.html" - das kommt ja im Menü auch vor (oder kommt das auch noch zu einem späteren Zeitpunkt?)

Nein, nicht direkt, aber im letzten Beispiel muss noch eins hin!

Habe aber umformuliert!

Beste grüße Ralf

Herzliche Grüße

Matthias Scharwies

...und zum Schluss noch: im Video-Bsp. im Quelltext auch die Größenangaben einfügen wie im Frickl-Bsp. : <video controls width="640" height="480">

Beste Grüße Ralf