Frage von Sherzad: Wie kann ich in HTML, Links so setzen, dass ich auf jeder seite wieder auf die jeweils anderen seiten springen?
Die Aufgabe lautet folgendermaßen:
Aufgabe
Erstellen Sie zusätzlich zu Ihrer Startseite und der bereits erstellten Seite “empfehlungen.htm” eine Seite mit Ihren Hobbies und verlinken diese 3 Seiten, dass von jeder Seite auf jede Seite gesprungen werden kann.
danke
Beste Antwort:
Answer by yusuf3
Hallo!
Das könnte man auf verschiedene Art & Weise machen – was wurde erlaubt?
Nur HTML oder auch CSS & JavaScript – Framesets oder nur einfache Seiten?
Grundsätzliches in jedem Fall:
[Design kontra Barrierefreiheit]
Jede normale Verlinkung, egal ob mit Text * oder mit Grafik **, erzeugt beim darauf Klicken einen gepunkteten Rahmen:
* Die Seite 2
**
Wenn er stört, kann man ihn wegmachen:
Die Seite 2
Wird der gepunktete Rahmen aber ausgeblendet, kann diese Verlinkung dann nur noch mit Mauszeiger & Mausklick aufgerufen werden, nicht mehr mit der Tastatur über bzw. & .
[Grafiken als Links]
Werden Grafiken als Schaltflächen verwendet, werden diese von den Browsern mit einem Rahmen in der Farbe für Links (in der Regel ‘blau’) kenntlich gemacht – für einige Designer noch schlimmer als die kleinen Pünktchen drumherum …
Dieser massive Rahmen lässt sich aber (ohne weitere Nachteile) ausblenden, bzw. seine Stärke auf “0″ setzen; dass es sich um eine Schaltfläche handelt, sieht hoffentlich trotzdem jeder:
Grundsätzlich sollte bei einem Bild dessen Breite “width” und Höhe “height” in Pixeln mit angegeben werden, hier als Beispiel 150×30:
…
…
Ebenso gilt das Attribut “alt” als Pflicht – mit diesem ließe sich ein alternativer Text anzeigen, wenn das Bild nicht geladen werden konnte bzw. die Anzeige von Grafiken im Browser deaktiviert wurde:
…
…
Wird kein alternativer Text gewünscht, soll dieses Attribut zwar geschrieben werden, aber leer bleiben:
…
…
Mit “title” kann man einen Quickinfo-Text erzeugen, der beim Überfahren der Grafik mit der Maus eingeblendet wird:
…
…
[Texte als Links]
…
Zum Ausprobieren betreffenden Quellcode kopieren und hier einfügen:
http://www.html-seminar.de/_test_editor.htm
http://www.meb.uni-bonn.de/html_tutorial/selfhtml.htm#a5
Antworten Sie selbst in den Kommentaren!