Как сделать меню навигации?
2 ноября 2014 г.
Просмотров:
Чтобы посетители не заблудились на сайте и с любой страницы могли обратиться к нужному разделу ресурса, необходимо сделать меню навигации. Указывающие элементы должны быть размещены на веб-страницах таким образом, чтобы они не мешали чтению текста и в то же время их можно было без труда найти на сайте. В нужные части ресурса посетители могут попадать при клике по соответствующим словах или изображениям. Для снабжения ресурса таким меню достаточно вписать несложный код в нужные части сайта. Создать сайт самостоятельно с Wix.comЧтобы строка меню была ссылкой, запишите ее следующим образом:
Код горизонтального меню, состоящего из текстовых ссылок, записывается так:
Разделителями между пунктами меню, располагающегося в линию, служат вертикальные штрихи. Для набора символа "|" с клавиатуры нужно на английской раскладке одним пальцем нажать и удерживать клавишу Shift, а другим - выбрать кнопку "|/\", которая находится справа от буквы «Ъ». Обязательно до штриха и после него ставьте пробел, чтобы пункты меню находились на расстоянии друг от друга. Создать вертикальное меню из ссылок можно с помощью такой записи:
В этом случае разделителем частей меню выступает тег
Если вы хотите сделать пункты меню не в виде слов или словосочетаний, а в виде изображений, которые будут выполнять роль ссылок, то сначала залейте на сайт все картинки, которые будут использованы в навигации ресурса. Чтобы поместить картинку на веб-страницу, неоходимо в нужном месте поместить этот код:Для размещения собственного изображения вместо images/1.png напишите путь к нужной картинке, залитой на ваш сайт. Каждый пункт графического меню пропишите таким образом:
Создать горизонтальное меню, состоящее из изображений, можно таким образом: В этом коде все картинки, находящиеся в ячейках, расположены в одной строке таблицы. Ширина таблицы, установленная не в пикселях, а в процентах позволяет растягивать содержимое таблицы на всю ширину окна независимо от разрешения экрана. Теги и образуют строку таблицы, а и - одну из ячеек. Чтобы поместить на сайт такое графическое меню, замените в коде ссылки, пути к изображениям и названия разделов ресурса на свои собственные.
Оцените статью!
Вам понадобится
- - наличие на собственном сайте нескольких страниц или разделов
- - несколько маленьких иконок по теме сайта
- - знать, как заливать картинки на сайт
Инструкция
ГЛАВНАЯ СТРАНИЦА
В этой записи замените http:⁄ ⁄website.ru на адрес нужной страницы.
ГЛАВНАЯ СТРАНИЦА
|
ГАЛЕРЕЯ
|
ФОРУМ
|
ГОСТЕВАЯ КНИГА
ГЛАВНАЯ СТРАНИЦА
ГАЛЕРЕЯ
ФОРУМ
ГОСТЕВАЯ КНИГА
, который переносит следующий за ним текст на новую строчку.
В этом коде замените http:⁄ ⁄website.ru на нужный адрес, а на код нужной картинки.