Лекции по основам разработки WEB-документов средствами языка разметки гипертекста HTML - файл n1.doc

Лекции по основам разработки WEB-документов средствами языка разметки гипертекста HTML
Скачать все файлы (3644 kb.)

Доступные файлы (1):
n1.doc3644kb.30.03.2014 21:38скачать

n1.doc

Министерство образования и науки РФ
Тульский государственный университет
КАФЕДРА Автоматизированных информационных и управляющих систем

КОНСПЕКТ ЛЕКЦИЙ

по дисциплине “ Технология World Wide Web

Направление подготовки: 230100 Информатика и вычислительная техника

Специальность подготовки: 230102 Автоматизированные системы обработки информации и управления


Тула 2010 г.

Разработал д.т.н. профессор Щепакин К.М.
Лекция 1. Способы подключения к Internet

и доступ к ресурсам

Рассматриваемые вопросы:

1. Способы подключения к Internet.

2. Терминальный доступ.

3. Клиентская программа Netscape.

1.1. Способы подключения к Internet.

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

Прямое подключение к Internet. При этом для подключения к магистральным каналам используется выделенный компьютер-шлюз (gateway). Этот способ обеспечивает полный доступ к Internet, но достаточно дорог.

Соединение через чей-либо шлюз. Это также полный сервис IP, но необходимо найти организацию, имеющую шлюз в Internet.

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

Использование косвенного сервис-провайдера или, так называемые on-line-службы, (America-online) также обеспечивает достаточно высокую производительность.

Прямое соединение через шлюз организуется с использованием выделенной телефонной линии. Шлюз становится частью архитектуры Internet и должен оставаться доступным постоянно. Компьютеры, находящиеся в сети вместе с шлюзом, могут иметь полный доступ к Internet.

Этот способ соединения для больших корпораций. Для создания системы прямого доступа необходимо обратиться в InterNIC: service@wic.ddn.mil.

Сервис-провайдеры - это компании со шлюзами в Internet, которые они представляют другим компаниям и частным лицам. Этот вид связи называется сеансовым (коммутируемым соединением или dial-up-соединением). Соединение осуществляется по протоколам SLIP или PPP. Подключение через сервис-провайдера позволяет иметь собственный доменный адрес. Оборудование, необходимое для подключения, определяется самим сервис-провайдером. При этом пользователь должен обеспечить установку программного обеспечения и администрирование создаваемого хоста. Сервис-провайдер может установить ограничение на используемые ресурсы Internet (например, исключить имя FTP и т.п.).

Online-службы - (CompnServe, Delphi, America On line, Prodigy) - были популярны до появления Internet. Они предлагали услуги по обмену файлами. Эти службы позволяют работать с FTP и WWW-серверами, обеспечивают доступ к e-mail и UseNet. Службы ориентированы на отдельных пользователей, работающих с Internet несколько часов в месяц.

1.2. Терминальный доступ

Терминальный доступ в режиме командной строки обеспечивает минимальные затраты на аппаратное и программное обеспечения. Пользователь работает за компьютером, выполняющим роль терминала. Все программы выполняются на удаленном хост-компьютере. Необходимо уметь работать с системой команд операционной системы, установленной на хосте (Unix, VMS). Для работы можно использовать программу Windows Terminal.

Терминальный доступ с использованием меню предусматривает использование на компьютере программы-эмулятора терминала. Минимальность требований к аппаратуре, удобство в работе, ограниченные возможности использования ресурсов Internet. Вся переписываемая информация будет храниться на удаленном компьютере. Для ее копирования на свой компьютер, нужно пользоваться коммуникационной программой. Программа Procom Plus for Windows позволяет использовать ресурсы: FTP, Archie, Telnet, Gopher, Usenet.

Рабочее меню программы выглядит примерно следующим образом:

Network Menu

(T)elhet - доступ к определенному хосту

(A)rchie  - поиск файла в сети

(W)orldWeb - Навигация в Сети

(M)ail

(1)Gogher

(i)RC

(E)xit.

Работа через сервис-провайдера позволяет пользователю применять специальное программное обеспечение, облегчающее доступ к ресурсам сети. Наиболее популярные программы-просмотрщики (Netscape, Mosaic, Ariadna, Arena) обеспечивают доступ ко многим ресурсам Internet. При соответствующих настройках они позволяют подключаться к Internet с удаленного от сети компьютера через модемы, используя в режиме dial-up протоколы низкого уровня PPP и SLIP. Наибольший интерес представляет доступ к ресурсам WWW.

1.3. Клиентская программа Netscape

Netscape Navigator - самая популярная программа для просмотра Web. Текущая версия Netscape доступна на анонимном FTP-сервере ftp.netscape.com в каталоге Netscape:

N16E11N.EXE - для windows 3.x

N32.E.11.N.EXE  - для windows 95

Установка Netscape на рабочую станцию достаточно проста. Для установки нужно:

1) раскрыть архив в рабочий каталог (TEMP).

2) Запустить Setup.

При первом запуске появится текст лицензионного сообщения. Нажатие клавиши ОК означает согласие в выполнении этого соглашения (для учебных заведений и некоммерческих организаций программа распространяется бесплатно). Дальнейшая установка выполняется автоматически.

Программа имеет дружественный пользовательский интерфейс. Структура экрана имеет вид:

 

 Строка меню:

 

предоставляет доступ ко всем функциям, необходимым для работы с Netscape.

Строка адреса предназначена для указания URL текущего документа. URL (Uniform Resource Locator) представляет собой описание ресурса, включающее его местонахождение в Internet. При этом рассматриваемый ресурс может представлять собой как файл на локальном диске, так и файл, хранящийся на каком-либо хосте Internet. URL может быть представлен в виде абсолютной или косвенной ссылки. Абсолютная ссылка содержит полную информацию о ресурсе, включая имя хост-компьютера, на котором он находится, путь к соответствующему каталогу, имя файла. Относительная ссылка предполагает использование уже определенного имени компьютера и пути доступа к файлу. Она указывает только имя файла.

Структура URL:

 

Протокол - это совокупность правил, реализующих работу с конкретным сетевым сервисом. Netscape поддерживает работу с протоколами:

ftp:

gopher:

wais:

news:

telnet:

file: -

Протокол типа file обеспечивает обращение к файлам на локальном диске компьютера. Для его использования правила записи несколько отличаются от применения обычных сетевых протоколов.

file:///диск/ - к локальному диску компьютера

file:// - обращение к FTP-серверу.

http - протокол передачи гипертекста. Он учитывает, что передаваемые документы включают гипертекстовые ссылки (Hypertext Transfer Protocol).

Ссылки содержат информацию об адресах, по которым могут быть определены последующие запросы.

Спецификация протокола HTTP используется по адресу:

http://info.cern.ch/hypertest/WWW/ Protocols/http/http2.html

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

Кнопки каталогов - быстрый доступ к пунктам меню Directory

Строка состояния расположена в нижней части экрана и выполняет три функции:

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

2. При просмотре документа указывает URL гипертекстовой ссылки, на которой стоит указатель мыши.

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

Панель инструментов - быстрый доступ к наиболее часто используемым командам Netscape. Это команды:

Back  - назад, к предыдущему документу;

Forward  - вперед, к следующему документу списка;

Home  - переход к домашней странице;

Relond - перезагрузка текущего документа;

Images  - загрузка встроенных в документ изображений (если автоматическая загрузка выключена);

Open  - открывает окно для ввода URL;

Print  - печать текущего документа;

Find - найти строку в текущем документе;

Stop - остановка процесса загрузки документа.

Нажатием правой кнопки мыши можно вызвать всплывающее меню. Содержание мало зависит от места, в котором была нажата кнопка.

Домашняя страница (home page) - это документ, который автоматически загружается и отображается на экране при запуске Netscape. Этот документ может содержать ссылки на другие документы и WWW-серверы, с которыми пользователь чаще всего работает. При установке программного обеспечения Netscape в качестве домашней страницы компании Netscape Communication 1 указана заглавная страница сервера фирмы Netscape.

Перемещение между документами:

1. Поместить курсор мыши в окно URL, ввести адрес и нажать Enter.

2. Открыть диалоговое окно Open Location и ввести URL документа.

3. В просматриваемом документе установить курсор на ссылку и щелкнуть мышью.

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

Netscape сохраняет информацию о всех документах в текущем сеансе работы, позволяет быстро выбирать эти документы с помощью клавиш Back, Forward. Сохранение ранее просмотренных документов выполняется в Cash - каталоге.

Благодаря кэшированию сокращается число обращений Netscape к Internet и сокращается объем трафика. Netscape позволяет установить параметры, которые определяют размеры оперативной и дисковой памяти для кэша. Для этого нужно воспользоваться пунктом меню Options:

 

По умолчанию определены следующие параметры:

 600 кб - ОЗУ

5000 кб - HDD.

Можно переопределить каталог для кэширования на диске, очистить дисковую память.

В процессе работы в строке состояния могут появляться сообщения:

Connect Looking Up Host <имя_хоста> - Поиск хоста

Connect Contracting Host <имя_хоста> - Cоединение с хостом

Connect Hos Contacted. Waiting replay... Соединение с хостом установлено. Ждите ответа

Document:Receivedofbytes. Получено nnn из mmm байтов документа.

Transferring data - выполняется передача данных.

Document: done - загрузка завершена.

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

 

При отключении этого режима загрузить изображение можно нажатием кнопки Images. Имеется два режима показа изображений:

- показать после полей загрузки.

- более точно отображать цвета.

Для сохранения документов используется пункт меню File:

File

Save  Save As...

Кроме обычных графических файлов форматов GIF и JPG Netscape позволяет воспроизводить документы других типов:

WAV, MIDI - звук

TIFF, GIF, IPEG  - графика

MPEG, AVI, MOV - видео

PS, PTF, DOC  - отформатированный текст.

Программы просмотра мультимедиа позволяют сконфигурировать их под стандарт MIME (Multipurpose Internet Mail Extensicon), обеспечивающий пересылку по e-mail Internet любых типов файлов.

 
Лекция 2.Технология World Wide Web

Рассматриваемые вопросы:

1. Предпосылки создания технологии World Wide Web

2. Гипертекст

3. Основные компоненты технологии WWW

4. Архитектура WWW-технологии

2.1. Предпосылки создания технологии World Wide Web

Идея создания технологии передачи данных в сети с использованием гипертекстовых ссылок зародилась в 1989 году. Первая версия программного обеспечения заработала в 1990 году. В августе 1993 года был завершен проект Mosaic, внесший огромный вклад в развитие спецификации WWW.

Появление WWW и ее бурный прогресс не одиночен. Приблизительно в те же годы появляется ряд других информационных систем.

Масачусетский технологический институт (USA) и национальный институт Информатики и Автоматики (Fra) образовали W3-консорциум. Смысл соглашения: все программное обеспечение аккумулируется в MIT, участники имеют право копирования всех разработок. Программное обеспечение распространяется свободно. Взнос полноправных участников 50000$ в год. Ассоциативных членов - 5000$. Средства используются на разработку программного обеспечения.

В 1994 году в докладе Комиссии Европейского Союза отмечается, что “происходит бурный рост рынка информационных технологий. Руководителям стран - членам Союза рекомендуется предпринять энергичные меры по поддержке работ в этой области”. Авторы утверждают, что происходит очередная техническая революция, вызванная возможностями современных телекоммуникационных систем и компьютерных сетей. Выделяются 10 основных сфер принятия новых технологий:

- работа по средствам сети, т.е. создание новых рабочих мест;

- обучение по сети;

- научные коммуникации;

- обычные услуги по сети;

- управление дорожным движением;

- быстрое медицинское обслуживание;

- управление воздушным движением;

- создание единой системы защиты прав потребителей и производителе информационных услуг;

- создание единой европейской административной сети;

- создание информационной сети общего пользования для всех граждан Союза.

Учреждение консорциума W3C - явилось ответом профессионалов на медлительность бюрократов из Евросоюза.

2.2. Гипертекст

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

Гипертекст - это нелинейный текст. Это достигается путем создания специального механизма связи различных страниц текста при помощи гипертекстовых ссылок. У обычного текста есть ссылки типа “следующий -предыдущий”. У гипертекста можно построить еще сколько угодно ссылок.

2.3. Основные компоненты технологии WWW

При разработке WWW-технологии была реализована идея применения гипертекстовой модели к информационным ресурсам, распределенным в сети, и сделать это максимально простым способом. Четыре основные компоненты технологии WWW:

- язык гипертекстовой разметки документов HTML (HyperText Markup Language);

- универсальный способ адресации ресурсов в сети URL (Universal Resources Locator);

- протокол обмена гипертекстовой информацией HTTP - (Hyper Text Transfer Protocol);

- универсальный интерфейс шлюзов CGI (Common Gateway Inetface).

В HTML заложены три идеи:

- простота набора текста;

- гипертекстовые ссылки хранятся в теле документа как его часть;

- возможность включения в документ файлов других форматов.

В настоящее время HTML развивается в сторону создания языка создания интерфейсов как локальных, так и распределенных систем.

URL используется в гипертекстовых ссылках и обеспечивает доступ к распределенным ресурсам.

HyperText Transfer Protocol, HTTP - предназначен для обмена текстовыми документами и учитывает специфику только обмена. В процессе взаимодействия клиент может получить новый адрес ресурса в сети, запросить встроенную графику. Управление в HTTP реализовано в виде ASCII-команд.

CGI - расширение возможностей WWW за счет подключения внешнего программного обеспечения, например расчетных программ.

2.4. Архитектура WWW-технологии

Программное обеспечение WWW построено по схеме клиент-сервер.



Программа -клиент выполняет функции интерфейса пользователя и обеспечивает доступ практически ко всем ресурсам Internet. Фактически клиент - это интерпретатор HTML. В его функции входит размещение информации на экране и обмен информации с сервером по мере анализа полученного HTML - текста, что наиболее наглядно происходит при отображении встроенных в текст графических образов. При анализе URL - спецификации или по командам сервера клиент запускает дополнительные внешние программы для работы с документами в форматах, отличных от HTML (GIF, JPG и т.д.). Для запуска клиентом программ независимо от типа документов разработанная программа Launcher. Но в последнее время чаще используется механизм согласования запускаемых программ через MIME-типа.

Другую часть программного комплекса WWW составляют сервер протокола HTTP, базы данных документов в формате HTML, управляемые сервером, и программное обеспечение, разработанное в формате CGI.

Существует несколько программ-серверов:

CERN, NCSA - использовались до появления Netscape.

Сервер для Windows - свободно распространяемый без встроенного самоликвидатора.

Apachie - сервер для Unix - противовес Netscape и реализует дополнительные функции HTML;

Netscape - сервер Netscape с самоликвидацией. Ориентирован на коммерческое распространение.

База данных HTML-документов - часть файловой системы, содержащей файлы в формате HTML и связанную с ним графику и другие ресурсы.

Прикладные программы делятся на 2 класса: шлюзы и прочие программы.

Шлюзы - это программы, обеспечивающие взаимодействия сервера с серверами других протоколов, например FTP.

Компоненты WWW существуют практически для всех типов компьютерных платформ и свободно доступны в сети. Любой, кто имеет доступ в Internet, может создать свой WWW-сервер.
Лекция 3. Язык гипертекстовой разметки.

Рассматриваемые вопросы:

1. Идеология языка HTML.

2. Структура HTML-документа.

3. Заголовок документа.

4. Тело HTML-документа.

3.1. Идеология языка HTML.

Язык HTML (HiperText Marcup Language) был предложен (Тим Бернерс-Ли) в 1993 г. как один из компонентов технологии разработки распределенной гипертекстовой системы Word Wide Web.

Разработчики пытались решить две задачи:

1) дать дизайнерам гипертекстовых баз данных простое средство создания документов.

2) сделать это средство достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интересах пользователя гипертекстовых баз данных.

Первая задача решена за счет выбора таговой модели описания документа.

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

Файл можно создать в любом текстовом редакторе.

Гипертекстовая_база_данных - это набор текстовых файлов, написанных на языке HTML, определяющим форму представления информации (разметка) и структуру связи этих файлов (гипертекстовые ссылки).

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

Сервер выполняет следующие функции:

- доступ к документам;

- обработку гипертекстовых ссылок;

- препроцессорную обработку документа.

Интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации.

В настоящее время известна версия языка HTML3.0. Несмотря на то, что имеются средства и макросы для текстовых процессов, большинство пользователей создают WWW - страницы вручную.

Каждая HTML - команда вводится непосредственно в файл в место, начиная с которого она должна оказывать эффект.
<команда> ............ .

начало команды  конец команды

Многие команды могут иметь параметры, которые управляют их работой. В этом случае синтаксис команды имеет вид:

<команда параметр= значение>

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

3.2 Структура HTML-документа

Чтобы WWW - браузеры могли узнать, что тот или иной файл написан на языке HTML, в начале и в конце документа указываются таги:

.........документ...........

В общем случае эти команды необязательны. Но лучше их использовать.

Страницы WWW состоят из заголовка и тела. Заголовок выделяется тагами

..... ...... ....,

а тело - тагами

....... .... ......

Команда  позволяет автору WWW-страницы задать специальное название, которое WWW- просмотрщик сможет отобразить в заголовке окна и добавить к списку страниц в файл закладок по команде пользователя. Как и большинство тагов, таг TITLE парный. То есть заголовок документа должен находиться между начальным и конечным ключевым словами.<br /> <br /> <TITLE> текст названия HTML - страницы .

Эта команда должна использоваться только в разделе HEAD.

Структура HTML-документа:





содержание заголовка





содержание тела документа
Учебный текст
© perviydoc.ru
При копировании укажите ссылку.
обратиться к администрации