Puede crear una navegación conveniente e intuitiva en el sitio mediante enlaces. Esta técnica le permite hacer que la estancia del usuario en las páginas de recursos sea lo más cómoda posible.
Instrucciones
Paso 1
Cualquier enlace se crea mediante una etiqueta que debe cerrarse con. La dirección de la página se indica entre comillas después del atributo href. El resultado debería ser algo como esto:
Sitio web
Ir a la galería de fotos
Para navegar a una página presente en el espacio de Internet, indique su dirección, por ejemplo, KakProsto.ru. Para conectarse al archivo html en su computadora, escriba la ruta. Idealmente, es recomendable cambiar al inglés para eliminar registros largos que surgen al copiar un texto en ruso con su posterior traducción al formato requerido. Por ejemplo, archivo: /// 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"
Paso 2
El enlace se puede establecer en forma de imagen. Para hacer esto, encierre la imagen entre las etiquetas y:. Para abrir una ilustración completa de un tamaño más grande cuando pasa el mouse sobre un ícono pequeño, necesita usar un montón.
Para organizar un cambio alternativo de imágenes, cada una de las cuales se presentará como un enlace y conducirá a diferentes páginas, use el código:
Sitio web
div # rotator {posición: relativa; altura: 150px; margen izquierdo: 15px;}
div # rotator ul li {flotar: izquierda; posición: absoluta; estilo de lista: ninguno;}
div # rotador ul li.show {índice z: 500;}
function theRotator () {
$ ('div # rotator ul li'). css ({opacidad: 0.0});
$ ('div # rotator ul li: primero'). css ({opacidad: 1.0});
setInterval ('rotar ()', 5000);
}
function rotate () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: primero'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # rotator ul li: primero'));
// var sibs = current.siblings ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var siguiente = $ (sibs [rndNum]);
next.css ({opacidad: 0.0})
.addClass ('mostrar')
.animate ({opacidad: 1.0}, 1000);
current.animate ({opacidad: 0.0}, 1000)
.removeClass ('mostrar');
};
$ (documento).ready (function () {
theRotator ();
});
Paso 3
Para que la página a la que conduce el enlace se abra en una ventana separada, debe agregar el atributo: Ir.
Paso 4
Si el documento html es demasiado largo, puede colocar enlaces dentro de él. Por ejemplo, al principio, puede hacer una tabla de contenido, y cuando hace clic en un encabezado específico, el usuario se moverá a la parte deseada de la página. Para hacer esto, necesita registrar un enlace con un icono #: Vaya a la sección y cree marcadores a los enlaces: Sección.
Se verá así:
Sitio web
Enlace a la sección
Sección
