<< Вернуться к списку курсовых работ
Подключите Ваш компьютер к проекту распределённых вычислений!
Этим Вы окажете большую помощь науке и медицине.
См. подробнее: http://solidstate.karelia.ru/~yura/pyldin/yura/computing.htm




------------------------ Введение: --------------------------

   Всвязи с широким распространением персональных компьюте-
ров с начала 80х годов бурно развиваются технологии Internet.
В настоящее время самой эффективной и популярной технологией
Internet является World Wide Web - Всемирная Информационная
сеть. Проект World Wide Web был начат в 1989 году Тимом Бер-
несом Ли в лаборатории физики высоких энергий CERN и в перво-
начальном варианте назывался гипертекстовым проектом. Целью
проекта являлась разработка метода обмена исследовательскими
данными и идеями с учеными, разбросанными по всему миру.
   Основой World Wide Web является использование протоколов,
то есть языка и правил, посредством которых компьютеры обща-
ются между собой. World Wide Web объединяет в себя несколько
протоколов, наиболее известные из которых - FTP (File Trans-
fer Protocol), HTTP (Hyper Text Transfer Protocol) и E-Mail
(Электронная почта). Самым главным является протокол переда-
чи гипертекста HTTP. Успех World Wide Web отчасти обусловлен
тем, что через HTTP можно оперировать многими протоколами.
HTTP - это язык, на котором общаются между собой клиенты и
серверы World Wide Web. Web-серверы часто называют HTTP-сер-
верами. В настоящее время World Wide Web-серверы работают на
многих платформах и в операционных системах как Windows, UNIX,
OS/2, Macintosh и других. Популярность World Wide Web нача-
лась в ноябре 1992 года после создания программы просмотра
Web-документов Mosaic Национальным центром суперкомпьютеров
NCSA. В начале 1993 года в мире насчитывалось лишь 130 узлов
Web, а уже через полгода после появления Mosaic'а их число
возросло до 10000. На октябрь 1994 года насчитывалось 27 млн.
человек, пользующихся электронной почтой и более 30 млн. че-
ловек, пользующихся World Wide Web. Сеть Internet растет экс-
поненциально, приблизительно удваивая свои размеры ежегодно,
и такой рост наблюдается в течении последних шести лет. По-
нятно, что Internet является одним из хорошим средств, с по-
мощью которого можно представить всему миру Ваши публикации.
   Для публикаций в World Wide Web используется язык разметки
гипертекстовых документов HTML и протокол передачи гипертекс-
та HTTP. Любой пользователь, который заинтересован в публика-
ции своих документов в World Wide Web, должен уметь создавать
Web-страницу. Сейчас существуют множество компаний, которые
создают Web-страницы на заказ, и стоимость таких услуг колеб-
лется от $100 до $200 в час. Так что уметь самому создавать
Web-страницу необходимо всем, кто заинтересован представить
в Internet'е себя, свою фирму или учебное заведение.
   Для создания Web-страниц существует множество Web-редакто-
ров. В Netscape Navigator версии выше 4.0 входит композер,
однако он не универсален и лишен многих возможностей. Также
существуют конверторы, которые могут преобразовать в HTML-фор-
мат любой текстовый документ. Среди конверторов стоит отметить
Web Publisher, RTF to HTML, PostScript to HTML; среди редакто-
ров: HotMetal, HotDog, HTML Assistant, HTMLed, HTML Hyper
Edit, HTML Writer, Live MarkUp и т.д.

-------------------------------------------------------------

   Технология, называемая гипертекстом, является основой
World Wide Web. Гипертекст - это текст, созданный для эму-
ляции человеческой мысли и наделенный ассоциативностью.
Эти возможности гипертекст реализует посредством внедрения
связей (links), которые так же называются ссылками или го-
рячими точками.
   Связи - это выделенные или подчеркнутые слова, фразы или
картинки, образующие пути в другие части документа или вооб-
ще в другой, связанный с данным, документ. Щелчок мышью на
связи переносит читателя к определенной части текста или к
новому документу, в зависимости от характера связи. В Web-
-документах для создания таких связей используется специаль-
ный язык - HTML (Hyper Text Markup Language).
   Язык HTML предназначен для формирования документов и при-
ведения их к виду, пригодному для просмотра с помощью прог-
рамм - Web-клиентов, например Netscape Navigator или Mosaic.
Основная идея, которая преследовалась при его разработке -
создать такой формат документов, который не зависел бы от
типа компьютера, на котором эти документы будут просматри-
ваться.
   В основе любого World Wide Web - документа лежат дескрип-
торы. Дескрипторы, которые заключаются в угловые скобки < >,
описывают структуру и формат документа. Большинство дескрип-
торов - парные, т.е. имеют открывающий дескриптор и закрыва-
ющий. Многие дескрипторы имеют специальные атрибуты, которые
дополняют имя дескриптора. Эти атрибуты дают дополнительную
информацию, которая часто необходима для правильного функци-
онирования дескриптора. Дескрипторы можно разбить на четыре
группы в соответствии с выполняемыми ими функциями. Различа-
ют дескрипторы определения, описания, связи и дескрипторы,
вызывающие средства мультимедиа.
   Дескрипторы определения определяют документ. Документ дол-
жен начинаться с открывающего дескриптора <HTML> и заканчи-
ваться закрывающим дескриптором </HTML>. Эти дескрипторы поз-
воляют определить для Navigator'а, что документ, который он
просматривает, действительно написан на языке HTML. HTML-файл
делится на заголовок и собственно текст HTML-документа. Заго-
ловок помещается внутрь дескрипторов <HEAD> ... </HEAD>. Этот
раздел HTML-файла не виден при просмотре, однако он содержит
информацию о документе. Дескриптор <HEAD> должен быть первым
элементом HTML-файла после дескриптора <HTML>. В разделе за-
головка указывается так же название документа. Для этого слу-
жит дескриптор <TITLE>. Все, что расположено между открываю-
щим дескриптором <TITLE> и закрывающим </TITLE>, будет отоб-
ражено в строке заголовка окна Navigator'а или любой другой
программы просмотра Web-документов. Кроме этого большинство
программ, работающих с Web-страницами, используют этот заго-
ловок при создании своих списков предыстории, а многие средс-
тва поиска и индексирования World Wide Web проводят поиск до-
кументов именно по их названиям. Поэтому, очень важно, чтобы
заголовок каждой Web-страницы был по возможности более инфор-
мативным и, в идеале, неповторимым. Наконец, текст HTML-доку-
мента определяется открывающим дескриптором <BODY> и закрыва-
ющим </BODY>. Здесь содержится вся информация, которую видит
пользователь в окне Navigator'а - текст, ссылки, картинки.
   К дескрипторам форматирования относятся дескрипторы, отве-
чающие за организацию теста в документе HTML. Дескрипторы
форматирования, в свою очередь, подразделяют на дескрипторы
компоновки, списка и стиля.
   Дескрипторы компоновки замечательны тем, что они одиноч-
ные. Предназначены они для разделения текста на части. Напри-
мер, дескриптор <P> указывает границу абзаца, дескриптор <BR>
разрывает текущую строку, а дескриптор <HR> определяет гори-
зонтальную линию.
   Дескрипторы списка определяют участок на странице, предс-
тавленный в виде списка с отступами. Списки бывают упорядо-
ченные, неупорядоченные и описательные. Упорядоченные списки
имеют вид пронумерованных позиций или элементов. Неупорядо-
ченные списки представляются как маркированные списки. А опи-
сательные списки, которые еще называют списками определения,
состоят из элементов названий, за которыми следуют описания с
отступами. Внутри списков могут использоваться большинство
других HTML-дескрипторов, включая и другие списки. Начало и
конец неупорядоченного списка отмечаются дескрипторами <UL>
... </UL>, а упорядоченного - дескрипторами <OL> ... </OL>.
Упорядоченные списки используются для представления пронуме-
рованных позиций. Элементы в списке будут пронумерованы ав-
томатически с помощью дескриптора <LI>. Каждый дескриптор
<LI> отмечает начало нового элемента в упорядоченном или не-
упорядоченном списке. Дескриптор <LI> - одиночный. Описатель-
ный список заключается в дескрипторы <DL> ... </DL>. Внутри
описательного списка можно создать заголовок с помощью оди-
ночного дескриптора <DT>. А после одиночного дескриптора <DD>
следует текст описания.
   Дескрипторы стиля - это определения цвета, шрифта и стиля
выводимого текста. Дескрипторы помещают в начало и в конец
текста, который нужно выделить. Чаще всего используется четы-
ре следующих стиля: полужирный шрифт, курсив, подчеркивание
и заданный формат. Для получения полужирного шрифта использу-
ются дескрипторы <B> ... </B>, для курсива - <I> ... </I>, а
для подчеркивания - дескрипторы <U> ... </U>. Заданный формат
определяется дескрипторами <PRE> ... </PRE> и означает, что
текст на экран будет выводиться моноширинным шрифтом, т. е.
все символы в строке будут иметь одинаковую ширину.
   Дескрипторы связи являются основными в HTML-документе. С
помощью них делаются ссылки на другие Web-документы, файлы
другого формата, а также документы, находящиеся на других
серверах Internet. Связи могут указывать на другие области
того же документа и даже на определенные области другого
документа.
   Дескриптор <A> является основой для создания связей. В за-
висимости от атрибутов, дескриптор связи может выполнять од-
ну из двух функций. Вместе с атрибутом HREF дескриптор <A>
позволяет связать текущий документ с другими документами. А
вместе с атрибутом NAME этот дескриптор указывает в документе
место, к которому можно перейти, используя атрибут HREF. Ат-
рибут HREF превращает выбранный участок текста в гиперсвязь.
После этого щелчок мыши на этом связанном тексте будет пере-
носить читателя в документ, адрес которого задан в виде пути
к другому файлу, содержащему Web-документ. Данный вид связи
оформляется следующим образом:
                <A HREF="адрес">связанный текст</A>
   Атрибут NAME позволяет отметить фрагмент Web-страницы, на
который можно ссылаться в дескрипторе <A HREF>. NAME позволя-
ет присваивать разделу Web-страницы имя, которое будет искать
Navigator при переходе к указанному разделу. Атрибут NAME за-
дается следующим образом:
                <A NAME="строка">текст привязки</A>
В качестве строки можно использовать использовать любые стро-
ки стандартного ASCII-текста. Чтобы указать гиперсвязь на
данное место документа, в дескрипторе <A HREF> следует доба-
вить к адресу документа конструкцию #строка. Знак # приписы-
вает Navigator'у перейти к указанному месту в HTML-документе.
Чем больше связей NAME Вы используете, тем проще читателю на-
ходить нужную информацию, особенно в больших документах.
   К дескрипторам, вызывающим средства мультимедиа, в первую
очередь относятся средства графики. Для включения в HTML-до-
кумент рисунка используется дескриптор <IMG>, который позво-
ляет подключать изображение в GIF или JPEG-формате. Для этого
следует в дескрипторе <IMG> указать путь и имя рисунка с по-
мощью атрибута SRC. Дескриптор <IMG> имеет еще несколько ат-
рибутов, например ALIGN, который указывает, как выравнивать
текст, находящийся в той же строке, что и рисунок. Атрибут
ALT используется для указания альтернативной строки текста,
которая должна появиться вместо рисунка, если пользователь
использует для просмотра HTML-документа программу, которая
не поддерживает вывод рисунков. Дескриптор <IMG> является
одиночным дескриптором. Этот дескриптор можно поместить внутрь
дескриптора <A HREF> так же, как это делается с частью текста.
Это позволит перейти к ссылке.

        Несколько советов по оформлению Web-страниц:
1) Не следует помещать на Web-страницу картинки больших раз-
   меров (больше 35 Kb), чтобы не увеличивать время загрузки.
2) Не следует создавать на Web-странице заголовок слишком
   больших размеров.
3) В случае, если картинка занимает много места, то следует
   предупредить читателя, что он может столкнуться с дли-
   тельной загрузкой.
4) Для картинок не следует использовать палитру, содержащую
   больше 256 цветов, так как не на всех мониторах и не во
   всех программах просмотра Web-страниц есть возможность
   качественно просматривать такой набор цветов.
5) Некоторые пользователи все еще работают с текстовыми
   Web-программами, поэтому следует вносить в дескриптор
   <IMG> атрибут ALT, который вместо картинки выведет заме-
   няющий ее текст.
6) Не следует создавать кнопки, не снабженные информацией об
   их использовании.
7) При организации ссылок не следует оформлять их в виде
   текста "щелкни здесь". Одна из идей гипертекста заключает-
   ся в том, что связи с другими документами должны возникать
   ассоциативно.

----------------------- Java Script -------------------------

   Существует расширение языка HTML - язык JavaScript. Язык
JavaScript вышел в свет в конце 1995 года, а до этого был ши-
роко распространен язык Java. Тогда же был язык описания сце-
нариев LiveScript, встроенный Netscape Navigator 2.0. Этот
язык предназначался для создания небольших программ, запраши-
вающих данные с сервера. Но в последствии компания Netscape в
сотрудничестве с компанией Sun MicroSystems начала создавать
язык JavaScript.
   Начиная с версии 3.0. Netscape Navigator содержит встроен-
ный интерпретатор языка JavaScript, в то время как предыдущие
версии Navigator'а требовали компиляции программы в специаль-
ный байт-код. Теперь программы на языке JavaScript размещают-
ся внутри HTML-документа в виде исходных текстов и интерпре-
тируются после загрузки в Navigator.
   Главная цель языка JavaScript является обеспечение актив-
ного взаимодействия между пользователем и HTML-документами.
Все события, происходящие в Navigator'е, например, нажатие
кнопки или переход к другой странице, обнаруживает и обраба-
тывает JavaScript-программа. Эти события позволяют программе
и Navigator'у тесно взаимодействовать друг с другом. Напри-
мер, JavaScript-программа может определить, когда пользова-
тель покидает страницу и выполнить при этом определенные
действия. Язык JavaScript хорош для проверки правильности
HTML-документов и динамического создания и изменения различ-
ных элементов в HTML-файле. Чтобы Web-страничка приобрела
другой внешний вид, автору не нужно вручную изменять ее
текст.
   Кроме этого JavaScript имеет возможность создавать окна
для ввода данных и вывода сообщений. Имеется так же возмож-
ность подключать модули, написанные на языке Java и находя-
щиеся в уже скомпилированном байт-коде и взаимодействовать
с ними.
   С помощью языка JavaScript Вы можете перейти от простого
написания HTML-документов к деятельности, которую можно наз-
вать HTML-программированием.
   Программа на языке JavaScript может находиться в любом
месте HTML-документа. Однако HTML-дескрипторы нельзя поме-
щать внутрь JavaScript-программы. JavaScript-программа рас-
полагается в дескрипторах <SCRIPT> ... </SCRIPT>. Встретив
дескриптор <SCRIPT>, Navigator построчно анализирует содер-
жимое документа до тех пор, пока не будет достигнут закры-
вающий дескриптор </SCRIPT>. После этого происходит компи-
ляция этого текста в формат машинного байт-кода и произво-
дится тест на наличие ошибок. Если при компиляции были обна-
ружены ошибки, то Navigator выводит на экран окна с предуп-
реждениями. Чтобы продолжить работу, необходимо нажать кноп-
ку "OK" в каждом таком окне. Наиболее целесообразно помещать
JavaScript-инструкции в заголовок HTML-файла в дескрипторы
<HEAD> ... </HEAD>, чтобы программа загружалась сразу после
загрузки документа.
   Язык JavaScript весьма компактен и представляет в распо-
ряжение разработчика всего около десятка операторов. Опера-
торы - это основа для построения JavaScript-приложений, поз-
воляющие выполнять множество различных действий: размещать
комментарии в программе, вычислять сложные условные выраже-
ния и т.д.. Операторы в сочетании с другими средствами языка
JavaScript, такими как переменные, объекты и свойства, обра-
зуют работающие приложения. Программные блоки заключаются в
в фигурные скобки { }, а операторы разделяются точкой с за-
пятой ;. Существуют операторы цикла трех видов, условные
операторы, операторы описания переменных и некоторые другие
операторы. Внешне JavaScript очень похож на язык Си.
   Язык JavaScript базируется на объектно-ориентированной мо-
дели данных. При создании HTML-документов и JavaScript-прог-
рамм, необходимо учитывать структуру объектов. Объекты, под-
держиваемые в программе Navigator можно разделить на 3 груп-
пы: объекты Navigator'а, внутренние объекты JavaScript и объ-
екты, связанные с языком HTML (это, например, гиперсвязи). С
объектами связаны методы, которые позволяют управлять этими
объектами и, в некоторых случаях, изменять их содержимое.
Кроме того, при помощи языка JavaScript Вы можете создать
собственные методы объектов.
   С помощью языка JavaScript возможно разбивать окно на час-
ти, а так же открывать новые окна и загружать в них другие
HTML-документы. Можно при создании окон задавать ширину, вы-
соту окна, а так же указывать наличие или отсутствие строки
состояния, линеек прокрутки и т.д..
   Так же существует возможность создавать фреймы, т.е. час-
ти окна Navigator'а. Эта возможность введена в Navigator в
версии 2.0. Документы в HTML-формате могут загружаться во
фреймы при помощи операторов языка JavaScript. Иначе говоря,
некоторые JavaScript-программы динамически создают и загру-
жают документы во фреймы. Для динамического обновления содер-
жимого фреймов используются такие HTML-документы, как кнопки
и гиперсвязи. В этих случаях динамическое обновление содер-
жимого фреймов происходит в реальном времени, т.е. сразу же
после активизации соответствующих управляющих элементов.
Размеры фреймов можно менять при помощи мыши, иногда фреймы
имеют полосы прокрутки для просмотра больших документов. В
основном фреймы предназначены для просмотра нескольких до-
кументов в одном окне Navigator'а.

------------ Список использованной литературы: --------------

1) Б. Хеслоп, Л. Бадник - "HTML с самого начала";
   Изд. "ПитерПресс"; С.-Петербург, 1997 год.

2) Д. Мейнджер - "JavaScript: Основы программирования";
   Издательская группа BHV; Киев, 1997 год.

3) Л. Джон, Б. Кэрол - "Секреты Интернет";
   Изд. "Диалектика"; Киев, 1996 год.

4) П. Хоффман - "Internet";
   Изд. "Диалектика"; Киев, 1995 год.

------------------------ Иллюстрация 1 ----------------------

<HTML>

<HEAD>
   <META charset=windows-1251">
   <TITLE>Название документа</TITLE>
</HEAD>

<BODY>

<H1>Заголовок документа</H1>

<HR>

<BR><B>Полужирный шрифт</B>
<BR><I>Курсив</I>
<BR><U>Подчеркивание</U>
<PRE>"Здесь все символы имеют одинаковую ширину"</PRE>

<HR>

<FONT SIZE=+1>Пример ссылки на файл: </FONT>&nbsp;
<A HREF="primer.arj">
<IMG SRC="Download.gif" BORDER=0 HEIGHT=38 WIDTH=176 ALIGN=ABSCENTER>
</A>
<BR>

<HR>

<P><FONT SIZE=+1>Пример упорядоченного списка:</FONT>
<OL>
  <LI><FONT SIZE=+1>Упорядоченный</FONT></LI>
  <LI><FONT SIZE=+1>Упорядоченный</FONT></LI>
  <LI><FONT SIZE=+1>Упорядоченный</FONT></LI>
</OL>

<HR>

<P><FONT SIZE=+1>Пример неупорядоченного списка:</FONT>
<UL>
  <LI><FONT SIZE=+1>Неупорядоченный</FONT></LI>
  <LI><FONT SIZE=+1>Неупорядоченный</FONT></LI>
  <LI><FONT SIZE=+1>Неупорядоченный</FONT></LI>
</UL>

<HR>

</BODY>

</HTML>

------------------------ Иллюстрация 2 ----------------------

<HTML>

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showTime() {
  // получить текущее системное время и
  // выделить часы, минуты и секунды
  var timeNow = new Date();
  var hours = timeNow.getHours();
  var minutes = timeNow.getMinutes();
  var seconds = timeNow.getSeconds();
  // изменить значение времени для отображения времени
  // в 12-формате:
  var timeString = "" + ((hours > 12) ? hours - 12 : hours);
  // Сформировать строку HH:MM:SS, учитывая, что каждое
  // поле содержит не более двух цифр:
  timeString += ((minutes < 10) ? ":0" : ":") + minutes;
  timeString += ((seconds < 10) ? ":0" : ":") + seconds;
  // Добавить строку A.M./P.M., исходя из текущего времени
  timeString += (hours >= 12) ? " P.M." : " A.M.";
  // Обновить поле времени в документе:
  document.htmlClock.timeField.value = timeString;
  // Часы обновляются с периодичностью в 1 сек.:
  timerID = setTimeout("showTime()", 1000);
}
//-->
</SCRIPT>
</HEAD>

<BODY ONLOAD="showTime()">
  <FORM NAME="htmlClock">
  <INPUT TYPE="text"
        NAME="timeField"
        SIZE=14>
  </FORM>
</BODY>

</HTML>

------------------------ Иллюстрация 3 ----------------------

<HTML>

<HEAD>
  <TITLE>Sample Table 1</TITLE>
</HEAD>

<BODY>
<H1>Sample Table 1</H1>
<TABLE BORDER="4">
  <CAPTION>Sales figures for 1995</CAPTION>
  <TR>
    <TD COLSTART="1" WIDTH="100"></TD>
    <TD COLSTART="2">Eastern Region</TD>
    <TD COLSTART="3">Central Region</TD>
    <TD COLSTART="4">Western Region</TD>
  </TR>
  <TR>
    <TD COLSTART="1">January</TD>
    <TD COLSTART="2">2345.44</TD>
    <TD COLSTART="3">1120.33</TD>
    <TD COLSTART="4">1436.33</TD>
  </TR>
  <TR>
    <TD COLSTART="1" WIDTH="100" ROWSPAN="1">February</TD>
    <TD COLSTART="2">5300.00</TD>
    <TD COLSTART="3">1923.33</TD>
    <TD COLSTART="4">1212.33</TD>
  </TR>
    <TD COLSTART="1">March</TD>
    <TD COLSTART="2">2343.22</TD>
    <TD COLSTART="3">1232.10</TD>
    <TD COLSTART="4">1123.53</TD>
  </TR>
  <TR>
    <TD COLSTART="1">April</TD>
    <TD COLSTART="2" COLSPAN="1">2345.10</TD>
    <TD COLSTART="3">1750.50</TD>
    <TD COLSTART="4">1565.35</TD>
  </TR>
  <TR>
    <TD COLSTART="1">May</TD>
    <TD COLSTART="2">5434.22</TD>
    <TD COLSTART="3">1654.30</TD>
    <TD COLSTART="4">1110.40</TD>
  </TR>
</TABLE>
</BODY>

</HTML>