Презентация на тему "Навигация по сайту"

Содержание

• 
  Слайд 1

  Навигация по сайту

• 
  Слайд 2

  Что такое навигация

  Информационная навигация — процесс вождения пользователя по логически связанным данным.

• 
  Слайд 3

  Навигация осуществляется с помощью:

  горизонтальное меню; вертикальное меню; поиск; карта сайта; «хлебные крошки».

• 
  Слайд 4

  Хлебные крошки?!

• 
  Слайд 5

  Навигационная цепочка

  Навигационная цепочка («Хлебные крошки», англ. Breadcrumbs) — элемент навигации по веб-сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь.

• 
  Слайд 6

  Пример

• 
  Слайд 7

  Карта сайта

  Карта сайта — отдельная страница сайта, информация на которой аналогична разделу «Содержание» обычной книги. Состоит из полного перечня разделов и/или всех страниц, имеющихся на сайте. Обычно заголовки страниц в списке служат ссылками на эти страницы.

• 
  Слайд 8

  Пример

• 
  Слайд 9

  Поиск

• 
  Слайд 10

  Встроенный в браузер поиск

  В интерфейс браузера Firefox, начиная с версии 2.0 встроена строка поиска, позволяющая без захода на сайт вводить поисковые запросы к Гуглу, Яндексу и другим системам.

• 
  Слайд 11
  
• 
  Слайд 12

  Горизонтальное меню

  Главная
  • HTML
  • CSS
  • JavaScript
  • О сайте
• 
  Слайд 13

  Стиль

  ul.css-menu-1 { list-style: none }ul.css-menu-1 li { display: inline }ul.css-menu-1 li a { text-decoration: none; background: #5c6cb7; font-weight: bold; color: #ffaa00; padding: 6px 10px 6px 10px }

• 
  Слайд 14

  Стиль. Продолжение.

  ul.css-menu-1 li a:hover { padding: 6px 10px 6px 10px; font-weight: bold; background: #364d95; color: #ff9900 }ul.css-menu-1 lia.selected { background: #364e95 }