Para que los visitantes no se pierdan en el sitio y desde cualquier página puedan acceder a la sección deseada del recurso, es necesario realizar un menú de navegación. Los elementos señaladores deben colocarse en las páginas web de tal manera que no interfieran con la lectura del texto y al mismo tiempo se puedan encontrar fácilmente en el sitio. Los visitantes pueden acceder a las partes necesarias del recurso haciendo clic en las palabras o imágenes correspondientes. Para proporcionar al recurso dicho menú, es suficiente ingresar un código simple en las partes necesarias del sitio.
Necesario
- - la presencia en su propio sitio de varias páginas o secciones
- - varios iconos pequeños sobre el tema del sitio
- - saber cómo subir imágenes al sitio
Instrucciones
Paso 1
Para convertir una barra de menú en un enlace, escríbalo así:
PAGINA PRINCIPAL
En esta entrada, reemplace http: ⁄ ⁄website.ru con la URL de la página que desee.
Paso 2
El código para un menú horizontal que consta de enlaces de texto se escribe de la siguiente manera:
PAGINA PRINCIPAL
|
GALERÍA
|
FORO
|
LIBRO DE INVITADOS
Paso 3
Los trazos verticales sirven como delimitadores entre los elementos del menú en una línea. Para configurar el carácter "|" desde el teclado, debe presionar y mantener presionada la tecla Shift con un dedo en el diseño en inglés, y con el otro, seleccionar el botón "| / ", que se encuentra a la derecha de la letra "b". Asegúrese de dejar un espacio antes y después del trazo para que los elementos del menú estén separados entre sí.
Paso 4
Puede crear un menú vertical a partir de enlaces utilizando la siguiente entrada:
PAGINA PRINCIPAL
GALERÍA
FORO
LIBRO DE INVITADOS
Paso 5
En este caso, el separador de las partes del menú es la etiqueta, que envuelve el texto que lo sigue en una nueva línea.
Paso 6
Si desea crear elementos de menú no en forma de palabras o frases, sino en forma de imágenes que actuarán como enlaces, primero complete el sitio con todas las imágenes que se utilizarán en la navegación del recurso.
Paso 7
Para colocar una imagen en una página web, debe colocar este código en el lugar correcto: Para colocar su propia imagen, en lugar de http: ⁄ ⁄website / images / 1.png, escriba la ruta a la imagen deseada cargada en su sitio.
Paso 8
Escriba cada elemento del menú gráfico de esta manera:
En este código, reemplace http: ⁄ ⁄website.ru con la dirección deseada y con el código de la imagen deseada.
Paso 9
Puede crear un menú horizontal que consta de imágenes de esta manera:
Paso 10
En este código, todas las imágenes de las celdas se encuentran en una fila de la tabla. El ancho de la tabla, establecido no en píxeles, sino en porcentaje, permite que el contenido de la tabla se extienda al ancho completo de la ventana, independientemente de la resolución de la pantalla. Etiquetas:
formar una fila de la tabla, y
- una de las celdas.
Paso 11
Para colocar dicho menú gráfico en el sitio, reemplace los enlaces, las rutas a las imágenes y los nombres de las secciones de recursos en el código por los suyos.
