Aus dem Kurs: Grundkurs Webtechniken 1: HTML
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.
Solution: Von der Webseite zur Website – Tutorial zu HTML
Aus dem Kurs: Grundkurs Webtechniken 1: HTML
Solution: Von der Webseite zur Website
Willkommen bei der Solution. Hier ist der Prozess von der Webseite zur Website bereits abgeschlossen. Sie sehen hervorgehoben ist der Menüpunkt Startseite, denn wir sind auf der Startseite. Wenn ich auf Projekte klicke, dann wechselt das auf Über uns und Kontakt genauso. Das ist also das Ziel der Übung. Wie kommt man da jetzt hin? Punkt 1 war die Aufgabe, den aktuellen Menüpunkt auf eine barrierefreie Art und Weise hervorzuheben. Und eine Lösung dazu ist das Attribut aria-current mit dem Wert page. Das bewirkt, dass der Menüpunkt hervorgehoben wird, und zwar auch für alle Programme und Geräte wie Screenreader, die die Spezifikation Aria Accessible Ridge Internet Applications, also zugängliche Internetanwendungen, verstehen. Das kann man jetzt gestalten im Stylesheet. Wenn ich da mal hin scrolle. Hier habe ich einfach nur diesen Selektor ergänzt nav a aria-current. Das ist ein sogenannter Attribut-Selektor. Der wählt also Hyperlinks aus A, die im nav Element sitzen und die das Attribut…
Inhalt
-
-
-
-
-
-
-
Hyperlinks erstellen mit <a href="">3 Min. 48 Sek.
-
(Gesperrt)
Hyperlinks in einem neuem Tab öffnen2 Min. 35 Sek.
-
(Gesperrt)
Eine Navigation ist eine Liste mit Links3 Min. 2 Sek.
-
(Gesperrt)
Eine Prise CSS zur Gestaltung der Navigation4 Min. 14 Sek.
-
(Gesperrt)
Einen Nach-oben-Link im Footer erstellen3 Min. 45 Sek.
-
(Gesperrt)
Challenge: Von der Webseite zur Website1 Min. 2 Sek.
-
(Gesperrt)
Solution: Von der Webseite zur Website4 Min. 15 Sek.
-
-
-
-
-