Принципы функционирования сетей Интернет

Физика
Примеры решения задач
Закон сохранения импульса
Работа и энергия
Элементы механики жидкостей
Основы термодинамики
Твердые тела. Моно- и поликристаллы
Поляризация диэлектриков
Электрические токи в металлах, вакууме
и газах
Магнитные поля соленоида и тороида
Механические и электромагнитные
колебания
Упругие волны Волновые процессы
Элементы электронной оптики
Оптическая пирометрия
Элементы квантовой механики
Элементы квантовой статистики
Фотопроводимость полупроводников
Ядерные реакции и их основные типы
Математика
Метод Гаусса
Матричный метод
Функции
Схема вычисления производной
Понятие дифференциала функции
Сходимость ряда
Теория вероятности и математической
статистики
Дифференциальные уравнения
Найти интервалы выпуклости и
точки перегиба функции
Лабораторные работы
Электроника
Исследование полевых транзисторов
Полупроводниковый стабилизатор
ВАХ туннельного диода
Исследование биполярных транзисторов
Входное  сопротивление полевого
транзистора
Упрощенная структура МДП–транзистора
Полупроводниковые выпрямители
Двухполупериодный мостовой выпрямитель
Электронный усилитель на транзисторах
Режим работы усилительных каскадов
Управляемые тиристорные выпрямители
Операционный инвертирующий усилитель
Фотоэлектрические преобразователи
Полупроводники
Зонная структура полупроводнков
Примеси в полупроводниках.
Токи в полупроводниках
Эффект Фарадея
Типы фотодатчиков
Люксметр Ю116
Сглаживающие фильтры
Описание лабораторной установки
Методика проведения исследований
Исследование метрологических
характеристик
Основные характеристики тензорезисторов
Конструкция датчика
Измерительные преобразователи
Исследование полупроводниковых
выпрямительных диодов
Структурная схема тензометрической
установки для измерения усилий
Исследование стабилитронов
Исследование варикапов
Сопромат
Практические работы по
метериаловедению
Инженерная графика
Сборочный чертеж и спецификация
Обозначение материалов
Построение лекальных кривых

Правила нанесения размеров

Геометрические построения
Позиционные задачи
Техническое обслуживание ПК
Видеоплаты
Стандарт SVGA
Последовательные порты
Факсимильная технология
Сетевые адаптеры
Сети Ethernet
Кабели для локальных сетей
Компьютерные сети
Технология «клиент-сервер» 
Структура Web-сайта
Платформа для Web-приложений

 

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

Структура гипертекста

Когда гипертекст (документ со ссылками) состоит из нескольких файлов, термин "документ" к нему уже не очень подходит. В дальнейшем будем называть документом однофайловый гипертекст. А для случая, когда файлов много, введем термин "приложение". Итак, есть идея создать красивое, полезное и удобное для пользователя гипертекстовое приложение (сайт, портал). С чего начать работу? Можно, конечно, сразу писать теги, а там -- как получится. Сомнительно, что получится хорошо. Лучше сначала решить, какой способ организации гипертекста больше всего подходит для поставленной задачи, то есть, подумать над общей структурой приложения.

Структура "Цепочка"

Это самая простая структура. Документы, составляющие приложение, просматриваются пользователем по порядку, как страницы в книге. Каждый документ оканчивается ссылкой на следующий. Пользователь двигается по цепочке "до упора", то есть до последнего документа. В последнем документе ссылки "вперед" уже нет. Теперь можно окончить работу или, пользуясь кнопкой браузера "Назад" ("Back"), пройтись по документам "вспять". Цепочку можно изобразить схемой, показанной на Рис. 4.1:

Цепочка

Рис. 4.1. Структура "Цепочка"

Для удобства работы с приложением, можно помещать на странице документа ссылки не только вперед, но и назад. В этом случае отпадает необходимость использовать навигационные кнопки браузера. Ссылки-связи можно оформить в виде рисунков или пиктограмм.

Представление графической информации в Интернет Представление графики на Web-страницах имеет ряд особенностей. Прежде всего, в связи с ограниченным разрешением экрана монитора не имеет смысла размещать изображения высокого разрешения (выше 72…96dpi). Байтовый размер изображений должен быть минимальным для увеличения скорости загрузки станиц и снижения трафика. Наконец, желательна возможность отображения не только растровых картинок, но и векторной, и трехмерной графики.

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

Электронная почта Основная привлекательность электронной почты – ее быстрота. Однако есть другие преимущества, которые не так широко известны.

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

Интерактивные Web-страницы Интерактивной называется Web-страница, позволяющая пользователю вводить данные разного типа.

Понятие стиля и таблицы стилей Существует три вида таблиц стилей: внутренние таблицы стилей, глобальные таблицы стилей и связанные таблицы стилей. Внутренние таблицы стилей (Inline Style Sheets) при помощи специального атрибута помещаются прямо в HTML теги. Глобальные таблицы (Global Style Sheets) определяют стиль элементов во всем документе. Связанные (Linked Style Sheets) могут быть использованы для нескольких документов сразу (скажем, для всего сайте) и хранятся во внешнем файле с расширением CSS.

Динамические Web-страницы Динамический язык DHTML Динамический HTML (Dynamic HTML, или DHTML) - это развитие традиционного языка HTML, позволяющее создавать интерактивные, "живые" HTML-документы. Стремлению сделать Web-страницу динамичной и интерактивной, то есть легко изменяющейся, управляемой пользователем, столько же лет, сколько и самому WWW.

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

Объекты в JavaScript JavaScript разработан с использованием весьма простой объектно-ориентированной парадигмы. В нем имеется ряд предопределенных объектов с соответствующими свойствами и методами, а также инструментарий для создания своих собственных объектов. Как и в Delphi, для доступа к свойству его имя отделяется от имени объекта точкой.

BOM - Объектная модель браузера Для обращения из программы на JavaScript и других языках к отдельным элементам как Web-страницы, так и окна браузера используются два набора встроенных объектов со свойствами, методами и событиями. За окно браузера отвечает так называемая BOM-модель (Browser Object Model), а за Web-страницу – DOM-модель (Document Object Model).

DOM - объектная модель документа Объектная модель документа (Document Object Model – DOM) является стандартом и регламентирует способ представления содержимого документа (в частности Web-страницы) в виде набора объектов. Под содержимым понимается все, что может находиться на странице: рисунки, ссылки, абзацы, текст и т.д.

PHP – язык написания сценариев, выполняемых на сервере, внедренный в HTML. Многое из синтаксиса заимствовано из C, Java и Perl, с добавлением специфичных для PHP возможностей. Задача языка состоит в том, чтобы дать возможность Web-разработчикам легко и быстро создавать динамично изменяемые html-страницы.

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

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

Схема цепочки со справочным разделом выглядит так (Рис. 4.2):

Цепочка со справочником

Рис. 4.2. Цепочка со справочным разделом

Возможны различные варианты организации справочного раздела:

раздел состоит из нескольких независимых документов;

некоторые документы раздела имеют ссылки друг на друга или даже образуют цепочку;

справочный раздел состоит из одного документа с метками, на которые настроены ссылки в документах цепочки;

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

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

Структура "Иерархия"

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

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

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

Оглавление оказывается полезным, даже если книга предназначена для последовательного чтения.

Оглавление:

дает представление о книге в целом;

позволяет быстро открыть нужный раздел для продолжения чтения;

помогает найти отдельные, полюбившиеся фрагменты.

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

Схему иерархического приложения можно изобразить следующим образом (Рис. 4.3):

Иерархия

Рис. 4.3. Иерархическая структура гипертекста.

Документ 00.htm (корень иерархии) содержит ссылки на разделы 01.htm, 02.htm, 03.htm, ..., nn.htm (ветви иерархии). Эти разделы, в свою очередь, содержат ссылки на подчиненные документы и так далее, вплоть до таких документов, как 030101.htm и 030102.htm: они уже не имеют ссылок (листья иерархии).

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

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

На главную