создание сайтов

Шаг 9

Web страница, добавление навигации

  • Переходим в отделение контента, ставим курсор сразу после открывающего тега <div id=content> и нажимает на клавишу Enter на клавиатуре компьютера.
  • С новой строки пишем следующий код:
<div id=nav>
<ul>
<li><a href="news.htm">Новости</a></li>
<li><a href="collection.htm">Коллекция</a></li>
<li><a href="contact.htm">Контакт</a></li>
</ul>
</div>
  • Между тэгами <div id=nav></div> находиться селектор навигации.
  • Между тэгами <ul></ul> находится список элементов (кнопок сайта) селектора навигации.
  • Между тэгами <li></li> находится элемент списка (кнопка сайта со ссылкой на конкретную страницу сайта) селектора навигации.
  • Между тэгами <a href="имя_файла.htm"></a>, создающими ссылки на указанные в этой паре тэгов файл, пишем название кнопки, нажав на которую мы попадем на страницу сайта "имя_файла.htm", соответствующую названию кнопки.
  • Если сайт состоит из нескольких страниц, то файлы, которые мы будем создавать для каждой следующей страницы сайта, могут называться: news.htm, collection.htm, forum.htm и т.д.
  • Количество и название страниц Вашего сайта определите самостоятельно исходя из целей сайта.
  • Нажмите на клавишу компьютера F12 и посмотрите в Вашем браузере на то, что у нас получилось.
  • Не забывайте сохранять изменения документа.
  • Шаг 10 >>>


     карта сайтаКарта сайта