Как сделать меню навигации?

2 ноября 2014 г. Просмотров: 382 Инструкции
Чтобы посетители не заблудились на сайте и с любой страницы могли обратиться к нужному разделу ресурса, необходимо сделать меню навигации. Указывающие элементы должны быть размещены на веб-страницах таким образом, чтобы они не мешали чтению текста и в то же время их можно было без труда найти на сайте. В нужные части ресурса посетители могут попадать при клике по соответствующим словах или изображениям.
Для снабжения ресурса таким меню достаточно вписать несложный код в нужные части сайта.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - наличие на собственном сайте нескольких страниц или разделов
  • - несколько маленьких иконок по теме сайта
  • - знать, как заливать картинки на сайт

Инструкция

  • Чтобы строка меню была ссылкой, запишите ее следующим образом:
  • ГЛАВНАЯ СТРАНИЦА

    В этой записи замените http:⁄ ⁄website.ru на адрес нужной страницы.

  • Код горизонтального меню, состоящего из текстовых ссылок, записывается так:
  • ГЛАВНАЯ СТРАНИЦА

    |

    ГАЛЕРЕЯ

    |

    ФОРУМ

    |

    ГОСТЕВАЯ КНИГА

  • Разделителями между пунктами меню, располагающегося в линию, служат вертикальные штрихи. Для набора символа "|" с клавиатуры нужно на английской раскладке одним пальцем нажать и удерживать клавишу Shift, а другим - выбрать кнопку "|/\", которая находится справа от буквы «Ъ». Обязательно до штриха и после него ставьте пробел, чтобы пункты меню находились на расстоянии друг от друга.
  • Создать вертикальное меню из ссылок можно с помощью такой записи:
  • ГЛАВНАЯ СТРАНИЦА

    ГАЛЕРЕЯ

    ФОРУМ

    ГОСТЕВАЯ КНИГА

  • В этом случае разделителем частей меню выступает тег
  • , который переносит следующий за ним текст на новую строчку.

  • Если вы хотите сделать пункты меню не в виде слов или словосочетаний, а в виде изображений, которые будут выполнять роль ссылок, то сначала залейте на сайт все картинки, которые будут использованы в навигации ресурса.
  • Чтобы поместить картинку на веб-страницу, неоходимо в нужном месте поместить этот код:Для размещения собственного изображения вместо images/1.png напишите путь к нужной картинке, залитой на ваш сайт.
  • Каждый пункт графического меню пропишите таким образом:
  • В этом коде замените http:⁄ ⁄website.ru на нужный адрес, а на код нужной картинки.

  • Создать горизонтальное меню, состоящее из изображений, можно таким образом:
  • В этом коде все картинки, находящиеся в ячейках, расположены в одной строке таблицы. Ширина таблицы, установленная не в пикселях, а в процентах позволяет растягивать содержимое таблицы на всю ширину окна независимо от разрешения экрана. Теги и образуют строку таблицы, а и - одну из ячеек.
  • Чтобы поместить на сайт такое графическое меню, замените в коде ссылки, пути к изображениям и названия разделов ресурса на свои собственные.
  • Оцените статью!