Разработка, создание, продвижение сайтов
  Создать сайт   |   Наши работы   |   Цены   |   Заказать  

Составление карты сайта

Разработка, создание, продвижение сайтов

WEB Студия Регион

+7 (473) 229-71-52   +7(920) 213-50-22 
ws@rv36.ru

Карта сайта (визуальная структура)

Определение

Картой сайта называется визуальное представление архитектуры сайта, сокращенное до важнейших компонентов: имен страниц, порядка страниц и подробностей, касающихся схемы навигации. Карта создаваемого сайта выполняет совершенно иную функцию, чем каркасные модели и создавать ее должен веб-дизайнер, то есть вы.

Карта сайта рисуется вручную или создается в любой программе с возможностью вставки текста или рисования прямоугольников и линий. Даже начинающий дизайнер сможет нарисовать вполне приличную карту сайта в Word, Excel, PowerPoint или Visio. Вероятно, более опытный дизайнер предпочтет воспользоваться инструментами рисования, средствами работы с фигурами и текстом в Illustrator или Photoshop.

Пример построения

Давайте построим карту сайта для структуры с главными навигационными категориями "Домашняя страница", "О нас", "Мероприятия", "Пожертвования", "Публикации", "Контакты" (в указанном порядке) и подстраницами "О нас: Наша деятельность", "Программное заявление", "Наша история", "Наши цели", а также "Контакты: Сотрудники" и "Мероприятия "Будущие мероприятия",

Чтобы построить карту сайта в любом редакторе выполните следующие действия.

  1. Используя страницу стандартного размера альбомной ориентации, создайте прямоугольник шириной 5 см в середине верхней стороны. Разместите в нем надпись "Домашняя страница".
    На хорошей карте сайта должны быть представлены связи между страницами: как ссылки с домашней страницы, так и ссылки навигации и субнавигации.
  2. Создайте группу из пяти прямоугольников одинакового размера, пасположенных под прямоукольником домашней страницы. Эти прямоугольники будут представлять гланые страницы сайта. Разместите в них надмиси "О нас", "Мероприятия", "Пожертвования", "Публикации" и "Контакты".
    Проследите за тем, чтобы страницы перечислялись в порядке их следования на сайте - слева напрова для главных навигационных категорий, сверху вниз для страниц, вызываемых по ссылкам внутри категорий. Этот опрядок поможет вам в фазах проектирования и построения.
  3. Соедините все прямоугольники двумя линиями. Одна линия должна проходить по горизонтали за прямоугольниками главных страниц, а другая соедитяет прямоугольник главной страницы с первой линией.
    Соединение страниц показывает клиенту, как посетитель будет взаимодействовать с системой навигации сайта.
  4. Переходите к добавлению подстраниц. В столбце "О нас" разместите четыре прямоугольника: "Наша деятельность", "Програмное заявление", Наша история" и "Наши цели". Проведите за прямоугольниками вертикальную линию, которая соединяет подстраницы с горизонтальной линией, соединяющей главные страницы.
    Линия означает, что подстраницы будут вызываться с главной страницы "О нас". Если бы у них были свои подстраницы, мы бы аналогичным образом нанесли их на карту сайта.
  5. В категории "Контакты" нарисуйте один прямоугольник "Сотрудники", а в категории "Мероприятия" - другой прямоугольник "Будущие мероприятия". Нарисуйте вертикальные линии, соединяющие каждую из подстраниц с главной навигационной стрницей, с которой они вазываются.
    Теперь из карты ясно выдно, что каждя из страниц "Контакты" и "Мероприятия" имеет дну подстраницу.
  6. На большинстве сайтов также присутствуют и другие страницы: "Условия обслуживания", "Политика конфедициальности", "Карта сайта" и т.д. Обычно они вызываются не основными навигационными кнопками, а из ссылок в завершителях страниц и/или в гипертексте. Создайте два дополнительных прямоугольника (например, в правом нижнем углу страницы) с надписями "Конфидециальность" и "Карта сайта".
    Соединять эти страницы с картой сайта не обязательно. Они всего лишь показывают клиенту, что эти страницы существуют, а для обращения к ним вмсто основной системы навигации используются другие средства.
  7. В пустой области страницы введите оисания элементов, присутствующих на каждой странице сайта: логотипа компании, девиза, номера бесплатной телефонной линии, ссылок в завершителе, средств поиска и т.д.
    Также можно разместить информацию о цветах, гарнитурах и размерах шрифтов, атрибутах макети и размерах страницы.
  8. В другой части страницы (желательно внизу слева или справа) добавьте дату создания карты сайта с указанием названия компании, логотипом и контактными данными.
    Эта информация четко указывает, что карта сайта создана вами, веб-дизайнером.
  9. Сохраните файл.

Передайте готовую карту сайта клиенту. Пусть он убедится в том, что сайт соответствует его ожиданиям, содержит все необходимые страницы и имеетлогичную структуру. Если в архитектуру сайта потребуется внести какие-либо изменения, лучше сделать это сейчас, чтобы сэкономить драгоценное время после перехода к созданию дизайна. Когда клиет утвердит карту сайта, получите у него письменное подтверждение, пржде чем переходить к следующему шагу фазы проетирвоания - создания дизайна.

Визуальный пример простого создания карты сайта:

Проверенные способы заработка в Интернете

Проверенные <span clsss='zaz'>способы заработка</span> в Интернете

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

НАЧАТЬ ОБУЧЕНИЕ >>>

Только проверенная практика и пошаговая инструкция как заработать свои деньги в Интернете. Мы пропустили через себя десятки способов заработка и предлагаем вам ознакомительно более 25 способов заработка в Интернете и пошаговая практика:

  • Три лучших способа заработка;
  • От несложного приработка, до серьезного бизнеса;
  • Подробно когда, что и как делать;
  • Когда и какой результат вы получите.

НАЧАТЬ ОБУЧЕНИЕ >>>

Создаем Интернет-магазин!

Создаем интернет магазин!
5 часов видеообучения с пошаговой инструкцией по созданию своего Интернет-магазина.
подробнее
  Термины и понятия  
  Планирование часть 2  
  Планирование часть 3  
  Планирование часть 4  
  Планирование часть 5  
  Аудитория часть 1  
  Аудитория часть 2  
  Содержание  
  Определение содержания  
  Название страницы и теги  
  Организация содержания  
  Составление карты сайта  
  Статистика сайта  
  Размещение контактной информации  
  Навигация по сайту  
  Кому и зачем нужен сайт  
  Какие сайты бывают  
  Разработка дизайна сайта  
  Поиск клиентов  
  Дизайн сайта подбор цвета  
  Низкочастотное продвижение  
  Интернет-магазин оформление  
  Win 7  
  Тема для сайта  
  Уникальные статьи  
  Принципы дизайна  
  Продвижение и пиар  
  Сайт визитка  
  Конверсия сайта  
  Алгоритм создания сайта  
  Правильный сайт  

ПОСЛЕдние РАБОТЫ

Смотреть все работы...
Открыть сайт...
Смотреть все работы...
Смотреть все работы...
Смотреть все работы...

Самостоятельное создание сайтов

Создание сайтов, веб-студия Регион Воронеж
Яндекс.Метрика
Наверх
  Создать сайт   |   Наши работы   |   Цены   |   Заказать  
© Web-Studio "Регион"

2010-2019
Мы работаем:
ПН - ПТ, с 9-00 до 19-00
все контакты
Звоните:
+7(473) 229-71-52
+7(920) 213-50-22

Пишите: ws@rv36.ru
Создание сайтов в Воронеже веб-студия Регион Воронеж

Ковры ковролин паласы ковровые дорожки купить интернет магазин Москва с доставкой по России