Структура сайта

Сайт и его структура

План

• Понятие «сайт»
• Структура сайта
• Обязательные элементы сайта

Сайт (от англ. site – место, местоположение, позиция) 

• – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.

• Сайт - структурированная информационная единица всемирной паутины. Он может содержать как одну, так и огромное число страниц.

Виды сайтов по информационному содержанию

• Сайт-визитка - узкая информация о компании
• Корпоративный сайт – расширенная информация о компании
• Личный сайт – сайт об одном человеке, его увлечениях, его личные данные·
• Интернет-магазины. Это особый вид сайтов, через которые Вы можете покупать или продавать товары on-line

По доступности сайты бывают:

• Открытые - открыта для всех посетителей
• Полуоткрытые – часть информации открыта для всех, а часть скрыта. Чтобы просмотреть информацию на сайте необходимо зарегистрироваться.
• Закрытые

Сайты по величине и по уровню решаемых ими задач делятся на:

• Простые сайты, содержащие немного информации и состоящие из нескольких страничек
• Тематические, узконаправленные сайты –представляют пользователю информацию по узкой теме.
• Многофункциональные сайты (порталы) – помимо массы информации, они содержат средства для общения пользователей, чаты, форумы и т.д. (mail.ru, Яндекс, Рамблер и др.)

Структура сайта

• это логическая разметка и физическая связка страниц сайта, а так же расположение видимых элементов дизайна, обусловленная стандартами разработки сайтов.

Базовые структуры сайтов

• Плоская
• Линейная
• Древовидная
• Комбинированная
• Структура системы координат
• Структура сети

Плоская структура

Линейная структура

Древовидная структура

Комбинированная структура

Внешняя структура

• включает в себя расположение видимых блоков на сайте (шапка, сайтбары, футер, информеры, служебные формы и другие блоки).

Пример внешней структуры

Внутренняя структура 

• включает в себя принадлежность материалов к определенным категориям, а категорий к разделам (другими словами - рубрикацию), а так же ссылочную связку страниц. 

Пример

трёхуровневая модель

• структуры сайта  и его разделов
• заглавная страница (главная или домашняя); тематические разделы ; их более мелкие подразделы .

3-х уровневая структура сайта

• В зависимости от цели создания сайта оформление и внутренняя вложенность разделов может быть различной, но общая структура сайта должна соответствовать этой модели.

уровни сайта это ссылки

1-ый уровень — главная страница; 2-ой уровень — страницы, на которые есть ссылки с главной страницы (1-ого уровня); 3-ий уровень — страницы, на которые есть ссылки с страниц второго уровня. И не важно, как физически располагаются страницы на хостинге .

Задачи каждого из уровней

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

• Если сайт состоит из нескольких страниц, то нужно их разместить в одном каталоге (папке) с главной. Если же разделов у сайта несколько, а страниц много, то лучше создать в этом каталоге подкаталоги для каждого раздела и поместить туда все страницы, относящиеся к разделу.

Обязательные элементы сайта

• Панель навигации
• Заголовок страницы
• Авторская строка

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

• это механизм, который позволяет посетителю найти то, что вы хотите ему показать

Виды навигации:

• Глобальная
• Местная

Этапы создания сайта

• Анализ и проектирование сайта;
• Информационное наполнение сайта;
• Креатив, или визуальная составляющая , сайта
• Написание кода;
• Публикация;
• Раскрутка;
• Поддержка

Основные элементы веб-ресурса

• Баннер- это рисунок небольшого размера, чаще всего формата GIF, с установленной на нем ссылкой, несущий обычно информацию рекламного характера о ресурсе

Средства для привлечения внимания

• Яркий цвет
• Анимация
• Слоган – это девиз, хорошо запоминающийся и дающий стойкую ассоциативную связь с рекламируемым предметом.
• Логотип – эмблема
• Игровые приемы

Программы для создания сайта

• Microsoft FrontPage
• Macromedia Dreamweaver
• TinyMCE WYSYWYNG Editor
• FCKeditor
• Homesite
• Namo WebEditor
• Adobe Golive

Просмотрите и проанализируйте следующие сайты

• www.lorenzo.ru
• www.scalatelecom.ru
• www.formtrade.ru
• www.abq.ru