Μπορείτε να δημιουργήσετε μια βολική και διαισθητική πλοήγηση στον ιστότοπο χρησιμοποιώντας συνδέσμους. Αυτή η τεχνική σάς επιτρέπει να κάνετε τη διαμονή του χρήστη στις σελίδες πόρων όσο πιο άνετη γίνεται.
Οδηγίες
Βήμα 1
Οποιοσδήποτε σύνδεσμος δημιουργείται χρησιμοποιώντας μια ετικέτα που πρέπει να κλείσει. Η διεύθυνση της σελίδας εμφανίζεται σε εισαγωγικά μετά το χαρακτηριστικό href. Το αποτέλεσμα πρέπει να είναι κάπως έτσι:
Δικτυακός τόπος
Μεταβείτε στη συλλογή φωτογραφιών
Για να πλοηγηθείτε σε μια σελίδα που υπάρχει στον χώρο του Διαδικτύου, αναφέρετε τη διεύθυνσή της, για παράδειγμα, KakProsto.ru. Για να συνδεθείτε στο αρχείο html στον υπολογιστή σας, γράψτε τη διαδρομή προς αυτό. Στην ιδανική περίπτωση, συνιστάται η μετάβαση στα Αγγλικά για την εξάλειψη των μεγάλων εγγραφών που προκύπτουν κατά την αντιγραφή ενός ρωσικού κειμένου με την επακόλουθη μετάφραση του στην απαιτούμενη μορφή. Για παράδειγμα, αρχείο: /// 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"
Βήμα 2
Ο σύνδεσμος μπορεί να οριστεί με τη μορφή εικόνας. Για να το κάνετε αυτό, επισυνάψτε την εικόνα μεταξύ των ετικετών και:. Για να ανοίξετε μια πλήρη εικόνα μεγαλύτερου μεγέθους όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα μικρό εικονίδιο, πρέπει να χρησιμοποιήσετε μια δέσμη.
Για να οργανώσετε μια εναλλακτική αλλαγή εικόνων, καθεμία από τις οποίες θα εμφανίζεται ως σύνδεσμος και οδηγεί σε διαφορετικές σελίδες, χρησιμοποιήστε τον κωδικό:
Δικτυακός τόπος
div # rotator {θέση: σχετικός; ύψος: 150px; περιθώριο αριστερά: 15 εικονοστοιχεία;}
div # rotator ul li {float: αριστερά; θέση: απόλυτη; list-style: κανένα;}
div # rotator ul li.show {z-index: 500;}
συνάρτηση theRotator () {
$ ('div # rotator ul li'). css ({αδιαφάνεια: 0,0});
$ ('div # rotator ul li: first'). css ({αδιαφάνεια: 1.0});
setInterval ('περιστροφή ()', 5000);
}
περιστροφή συνάρτησης () {
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 ({αδιαφάνεια: 0,0})
.addClass ('εμφάνιση')
.animate ({αδιαφάνεια: 1.0}, 1000);
current.animate ({αδιαφάνεια: 0,0}, 1000)
.removeClass ('εμφάνιση');
};
$ (έγγραφο). ήδη (συνάρτηση () {
ο ρότορας ();
});
Βήμα 3
Για να ανοίξει η σελίδα στην οποία οδηγεί ο σύνδεσμος σε ξεχωριστό παράθυρο, πρέπει να προσθέσετε το χαρακτηριστικό: Μετάβαση.
Βήμα 4
Εάν το έγγραφο html είναι πολύ μεγάλο, τότε μπορείτε να βάλετε συνδέσμους μέσα σε αυτό. Για παράδειγμα, στην αρχή, μπορείτε να δημιουργήσετε έναν πίνακα περιεχομένων και όταν κάνετε κλικ σε μια συγκεκριμένη επικεφαλίδα, ο χρήστης θα μετακινηθεί στο επιθυμητό τμήμα της σελίδας. Για να το κάνετε αυτό, πρέπει να δηλώσετε έναν σύνδεσμο με ένα εικονίδιο #: Μεταβείτε στην ενότητα και δημιουργήστε σελιδοδείκτες στους συνδέσμους: Ενότητα.
Θα μοιάζει με αυτό:
Δικτυακός τόπος
Σύνδεσμος προς ενότητα
Ενότητα
