Vous pouvez créer une navigation pratique et intuitive sur le site à l'aide de liens. Cette technique vous permet de rendre le séjour de l'utilisateur sur les pages de ressources aussi confortable que possible.
Instructions
Étape 1
Tout lien est créé à l'aide d'une balise qui doit être fermée avec. L'adresse de la page est indiquée entre guillemets après l'attribut href. Le résultat devrait être quelque chose comme ceci:
Site Internet
Aller à la galerie de photos
Pour naviguer vers une page présente dans l'espace Internet, indiquez son adresse, par exemple, KakProsto.ru. Pour vous connecter au fichier html sur votre ordinateur, écrivez le chemin d'accès. Idéalement, il est conseillé de passer à l'anglais afin d'éliminer les longs enregistrements qui surviennent lors de la copie d'un texte en russe avec sa traduction ultérieure dans le format requis. Par exemple, fichier: /// 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"
Étape 2
Le lien peut être mis sous forme d'image. Pour ce faire, placez l'image entre les balises et:. Pour ouvrir une illustration à part entière de plus grande taille lorsque vous survolez une petite icône, vous devez utiliser un groupe.
Pour organiser un changement alternatif d'images, dont chacune sera présentée sous forme de lien et mènera à différentes pages, utilisez le code:
Site Internet
div # rotateur {position: relative; hauteur: 150px; marge gauche: 15px;}
div # rotateur ul li {flotteur: gauche; position: absolue; style de liste: aucun;}
div # rotateur ul li.show {z-index: 500;}
fonction leRotator () {
$ ('div # rotateur ul li').css ({opacity: 0.0});
$ ('div # rotateur ul li: first').css ({opacity: 1.0});
setInterval ('rotation ()', 5000);
}
fonction rotation () {
var current = ($ ('div # rotateur ul li.show')? $ ('div # rotateur ul li.show'): $ ('div # rotateur ul li: first'));
var next = ((current.next (). longueur)? ((current.next (). hasClass ('show')))? $ ('div # rotateur ul li: first'): current.next ()): $ ('div # rotateur ul li: first'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var suivant = $ (sibs [rndNum]);
next.css ({opacité: 0.0})
.addClass ('afficher')
.anime ({opacité: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass ('afficher');
};
$ (document).ready (fonction () {
leRotator ();
});
Étape 3
Pour que la page vers laquelle mène le lien s'ouvre dans une fenêtre séparée, vous devez ajouter l'attribut: Go.
Étape 4
Si le document html est trop long, vous pouvez y mettre des liens. Par exemple, au tout début, vous pouvez créer une table des matières, et lorsque vous cliquez sur un titre spécifique, l'utilisateur se déplacera vers la partie souhaitée de la page. Pour cela, vous devez enregistrer un lien avec une icône #: Allez dans la rubrique et créez des signets vers les liens: Rubrique.
Il ressemblera à ceci:
Site Internet
Lien vers la rubrique
Section
