Логотип Школы продающих сайтов

карта сайта

Бесплатный курс   Создаем сайт своими руками   Размещаем сайт в Интернете   Продвигаем сайт в Интернете   Сайты созданные благодаря курсу   Все статьи сайта  

Как сделать горизонтальное меню для сайта HTML

 
Начало Все статьи Как сделать горизонтальное меню для сайта HTML

Как сделать горизонтальное меню для сайта HTML - в программе Фронт Пейдж?

Горизонтальное меню для сайта HTML может выполняться в нескольких вариантах:

  • в виде простого списка;
  • в виде картинок (как на этом сайте);
  • каждый пункт, как отдельная кнопка.

В данной статье мы научимся создавать горизонтальное меню на цветном фоне.

Для этого устанавливаете курсор в ячейку, в которой будут располагаться ссылки нашего меню, и нажимаете правую кнопку мыши. В открывшемся списке выбираете «свойства ячейки».

Свойства ячейки

Свойства ячейки

 

В окне указываете свойства ячейки: положение, границы и фон.

 

Указываете свойства ячейки

Указываете свойства ячейки

Нажимаете «Применить» и «ОК». Наша ячейка изменит цвет границ и фона, а курсор из левого верхнего угла переместится по центру.

Осталось разместить в ячейке ссылки. Просто набираем необходимые ссылки с клавиатуры.

Ссылки горизонтального меню

Ссылки горизонтального меню

 

Теперь изменим цвет нашей будущей ссылки на белый, изменим шрифт, размер и начертание. Для этого необходимо нажать на пиктограмму «Добавление гиперссылки» на панели инструментов

Пиктограмма "Добавить гиперссылку"

Пиктограмма "Добавить гиперссылку"

Откроется окно, в котором необходимо нажать на «Стиль...». Далее в выпадающем списке выбираем «Шрифт...».

Изменяем шрифт ссылки

Изменяем шрифт ссылки

Задаем параметры ссылки:

  • Шрифт - Arial;

  • Начертание - обычный;

  • Размер - 14pt;

  • Цвет - белый;

  • Видоизменение - подчеркнутый.

Указываем цвет, шрифт, размер ссылки

Указываем цвет, шрифт, размер ссылки

Нажимаем «ОК». Теперь осталось указать путь нашей ссылки.

Указываем путь ссылки

Указываем путь ссылки

Проделываем аналогичные действия для всех ссылок нашего меню. В итоге должно получиться следующее горизонтальное меню для сайта HTML

Горизонтальное меню для сайта HTML

Горизонтальное меню для сайта HTML

 

Ссылка 1   Ссылка 2   Ссылка  3  Ссылка 4  Ссылка  5

Следующая статья »

Курс Школы Продающих сайтов

Читать далее:

Наверх

 
Популярные уроки
Какой бесплатный хостинг лучше
 
Программа для создания сайта
 
Как добавить видео на сайт

 
 

Copyright 2014 © besplatnyj-kurs.ru
Все права защищены. Копирование материала запрещено.

Написать письмо