Проектирование Сайта

Имена Страниц и Гиперссылок
Общие Соображения
Логическая Обусловленность
Автоматизация Построения
Структура Гиперссылок
Описание Логических Отношений
Реализация Гиперссылок
Физическая Структура Сайта
Контрольные Вопросы


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

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

Имена Страниц и Гиперссылок К ОГЛАВЛЕНИЮ
Страницы сайтов имеют имена, обычно ассоциируемые с их содержанием. Так, в личном сайте некоторого конкретного лица могут быть страницы с такими именами, как Favorites, Biographi, Pictures, Merits (Увлечения, Биография, Картинки, Заслуги) которые в достаточной мере квалифицируют содержание страниц.

Гиперссылки также имеют имена и ими чаще всего являются имена страниц на которые они указывают. Так, гиперссылки, указывающие на страницу Favorites, скорее всего будут иметь то же имя "Favorites".

Общие Соображения К ОГЛАВЛЕНИЮ
Гиперссылки, устанавливаемые между страницами сайта, обеспечивают просмотр сайта, направленный на решение задач пользователя. В некотором предельном случае можно установить гиперссылки между всеми различными страницами сайтов (по схеме каждый с каждым), обеспечив, тем самым, возможность переходов между всеми страницами сайта и реализацию всех мыслимых схем навигации и запросов пользователя. Однако, такое решение вряд ли будет оптимальным, и скорее затруднит просмотр сайта.

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

Логическая Обусловленность К ОГЛАВЛЕНИЮ
С некоторой долей условности логически обусловленные переходы можно разделить на следующие группы: переходы к содержательно соотносимым страницам, переходы к информационно значимым страницам и переходы между страницами, связанными логическими отношениями следования и/или иерархичности.

а) Содержательная соотносимость

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

б) Информационно значимые страницы

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

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

в) Отношения следования и уровней иерархии

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

Гиперссылки между такими старницами обеспечивают переходы между страницами разных иерархических уровней (от верхней к нижней и/или наоборот) и между последовательными страницами (к следующей и/или к предыдущей).

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

Автоматизация Построения К ОГЛАВЛЕНИЮ
После разработки структуры сайта (по крайней мере в некотором ее приближении) разработчик приступает к реализации проекта, и здесь значительную помощь ему оказывает Web-редактор, с помощью которого, наряду со множеством прочих работ, можно создавать страницы сайта и устанавливать гиперссылки между ними.

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

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

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

Структура Гиперссылок К ОГЛАВЛЕНИЮ
Гиперссылки между страницами сайта организуют его, обеспечивая возможность просмотра и навигации. Структура гиперссылок, представляющая то, между какими страницами установлены гиперссылки, в равной степени полезна как разработчику, так и пользователю сайта. В Web-редакторах эта структура представляется в списочной и графической формах. В списочной форме каждой странице сайта сопоставляется список тех страниц, на которые указывают гиперссылки данной страницы, а при графическом представлении формируются изображения стрaниц и гиперссылок в виде направленных стрелок.

Так, списочное и графическое описания сайта TestBenjamin, в котором страница HomePage имеет ссылки на страницы NewPage1, NewPage2, NewPage3, а NewPage3 - на HomePage и NewPage1 могут иметь приведенный вид.

рис 8.

Нажмите Дла Просмотра

В списочных описаниях сайтов списки страниц, указываемых гиперссылками, сдвинуты, вправо по отношению к исходным страницам. Так, в представленном в левой части окна списочном описании сайта списки (NewPage1, NewPage2, NewPage3) и (HomePage и NewPage3) сдвинуты вправо по отношению к исходным страницам HomePage и NewPage3.

Описание Логических Отношений К ОГЛАВЛЕНИЮ
Среди логически обусловленных переходов между страницами сайта значительное место занимают переходы между страницами связанными между собой логическими отношениями следования и иерархичности, а также переходы к информационно значимым страницам.

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

Так, схема навигации структуры с тремя иерархическими уровнями страниц, последовательностями страниц (NewPage1, NewPage2, NewPage3) и (NewPage4, NewPage5) и группой информационно значимых страниц (HomePage, TopPage1, TopPage2) может иметь приведенный вид.

рис 9.

Нажмите Дла Просмотра

Когда страница - компонент навигационной схемы, возможно множество вариантов логически соотносимых переходов. Например, для приведенного случая страница NewPage2 может иметь переходы к страницам NewPage1, NewPage2 (отношения следования), переходы к страницам NewPage4, NewPage5, HomePage (иерархические отношения), переходы к страницам ТоpPage1, TopPage2 (информационно значимые страницы). Однако практически реализуется только определенная часть возможных переходов.

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

- для страницы Home Page - к страницам нижнего уровня иерархии (NewPage1, NewPage2, NewPage3),

- для страниц NewPage1, -к страницам нижнего иерархического уровня (NewPage1, NewPage2),

- для всех страниц, к информационно значимым страницам (HomePage, TopPage1 и TopPage2).

Реализация Гиперссылок К ОГЛАВЛЕНИЮ
После того как разработчик описал логически обусловленные переходы и составил схему навигации, ему достаточно указать страницу и тип логически соотносимой страницы (следующую, предыдущую, верхнего и/или нижнего уровня иерархии) или группу иерархически значимых страниц. Средства Web-редакторов сами устанавливают и записывают соответствующие гиперссылки.

Такое указание проводится в интерактивном режиме. Пользователь сначала указывает страницу, а затем, используя окно приведенного вида, - тип логически соотносимой страницы и/или группу иерархически значимых страниц. В окне определены следующие варианты переходов:

Parent level - (переход ко всем страницам верхнего иерархического уровня), Same level - (переход ко всем страницам данного иерархического уровня), Back and Next (переход к предыдущей и последующей страницам), Child level - (переход ко всем страницам нижнего иерархического уровня), Top level - (переход ко всем страницам самого верхнего иерархического уровня), Home page - (переход к главной странице), Parent page - (переход к странице верхнего иерархического уровня).

Страницы типа Top level формируют группу информационно значимых страниц и переходы типов Top level и Home page - это переходы к группам информационно значимых страниц.

рис 10.

Нажмите Дла Просмотра

В левой части формируется графическая иллюстрация устанавливаемых переходов. В приведенном случае установлен переход ко всем страницам нижнего иерархического уровня - Child level.

Физическая Структура Сайта К ОГЛАВЛЕНИЮ
Страницы сайта в виде файлов размещаются на магнитных дисках Web-серверов. Все файлы одного сайты организовываются в одну специальную папку сайта (называемую также каталогом сайта). Так, папка сайта TestBenjamin может быть размещена в папке wwwroot, помещенной в папку Inetpub магнитного диска C:.

рис 11.

Нажмите Дла Просмотра

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

Контрольные Вопросы К ОГЛАВЛЕНИЮ

  1. Глобальная сеть Интернет и Корпоративные сети. Отличия и общность.
  2. Web-сайты, как средство публикации и представительства в сети.
  3. Навигация в пространстве Web.
  4. О концепции клиент-сервер.
  5. Доступ к сайтам. Адресация. Коммуникационные узлы Интернет.
  6. Функциональность броузеров.
  7. Поисковые машины.
  8. Язык HTML. Назначение. Принципы организации.
  9. Организация визуальной разработки сайтов.
  10. Организация сайтов. Страницы. Внутрисайтовые гиперссылки.
  11. Главная страница. Назначение. Оформление.
  12. Физическое представление сайтов. Логическая обусловленность межстраничных переходов
  13. Принципы автоматизации построения сайтов.
  14. Описание структуры гиперссылок.
  15. Автоматическая реализация гиперссылок.

 
 
Назад Далее