Текст курсовой работы и стендового доклада на 50-й конференции

Подключите Ваш компьютер к проекту распределённых вычислений!
Этим Вы окажете большую помощь науке и медицине.
См. подробнее: 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>  <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">  </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>

* * *