2014-02-09
504Рис.4.1. Структура WEB сервера
Глоссарий
Внешнеторговая политика — это целенаправленное воздействие государства на торговые отношения с другими странами.
Протекционизм — государственная политика защиты внутреннего рынка от иностранной конкуренции путем использования тарифных и нетарифных инструментов торговой политики.
Таможенный режим — это совокупность условий, определяющих статус товаров, перемещаемых через таможенную границу и определяющих порядок взимания таможенных платежей.
Таможенный тариф на импорт — это государственный сбор с ввозимых товаров, пропускаемых через границу страны под контролем таможенного ведомства.
Количественные ограничения — это административная форма нетарифного государственного регулирования торгового оборота, определяющая количество и номенклатуру товаров, разрешенных к экспорту или импорту.
Квотирование представляет собой ограничение в количественном или стоимостном выражении объема продукции, разрешенной к ввозу в страну или вывозу из страны за определенный период.
Лицензирование — это регулирование внешнеэкономической деятельности через разрешения, выдаваемых государственными органами на экспорт или импорт товара в установленных количествах за определенный промежуток времени.
Добровольное ограничение экспорта — это количественное ограничение экспорта, основанное на обязательстве одного из партнеров по торговле ограничить или, по крайней мере, не расширять объем экспорта, принятом в рамках официального межправительственного или неофициального соглашения об установлении квот на экспорт товара.
Демпинг — метод финансовой нетарифной торговой политики, заключающийся в продвижении товара на внешний рынок за счет снижения экспортных цен ниже нормального уровня цен, существующего в этих странах, и ниже цены аналогичного товара на внутреннем рынке страны-экспортера.
Антидемпинговая пошлина — это временный сбор в размере разницы между ценами продажи товара на внутреннем и внешнем рынках для нейтрализации негативных последствий нечестной ценовой конкуренции.
Международная картель — это монополистическое объединение экспортеров определенного товара для обеспечения контроля за объемами производства с целью установления выгодных цен.
Торговое эмбарго — это запрещение государством ввоза в какую-либо страны или вывоза из нее определенного товара.
Такая строгая структура узла может вызвать проблемы у пользователей. Если пользователь прошел на несколько уровней вниз по одному из путей, а потом решил попасть в другую часть дерева, то ему придется возвращаться обратно.
3.2.2.2. Линейная организация.
Если вы хотите, чтобы пользователи читали содержимое узла, как книгу или журнал или чтобы они прошли по заданному пути от начала и до конца узла, нужно выбрать линейную организацию Web-узла. Какая-то страница может иметь несколько связей с примечаниями и дополнениями, но для продвижения дальше пользователь должен вернуться на нее снова (см. рис.4.2.)
Книги вообще изначально прекрасно подходят для размещения на Web-сервере. В них есть четкое деление на части и главы, разделы и подразделы, которые можно поместить в отдельные документы, создав их ссылками.
Недостатком является необходимость дробления содержимого Web -документов на маленькие частички-страницы. В обычных книгах есть закладки и нумерация страниц - здесь этого нет. Это приводит к некоторым сложностям при перемещении по этим страницам
 | ||||
 | ||||
 |
Рис.4.2. Линейная организация
Для большого узла Web линейная организация не очень подходит.
Нежелательно создавать очень длинные страницы - это утомляет пользователя. Пользователю может не понравиться необходимость пройти через множество страниц, прежде чем он попадет на нужную.
3.2.2.3. Организация в виде паутины
Организация информации в виде паутины, вероятно, наулучшим образом подходит для большинства случаев. В этой структуре страницы связаны друг с другом общим контекстом. К одной странице может вести несколько связей из каждого документа есть по крайней мере два входа. Связи иногда образуют круг (см. рис.4.3)
 |
Рис.4.3. Организация в виде паутины
Такая схема используется, когда есть несколько слабо связанных между собой разделов содержания, которые включают материалы, не имеющие контактов с другими разделами.
Для путешествий по Web эта организация узла крайне привлекательна. Пользователям нравится возможность быстрого прохода по узлу и свобода перемещения. Главный недостаток такой структуры в том, что пользователь может что-нибудь пропустить, не пройдя по всем связям. Очень непросто также грамотно разработать переходы между такими разделами и внутри разделов.
При разработке организационной структуры Web-сервера лучше придерживаться одного из готовых вариантов.
Создавая каркас сервера, нужно помнить об аудитории, на которую он рассчитан. Каждая психологическая группа пользователей обладает своими методами работы с документами. Одни предпочитают работать с каталогами, другие - с поисковыми системами сервера. Если сервер создается для работы с одной группой пользователей, то его структура должна полностью удовлетворять некоторому стереотипу поведения. Если таких групп несколько, то на сервере должно быть реализовано несколько схем, соответствующих каждой группе, причем данные схемы должны существовать независимо и не перемешиваться.
Домашняя страница или главная точка входа на Web-сервер должна предоставлять пользователю возможность быстро и без затруднений найти необходимую информацию.
3.3. Обновление информации.
Содержание Web-сервера должно периодически обновляться. Даже описание продукции или услуг нужно обновлять не реже раза в месяц.
Размещаемые на сервере материалы должны быть всегда новы для посетителей. Если в разделе "Новости" содержится информация недельной давности, то это в конце концов приведет к уменьшению популярности сервера.
Желательно использование одного источника информации (базы данных) различными подразделениями компании (Web-дизайнеры, отдел продаж, бухгалтерия, склад и т.д.). Тогда будет обеспечена полная связность и достоверность рабочих материалов.
3.4. Мультимедиа в Web
Мультимедиа - это,как известно,объединение текста, звука, графических изображений и оцифрованного видео.
Интерактивная мультимедиа обеспечивает взаимодействие с пользователем.
Web позволяет осуществить передачу оцифрованного звука на компьютер пользователя и затем проигрывание его с помощью специальных программ.
Звуковые файлы для PC c Windows должны быть в формате WAV(от wave - волна).
Другой звуковой формат MIDI (musical instrument digital interfase - цифровой интерфейс музыкальных инструментов) - международный стандарт для представления звучания музыкальных инструментов, используемый музыкантами при студийных записях. В этом формате кроме мелодий ничего нельзя записать (например шумы или лай собаки) (файлы.MID).
Для графики чаще всего используются форматы GIF и JPG(JPEG).
Для цифрового видео используются такие форматы AVI (Audio Video Interleave - смесь звука и видео). Это стандартный формат файлов Microsoft Video for Windows.
MOV- формат для разных платформ, созданный Apple Computer.
MPEG - новый формат, требующий для просмотра специального аппаратного обеспечения (видеоадаптер с распаковщиком MPEG).
Преимущество MPEG - можно увидеть на компьютере полноэкранное видео в реальном режиме времени.
Картинки могут сделать страницу очень привлекалельной.
Для вставки графики используется тег <IMG>.
<IMG SRC= "имя файла">
В HTML поддерживаются 2 формата.GIF,.JPG.
Может быть такой формат:
<IMG SRC= "имя файла" ALT="описание картинки">
Например
< IMG SRC="rainbow.gif" ALT="картинка с изображением радуги">
Текстовое описание будет отображаться в текстовых браузерах, а также тогда, когда отключена поддержка графики в графических браузерах.
Можно описать картинку внутри определения гиперсвязи.
<A HREF="место назначения"><IMG SRC="имя файла"></A>
Теперь, если пользователь щелкнет мышью на любой части рисунка, он активизирует соответствующую гипертекстовую связь.
Для организации отсылки электронной почты из Web-страницы используется конструкция
<A HREF=mail to:имя пользователя @ домен>текст ссылки</A>.
Когда пользователь щелкнет мышью на словах "текст ссылки", то появится диалоговое окно почтовой программы Netscape.
Для вставки звуковых файлов используется конструкция:
<A HREF="file://audio.wav">щелкните здесь</A>, чтобы услышать звук.
После щелчка на выделенном тексте браузер примет указанный файл с сервера и проиграет его с помощью программы, способной работать с файлами формата.WAV.
Для просмотра оцифрованного видео используется конструкция вида
<A HREF="file://video.avi">щелкните здесь</A>, чтобы увидеть цифровое видео.
Формат видео файлов обычно.MOV (Quick Time for Windows/
.MPG
ТЕМА 4
ПРИНЦИПИ ПОБУДОВИ ГІПЕРТЕКСТОВИХ ІНФОРМАЦІЙНИХ СИСТЕМ
4.1 Рекомендации по созданию Web-страниц.
1. Домашняя страница должна привлекать внимание
Самая интересная информация не обеспечит значительного графика, если домашняя страница узла не привлечет внимания пользователя и не вызовет у него желания посмотреть другие страницы узла.
2. Размер страницы должен быть небольшим
Для того, чтобы отдельную страницу было приятно читать, нужно ограничить ее содержимое одной темой. Пользователь быстро устанет и разочаруется, если при поиске конкретной информации ему придется отфильтровывать большой объем лишних сведений. Кроме того, сократится время загрузки и просмотра, что удобно пользователю. Если имеющийся материал не умещается на одну страницу нормального размера, можно разделить его на несколько страниц и обеспечить связи между ними.
3. Страницы должны быть интересными.
Они должны привлекать внимание пользователя. Необходимо регулярно обновлять их содержимое, чтобы поддерживать постоянный интерес пользователей.
4. Избегайте излишней графики
Чем больше графики, тем медленнее загружается страница и просмотр и это не радует пользователей
5. Нужно стремиться минимизировать время загрузки всей страницы, т.к. пользователи долго ждать не любят. В табл.5.1 приведены некоторые данные о времени загрузки страниц в зависимости от их объема и скорости связи.
Таблица 5.1
| Скорость связи Кбит/с | Объем страницы 50Кб | Объем страницы 100Кб |
| 9,6 | ||
| 14,4 | ||
| 28,8 | ||
| <1 | >1 |
6. не занимайте весь экран одной картинкой, текст и графика загружаются отдельно. Сначала загружается текст, потом графика. Не стоит на первой странице помещать картинку, полностью занимающую весь экран.
4.2. Основы HTML
HTML-документ -это обычный текстовый файл, в который вставлены специальные метки, определяющие вид документа в окне Web-браузера.Кроме того, метки позволяют сделать ссылки из этого документа на другие, а также включать в него иллюстрацию и другую информацию.
Для создания HTML-документов существуют специальные редакторы, хотя их можно создавать и вручную.
Возможности языка HTML:
1. Различные стили форматирования
· Заголовки разного уровня (Н1…Н6)
· Стили написания текста (обычный,жирный,курсив)
· Цветовое выделение текста
· Использование списков
2. Поддержка таблиц
3. Использование в документе иллюстраций, цветных фонов и мультимедийных вставок.
4. Использование в тексте документа гипертекстовых ссылок, в качестве которых могут быть как части текста, так и иллюстрации документа.
5. Использование в документах интерактивных форм для ввода информации пользователем и передачи её Web-серверу. Наличие форм позволяет организовать в Web более сложные способы взаимодействия с пользователем по сравнению с простым применением гипертекстовых ссылок.
Примеры применения интерактивных форм:
· Формирование и передача запросов для поиска информации в базах данных;
· Анкетирование пользователей системы WWW;
· Заказ товаров и услуг через WWW;
· Передача специфической управляющей информации программам, выполняющимся на сервере;
· Регистрация пользователей в системах с ограниченными правами доступа;
· Поддержка сетевых игр.
5.2.1. Язык разметки гипертекста
HTML - это метод представления внешнего вида и содержания документов, основанный на использовании стандартного ASCII-файла. HTML состоит из специальных разметочных директив, или тегов (tag), смешанных с обычным текстом. Документ- это то, из чего состоит Web-страница.Документы могут создаваться с помощью простого ASCII-редактора.
HTML требует от разработчика структурного мышления. Цель заключается в том, чтобы передать пользователю структуру документа.
HTMLтак описывает документы, что любой браузер, независимо от того, на каком компьютере он запущен, сможет прочесть и отобразить эти документы. В отличие от этого, например,документ, созданный в Word, может быть просмотрен только в Word.
HTML- это средство описания структурированных документов,т.е. документов, которые имеют общие элементы, такие как заголовки, подзаголовки, абзацы и списки.
HTML - это формат представления информации, при использовании которого не нужно зоботиться о проблемах форматирования текста.
Преимущества HTML:
1) Файлы HTML совместимы с любым браузером. Эти файлы являются системно-независимыми и могут отображаться любым компьютером, способным поддерживать HTML.
2) Файлы HTML имеют небольшой размер. Накладные расходы при использовании тегов весьма невелики.
3) HTML лёгок для изучения. Не нужно изучать большое количество команд. К тому же, существует много редакторов HTML, облегчающих создание Web-страниц.
Недостатки HTML:
1) HTML ограничен в своих возможностях. Список элементов, которые можно определить внутри документа, весьма ограничен.
2) Нельзя определять новые теги, можно использовать только те теги, которые определены стандартом.
3) Т.к. HTML описывает только структуру документа, нельзя с уверенностью сказать, как именно будет выглядеть документ в том или ином браузере.
Но возможности HTML постоянно улучшаются.
Использование HTML
Основные команды HTML разбиваются на следующие категории:
1) Команды определения структуры. Эти команды определяют, что данный файл является документом HTML и описывают находящиеся в нём данные.
2) Команды форматирования абзаца. Эти команды определяют расположение абзацев и уровни отступов.
3) Команды форматирования символов. Эти команды позволяют применять различные типы написания символов в документе (полужирный, курсив, подчеркнутый).
4) Команды определения списков. HTML поддерживает несколько различных типов списков, включая нумерованный, список с пометками и список определений.
5) Команды определения гипертекстовых связей. С помощью этих команд можно обеспечить переход от одного документа к другому.
6) Команды интегрирования мультимедиа. С помощью этих команд можно отображать графические файлы, снабжать Web-страницы звуковыми эффектами и предоставлять пользователю возможность просмотра видеофрагментов.
HTML-файл - это обычный ASCII-файл, имеющий расширение.htm (в UNIX расширение.html).
Теги- это инструкции браузеру, указывающие, каким образом следует отображать текст. Тег всегда начинается со знака < и заканчивается знаком >.
При написании тегов заглавные и строчные буквы не различаются. Например, теги <HTML>, <HTML> <html> допустимы.
Существует 2 типа тегов:
1) Одноэлементный тег. Его достаточно просто вставить в текст для того, чтобы совершить какое-либо действие.
2) Тег, влияющий на текст, начинающийся с той точки, где употреблён тег, до точки, в которой указан признак завершения команды. Признак завершения команды - это тот же тег, только начинающийся с прямой косой, например, </comand>. Для многих тегов можно указывать параметры.
4.2.2. Структурное форматирование
Существует три тега, используемые при описании структуры HTML-документа. Они не влияют на внешний вид отформатированного документа и используются только для того, чтобы помочь браузеру и различным поисковым программам разобраться в структуре документа.
Первый тег, который должен находиться в любом HTML-документе - <HTML>…</HTML>. Этот тег указывает на то, что данный документ действительно содержит в себе HTML-текст. Всё, что будет содержаться в документе, должно находиться внутри этого тега.
<HTML>
-----------
текст документа
-----------
</HTML>
Необходимо разбить документ на две части - заголовок и собственно текст.
Определение заголовка должно содержаться внутри тега <HEAD>…</HEAD>.
<HTML>
<HEAD>
-----------
описание заголовка
-----------
</HEAD>
-----------
текст документа
-----------
<HTML>
Для того, чтобы указать заглавие, используется тег <TITLE>…</TITLE>. Когда браузер встречает этот тег, он отображает всё, что находится внутри него, как заглавие. Netscape отображает заглавие в строке заголовка.
Весь остальной HTML-документ, включая весь его текст, содержится внутри тега <BODY>…</BODY>.
<HTML>
<HEAD>
<TITLE> Это заглавие документа </TITLE>
</HEAD>
<BODY>
------------
текст документа
------------
<BODY>
<HTML>
Большинство браузеров отобразит документ и без этих тегов, но их желательно использовать - так легче отредактировать документ в дальнейшем, когда эти теги станут необходимы.
В HTML-файл можно добавлять комментарии, которые браузер игнорирует и не отображает на экране. Комментарии делают структуру HTML-файла более понятной. Каждая строка комментариев должна находиться внутри тега <!-…->
Например <! Это комментарий->
В отличие от комментариев в программах, написанных на традиционных языках программирования, комментарии в HTML-файлах передаются пользователю. Поэтому комментарии большого объёма могут замедлить передачу файла.
4.2.3. Форматирование абзацев
Основным элементом HTML-файла является абзац. Текст, который вводится в файл вне тегов <HTML>, <HEAD>, <TITLE>,<BODY>, будет отображаться в виде абзацев. Браузер выводит текст абзацев слева направо и сверху вниз, используя текущий размер окна. Этот процесс называется автоматическим выравниванием. Т.о., если пользователь изменит размер окна, текст будет размещен немного по-другому, поскольку браузер по-другому перенесёт слова. Поэтому то, как разбит текст на строки при написании HTML-файла, не влияет на то, как текст будет отображаться.
Только тег <P> отмечает конец абзаца и отделяет абзацы один от другого.
------------
<BODY>
первый абзац текста <P>
второй абзац текста <P>
------------
</BODY>
------------
Для того, чтобы указать начало новой строки используется тег <BR>.
Тег <HR> указывает на то, что браузер должен отобразить горизонтальную линию, идущую через весь экран.
Для описания заголовка используется тег <Hn>, где n- число от 1 до 6. Чем больше число, тем больше отступ заголовка от левого края страницы (цифра - это уровень заголовка).
Например <H1> Описание курса </H1>
Различные уровни заголовка позволяют организовывать документ иерархически.
Браузер обычно удаляет все лишние пробелы между словами. Единственным исключением является предварительно отформатированный текст. Этот текст отображается шрифтом фиксированной ширины с сохранением всех пробелов.
Все пробелы, расположенные внутри тега <PRE>…</PRE>, будут отображены на экране. Это даёт возможность расположить текст именно так, как вы хотите.
Предварительно отформатированный текст лучше всего использовать для исходных текстов иерархии, а также графиков, диаграмм, таблиц, созданных с помощью стандартного набора символов.
Теги форматирования символов позволяют управлять отображением отдельных символов и слов.
<B>…</B> для выделения полужирным
<I>…</I> для выделения курсивом
<U>…</U> для выделения подчеркиванием
Для ввода некоторых специальных символов нужно ввести такие команды
& bt; <
& gt; >
& amp; &
& guot; "
& nbsp (пробел)
HTML поддерживает несколько типов списков
1) неупорядоченный (с пометками)
2) упорядоченный (пронумерованный)
3) список без пометок
4) список-меню, каждый элемент занимает одну строчку
5) словарь терминов (список определений). Каждый элемент-пара "термин-определение".
Сначала указывается одна из команд (тегов):
Неупорядоченный <UL>…</UL>
Упорядоченный <OL>…</OL>
Без пометок <DIR>…</DIR>
Меню <MENU>…</MENU>
Словарь терминов <DL>…</DL>
Перед каждым элементом списка нужно поставить тег<LI>.
Списки могут быть вложенными.
Пример <P>Виды списков<P> Неупорядоченного <UL>
Списка <LI> неупорядоченный
<LI> упорядоченный
<LI> меню
------
<UL>
Вид на экране
· неупорядоченный
· упорядоченный
· меню
Пример <P> Виды списков <P>
Упорядоченного <OL>
Списка <LI> неупорядоченный
<LI> упорядоченный
<LI>меню
------
<Ol>
Вид на экране
1.неупорядоченный
2.упорядоченный
3.меню
Меню и списки без пометок - это варианты неупорядоченного списка. Они предназначены для отображения списка из элементов небольшого размера, которые можно отобразить в сжатом виде. Элементы меню очень часто оформляют как гипертекстовые связи.
Меню -это список элементов(или даже небольших абзацев),
который лишен любых пометок.
Списки определений предназначены для отображения списков терминов и их определений. Каждый элемент списка состоит из двух частей: термина и его определения.Термин предваряется тегом <DT>, а определение -тегом <DD>. Определение должно заключаться внутри тега <DL>.
<P>определения:<P>
<DL>
<DT>Браузер
<DD>Прикладная программа для просмотра гипертекстовых документов
<DT> ARPANET
<DD> Сеть агенства передовых исследовательских проектов
-------
</DL>
4.2.4. Определение гиперсвязей
Теги определения гиперсвязей позволяют указывать, как документ связан с другими документами Web и как части документа связаны между собой.
Гипертекстовая связь - это указатель на определенное место в другом документе. В самом простом случае указываемое место находится внутри документа. Но можно также определить гиперсвязи к произвольным документам, а также к внешним графическим файлам, видео- и аудио-фрагментам.
Для того,чтобы установить гиперсвязь, нужно знать начальную и конечную точки. Они обозначаются тегом <A>.
Нужно знать
1) имя (или URL) файла, с которым нужно установить связь
2) текст, который будет выделен в документе.
------------------------
Чтобы получить более подробную информацию о фирме Sony, щелкните <A HREF="https://www.sony.com">здесь</A>.Будет подчеркнуто слово здесь. Это и есть обозначение гиперсвязи. После щелчка мышью пользователь переместится на начальную страницу, указанную в теге <A>.
Если ссылка в том же документе, то можно использовать такую конструкцию
Щелкните <A HREF="# TargetName">здесь</A>
------------
текст документа
<A NAME="TargetName"></A>
Сюда будет осуществлен переход.
------------
Универсальная форма (комбинация предыдущих)
Чтобы получить подробную информацию, щелкните <A HREF="https://www.domain.name.html#TargetName">здесь</A>.
В целевом файле должен находиться тег, описывающий соответствующую точку, куда будет осуществлен переход.
(например, <A NAME=……..)
5.2.5. Формы
В HTML 3.0 существуют дополнительные возможности для создания интарактивных форм. Интерактивные формы позволяют серверу Web получать информацию от пользователя с помощью удобного интерфейса, состоящего из управляющих элементов.
 |
Введите свое имя
Введите фамилию
Введите имя пользователя
Введите пароль
Введите свой e-mail адрес
После того, как пользлватель ввел всю необходимкю информацию, браузер передает накопленные данные серверу, который эти данные обрабатывает.
Форма состоит из одного или нескольких элементов управления. Элементы управления - это элементы интерфейса, которые позволяют пользователю взаимодействовать с HTML -документом.
1) Строки ввода текста, используемые для ввода алфавитно-цифровых данных.
2) Строки ввода пароля
3) Области ввода текста, позволяющие вводить больше одной строки.
4) Переккккключатели - флаги проверки, которые позволяют разрешать или запрещать действие той или иной опции.
5) Переключатели - радиокнопки, позволяющие пользователю выбрать одну кнопку из списка.
6) Всплывающие меню и раскрывающиеся списки - выбор одного элемента из списка
7) Кнопки Submit и Reset - передача данных на Web - сервер или сброс введенных данных.
