Mithilfe von Links können Sie eine bequeme und intuitive Navigation auf der Website erstellen. Diese Technik ermöglicht es Ihnen, den Aufenthalt des Benutzers auf den Ressourcenseiten so angenehm wie möglich zu gestalten.
Anleitung
Schritt 1
Jeder Link wird mit einem Tag erstellt, mit dem geschlossen werden muss. Die Seitenadresse wird in Anführungszeichen hinter dem href-Attribut angegeben. Das Ergebnis sollte in etwa so aussehen:
Webseite
Zur Fotogalerie gehen
Um zu einer im Internet vorhandenen Seite zu navigieren, geben Sie deren Adresse an, zum Beispiel KakProsto.ru. Um eine Verbindung zur HTML-Datei auf Ihrem Computer herzustellen, schreiben Sie den Pfad dazu. Idealerweise empfiehlt es sich, auf Englisch zu wechseln, um lange Aufzeichnungen zu vermeiden, die beim Kopieren eines russischsprachigen Textes mit anschließender Übersetzung in das gewünschte Format entstehen. Beispiel: Datei: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA % D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC % 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
Schritt 2
Der Link kann in Form eines Bildes gesetzt werden. Schließen Sie dazu das Bild zwischen den und:-Tags ein. Um eine vollwertige Illustration in größerem Format zu öffnen, wenn Sie mit der Maus über ein kleines Symbol fahren, müssen Sie einen Haufen verwenden.
Um einen alternativen Wechsel von Bildern zu organisieren, die jeweils als Link dargestellt werden und zu verschiedenen Seiten führen, verwenden Sie den Code:
Webseite
div # rotator {position: relativ; Höhe: 150px; Rand-links: 15px;}
div # rotator ul li {float: left; Position: absolut; Listenstil: keiner;}
div # rotator ul li.show {z-index: 500;}
Funktion theRotator () {
$ ('div # rotator ul li').css ({opacity: 0.0});
$ ('div # rotator ul li: first').css ({opacity: 1.0});
setInterval ('rotieren()', 5000);
}
Funktion drehen () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({opacity: 0.0})
.addClass ('zeigen')
.animieren ({opacity: 1.0}, 1000);
aktuell.animieren ({opacity: 0.0}, 1000)
.removeClass ('zeigen');
};
$ (Dokument).bereit (Funktion () {
theRotator ();
});
Schritt 3
Damit sich die Seite, zu der der Link führt, in einem separaten Fenster öffnet, müssen Sie das Attribut: Go hinzufügen.
Schritt 4
Wenn das HTML-Dokument zu lang ist, können Sie darin Links einfügen. So können Sie beispielsweise ganz am Anfang ein Inhaltsverzeichnis erstellen, und wenn Sie auf eine bestimmte Überschrift klicken, gelangt der Benutzer zum gewünschten Teil der Seite. Dazu müssen Sie einen Link mit einem #-Symbol registrieren: Gehen Sie zum Abschnitt und erstellen Sie Lesezeichen zu den Links: Abschnitt.
Es wird so aussehen:
Webseite
Link zum Abschnitt
Abschnitt
