Классификация структур

Большие сайты, как правило, имеют довольно сложную архитектуру, но можно выделить 3 базовых схемы, используемые в виде основополагающего каркаса

ü линейная схема

ü таблица

ü иерархия

Линейная схема (цепочка)

Строгая линейная организация сайта программирует перемещение пользоваетля по цепочке страниц (вперед и назад)

 

Для удобства ориентации и навигации полезно выводить ссылки на соседние страницы и номер текущей в общей линейной последовательности.

Таблица

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

 

 

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

Иерархия

Это самая распространенная структура, на которой основано большинство сайтов интернета.

 

 

Если все страницы сайта являются потомками главной, то в качестве навигационной схемы подойдет простое горизонтальное или вертикальное меню, которое включает все страницы, в том числе и главную.

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

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

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

Если сайт имеет более глубокий уровень иерархии, то одновременно используют 3 типа меню:

Меню сайта.В него включают прямые потомки главной страницы и саму главную страницу. Как правило, это меню горизонтальное, под заголовком сайта и на концах страниц.

Меню предка текущей страницы.В него включают страницы, являющиеся сестрами по отношению к текущей. Как правило, это меню вертикальное, его располагают на вертикальной полосе

Меню хлебные крошки.Это меню…………………………………..

Инструменты разработки сайта

1. текстовый редактор (один хороший) - написать гипертекстовую страницу можно в любом текстовом редакторе, например Блокнот Windows, а также бесплатное приложение PSPad.

2. браузеры (много)

Microsoft Internet Explorer (входит в состав ОС Windows)

Mozilla Firefox(бесплатный)

Opera (бесплатный)

Netscape (бесплатный)

Google Chrom (бесплатный)

3. анализатор правописания

Для грамматической правильности текстов на своих страницах подходит текстовый редактор

word

OpenOffice

4. анализатор кода (валидатор)

Для исправления ошибок кодирования надо использовать специальные программы – анализаторы кода (валидаторы)

CSE HTML Validator Lite

5. справочники (по HTML и CSS) – Для уточнения формата языковых конструкций (теги, атрибуты тегов и их значения, стилевые свойства и их значения) разработчику полезно иметь под рукой описания стандартов W3C …………

CSS – Cascading Style Sheets

6. графические редакторы (векторный и растровый)

Для подготовки иллюстраций для web необходимо иметь

растровый редактор (PS – встроен оптимизатор графики, Gimp, Pixia)

векторный редактор(очень удобен для подготовки в силу следующих его свойств:

ü преобразования рисунка выполняются без искажения

ü получаются маленькие графические файлы

ü рисовать быстро и просто

ü независимое редактирование частей рисунка

ü высокая точность прорисовки (до 1000000 точек на дюйм)

ü векторный рисунок легко преобразовать в растровые форматы

Xara X(Xrteme)

Inkscape)

7. оптимизатор графики (Встроен в ps. Есть специализированные проги

WebGraphics Optimizer Professional)

8. ftp-клиент (для копирования сайта на сервер) – Встроен в оболочку far или SmartFtp

Передача файлов на сервер по протоколу ftp