Устройства для построения сложных сетей: коммутаторы, свитчи, мосты, маршрутизаторы, шлюзы.
Сетевой коммутатор или свитч (жарг. от англ. switch — переключатель) — устройство, предназначенное для соединения нескольких узлов компьютерной сети в пределах одного или нескольких сегментов сети. В отличие от концентратора, который распространяет трафик от одного подключенного устройства ко всем остальным, коммутатор передаёт данные только непосредственно получателю, исключение составляет широковещательный трафик (на MAC-адрес FF:FF:FF:FF:FF:FF) всем узлам сети. Это повышает производительность и безопасность сети, избавляя остальные сегменты сети от необходимости (и возможности) обрабатывать данные, которые им не предназначались. Мост, сетевой мост, бридж — сетевое устройство 2 уровня модели OSI, предназначенное для объединения сегментов (подсети) компьютерной сети разных топологий и архитектур. В общем случае коммутатор (свитч) и мост аналогичны по функциональности; разница заключается во внутреннем устройстве: мосты обрабатывают трафик, используя центральный процессор, коммутатор же использует коммутационную матрицу (аппаратную схему для коммутации пакетов). В настоящее время мосты практически не используются (так как для работы требуют производительный процессор), за исключением ситуаций, когда связываются сегменты сети с разной организацией первого уровня, например, между xDSL соединениями, оптикой, Ethernet’ом.
Маршрутиза́тор или роутер— сетевое устройство, на основании информации о топологии сети и определённых правил принимающее решения о пересылке пакетов сетевого уровня (уровень 3 модели OSI) между различными сегментами сети.
Сетевой шлюз конвертирует протоколы одного типа физической среды в протоколы другой физической среды (сети). Например, при соединении локального компьютера с сетью Интернет вы используете сетевой шлюз.
Роутеры (маршрутизаторы) являются одним из примеров аппаратных сетевых шлюзов. Сетевые шлюзы работают на всех известных операционных системах. Основная задача сетевого шлюза — конвертировать протокол между сетями.
Сервис WWW. Протокол http. URL.
HTTP (Hyper Text Transfer Protocol) - протокол передачи гипертекста, работает на 80ом порту. Используется в Интернете для передачи гипертекстовых HTML страниц. При работе по этому протоколу, каждый элемент HTML – страницы загружается отдельно, причем соединение между загрузками прерывается и никакой информации о соединении не сохраняется. Это сделано для того, чтобы пользователя Web-страниц каждый получал по чуть-чуть, в порядке общей очереди.
Протокол HTTP позволяет получать доступ к ресурсам и сервисам WWW – серверов. Для унификации доступа WWW- серверы поддерживают комплекс интерфейсов, позволяющих структурировать уровни и методы работы с различными ресурсами сети. Для работы с WWW – серверами используются следующие основные сервисы:
· URL (Uniform Resource Locator, местонахождение ресурса) – предназначен для идентификации типов, методов и компьютеров, на которых находятся определенные ресурсы, доступные через Интернет. Этот сервис может иметь имена URI (Uniform Resource Identifier), URN (Uniform Resource Name).
· Hyper Text Markup Language (HTML) – это язык описания содержащейся на WWW – сервере информации. HTML – файл представляет собой обычный двоичный текст (ASCII- текст), содержащий специальные коды, которые обозначают присоединенную к файлу графику, видео, аудио информацию или исполняемые коды среды для просмотра информации – коды Web browser, Java Script. Когда Web browser получает доступ к этому файлу, он предоставляет для пользователя всю информацию в графическом или текстовом виде Web- страницы. Основная концепция размещения информации на Web – странице – это использование гиперссылки (Hyper Text ). Гиперссылки имеют связи внутри документа и позволяют быстро переходить от одной части документа к другой или к другому документу. Гиперссылки позволяют перемещаться также на другие WWW – серверы. Это открывает возможности навигации по сети Интернет. Совокупность взаимосвязанных друг с другом гипертекстовыми ссылками и объединенных единой темой страниц называется Web- сайтом
· IDC (Internet Database Connector) и ASP (Active Server Page) – сервисы, используемые для выборки информации из баз данных и размещения их на Web – страницах.
Основные компоненты технологии World Wide Web:
· язык гипертекстовой разметки документов HTML (HyperText Markup Lan-guage);
· универсальный способ адресации ресурсов в сети URL (Universal Resource Locator);
· протокол обмена гипертекстовой информацией HTTP (HyperText Transfer Protocol);
· универсальный интерфейс шлюзов CGI (Common Gateway Interface).
URI определяет способ записи адресов различных информационных ресурсов. Реализация URI для WWW называется URL (Universal Resource Locator, универсальный определитель ресурса).
Общий формат ссылки URL: протокол://узел/путь/файл[#метка] где протокол – название протокола или метода доступа к данным, определяющего способ взаимодействия с информационным ресурсом; узел - имя или IP-адрес узла (сервера определенного типа), где расположена информация; путь - имя каталога (возможно виртуального) или цепочки вложенных каталогов Web-сервера или файловой системы; файл - имя файла (с расширением), содержащего гипертекст, графические изображения, прикладную программу или другую информацию;
метка - имя закладки в гипертекстовом файле, позволяющей выполнять внутренние переходы к разным фрагментам одного документа
Реализация технологии клиент-сервер в WWW, web серверы и браузеры.
Реализация функции клиент-сервер в www происходит с помощью веб сервера, который получает, обрабатывает запросы (создаются с помощью веб-браузера ) и выдает на них ответы.
Браузеры и Web-серверы являются основными компонентами WWW- технологии, они формируют среду соответственно для клиентских и серверных частей Internet/Intranet-приложений. Многие языковые возможности
встроены в эти компоненты или реализуются за счет расширений клиентов и серверов.
Несмотря на то, что браузеры традиционно относят к разряду так называемых "тонких" клиентов, то есть программ с минимальной функциональностью, их возможности весьма велики. Основные функции браузеров:
-формирование и передача Web-серверу запроса на получение очередной страницы по протоколу HTTP;
-прием, интерпретация языка HTML и отображение гипертекста;
-установление связи с другими серверами (файловыми, почтовыми и FTP-серверами);
- поддержка мультимедийной информации (графики, анимации, аудио- и видеоинформации);
-запрос запуска приложения на сервере, передача и возврат параметров с использованием специального интерфейса CGI, предназначенного для обмена информацией с работающим приложением;
-интерпретация сценариев; исполнение кода Java-программы (апплета); поддержка расширений plug-in и OLE-компонентов ActiveX.
В настоящее время лучшими коммерческими браузерами являются Microsoft Internet Explorer, Opera, Netscape Navigator. Основные функции Web-серверов:
- прием запроса от Web-браузера по протоколу HTTP с использованием протокола TCP/IP;
-обработка запроса от Web-браузера: поиск и отсылка файла гипертекста или документа в браузер по протоколу HTTP;
-обслуживание запросов, использующих протоколы других (не WWW) сервисов Internet: mailto – протокол электронной почты, ftp – протокол передачи файлов, telnet – протокол управления удаленным компьютером и других;
-запуск прикладных программ на Web-сервере;
-административные функции (ведение журналов, контроль прав доступа, управление и т. п.).
Наиболее часто используемыми являются свободно распространяемый Web-сервер Apachi и Web-сервер фирмы Microsoft - Internet Information Server (IIS).
22. Метаязыки и языки разметки текста. Общая характеристика языка HTML: основные понятия и правила синтаксиса.
B 1986 году Международная организация по стандартизации (ISO) приняла стандарт ISO-8879, "Standard Generalized Markup Language" (SGML). Этот стандарт посвящен описанию SGML - обобщенного метаязыка, позволяющего строить системы логической, структурной разметки любых разновидностей текстов. Стандарт SGML определяет лишь синтаксис записи элементов разметки - тегов - и их атрибутов, а также правила определения новых тегов и указания структурных отношений между ними. В качестве самостоятельного средства разметки документов SGML не получил заметного распространения. В 1991 году сотрудники CERN, занятые созданием системы передачи гипертекстовой информации через Internet, выбрали SGML в качестве основы для нового языка разметки гипертекстовых документов. Этот язык - самое известное из приложений SGML – и был назван HTML.
Язык разметки (текста) — набор символов или последовательностей, вставляемых в текст для передачи информации о его выводе или строении.
Следует отметить, что на время появления HTML существовали (и существуют) и другие языки разметки текста, например TeX и RTF. HTML — это стандартный язык разметки документов в Интернете. Все веб-страницы создаются при помощи языка HTML (или XHTML). Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение «html» или «htm»), обрабатываются браузером. Интернет-обозреватель, или браузер, обычно предоставляет пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Opera и Safari. Документ HTML представляет собой ASCII-файл, который наряду с текстом, определяющим содержание документа, включает специальные управляющие HTML-коды - теги. Теги отвечают за форматирование документа. Каждый тег начинается с левой угловой скобки "<" и заканчивается правой угловой скобкой ">". Между скобками записывается идентификатор тега и, если необходимо, дополнительные параметры - аргументы тега. Большинство тегов используются вместе с закрывающей парой, которая сигнализирует об окончании области действия тега. Закрывающая пара после левой угловой скобки содержит символ "/" (например, для тега наклонного шрифта <I> закрывающая пара представляет собой </I>, для тега заголовка<TITLE> закрывающей парой будет </TITLE>). Иногда тег вместе с закрывающей парой называют контейнером, подчеркивая, что внутри него можно поместить содержательную информацию определенного характера. Структура HTML-документа позволяет использовать также вложенные друг в друга контейнеры. Описанные особенности языка HTML предполагают наличие еще одной компоненты Web-технологии - интерпретатора языка гипертекстовой разметки. В WWW функции интерпретатора языка HTML в основном выполняются программой-клиентом – Web-браузером.
Элементы структуры HTML- документа. Фреймы. Оформление блоков гипертекста. Примеры.
HTML-документ представляет собой иерархически связанный набор элементов. Вне зависимости от содержания все правильно составленные HTML-документы имеют одну и ту же структуру:
<!DOCTYPE HTML PUBLIC "html version">
<HTML>
<HEAD> Заголовок документа, содержит дополнительную информацию о документе
<TITLE>Название документа</TITLE>
</HEAD>
<BODY>
Тело документа, содержит размеченный текст отображающий содержание документа
</BODY>
</HTML>
HTML-документ начинается с необязательного элемента <!DOCTYPE>. Затем следует элемент <HTML>, определяющий начало и конец HTML-документа. HTML-документ состоит из двух главных разделов - заголовка и тела, которые обозначаются соответственно элементами <HEAD> и <BODY>. В заголовке содержится вся информация, описывающая документ, в частности, название документа, которое помещается в элемент <TITLE>. Название документа отображает назначение Web-страницы и выводится в заголовке окна браузера при просмотре HTML-документа. Web-страницы с кадрами используют несколько файлов с HTML-документами. Например, страница из двух кадров использует три файла:
1) кадрированный документ, в котором определяются кадры;
2) файл с документом для первого кадра;
3) файл с документом для второго кадра.
Кадрированный HTML-документ вместо элемента <BODY>, содержит элемент <FRAMESET>, определяющий расположение кадров страницы. Главными атрибутами элемента <FRAMESET> являются ROWS и COLS, задающие количества и размеры (в процентах или пикселях) строк и столбцов, на которые будет разбита страница кадрами. Внутри элемента <FRAMESET> содержатся элементы <FRAME>, связывающие каждый кадр с определенным файлом.
Пример структуры кадрированного HTML-документа:
<HTML>
<HEAD>
<TITLE>Название документа</TITLE>
</HEAD>
<FRAMESET COLS="20%,80%">
<FRAME SRC="file1.htm" NAME="Левый кадр">
<FRAME SRC="file2.htm" NAME="Правый кадр">
</FRAMESET>
<NOFRAMES> Часть документа только для старых версий браузеров, не поддерживающих работу с кадрами
</NOFRAMES>
</HTML>
В данном примере страница содержит 2 кадра (2 столбца с ширинами 20% и 80% от ширины экрана), связанных с файлами file1.htm, file2.htm (имена файлов задают значения атрибута SRC элемента <FRAME>). Атрибут NAME определяет имя кадра для указания его в гиперссылках. Элемент
<NOFRAMES> служит для отображения информации, которая видна в браузерах, не поддерживающих работу с кадрами. Для придания большей выразительности HTML-страницам применяются следующие теги и их закрывающие пары:
для использования жирного (bold) написания <B> и </B>
для использования наклонного (italic) написания <I> и </I>
для использования режима (underline) подчеркивания <U> и </U>
В текст HTML-страницы могут быть добавлены заголовки и подзаголовки (с уровнем вложения до шести). Для этого применяются теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6> с соответствующими закрывающими
тегами.
Для форматирования строк и абзацев используют следующие теги:
<P> ... </P> - оформление отдельного абзаца;
<BR> - принудительный перевод строки;
<HR> - горизонтальная черта (разделитель);
<PRE> ... </PRE> - передача текста без дополнительного форматирования.
Имеются также логические стили (элементы <EMP>, <BIG> и др.), форматирующие текст по-разному в различных браузерах.
Таблицы и списки в HTML. Примеры.
Для оформления перечней в гипертексте определены три типа списков: без нумерации или неупорядоченные (используется элемент <UL>), с нумерацией или упорядоченные (<OL>) и списки определений (<DL>).
Пример оформления неупорядоченного списка: <UL>
<LI> Первый элемент списка
<LI> Второй элемент списка
<LI> Последний элемент списка
</UL>
Тег <LI> отвечает за формирование элемента списка.
Списки определений формируются с помощью элемента <DL> и служат для создания глоссариев (словарей терминов) и индексов:
<DL>
<DT>Первый термин
<DD>Определение первого термина
<DT>Второй термин
<DD>Определение второго термина
</DL>
Тег <DD> отвечает за формирование элемента списка определений.
Совместно с механизмом ссылок перечни позволяют строить простые меню.
Таблица представляет собой расположенную на HTML-странице прямоугольную сетку строк и столбцов, в которую можно вводить разнообразную информацию, включая текст, числа, связи и даже изображения. Общий формат описания таблицы, включаемый в элемент <BODY>, следующий:
<TABLE> Контейнер таблицы
<CAPTION> Контейнер заголовка таблицы
Заголовок таблицы
</CAPTION>
<TR> Контейнер строки таблицы
<TH>Заголовок 1-го столбца</TH> Контейнеры заголовков столбцов
<TH>Заголовок 2-го столбца</TH>
. . .
</TR>
<TR>
<TD>Первая ячейка</TD> Контейнеры ячеек
<TD>Вторая ячейка</TD>
. . .
</TR>
</TABLE>
Все описание таблицы размещается в контейнере <TABLE>. Чтобы показать в таблице рамку, применяют атрибут BORDER тега <TABLE>. Дополнительно задается заголовок таблицы - контейнер CAPTION:
<CAPTION ALIGN=выравнивание>Заголовок таблицы</CAPTION>
где параметр выравнивание принимает значения: TOP – по верху, BOTTOM– по низу.
Таблица определяется по строкам с помощью контейнера <TR>, в который вложены контейнеры ячеек <TD>, разделенные по столбцам. При этом в контейнер ячейки можно помещать не только текст, но и метки для форматирования текста (например, <B> или <I>), списки, вложенные таблицы, а также изображения, например (см. также раздел 3.4):
<TABLE>
<TR>
<TD>One
<TD><IMG SRC="picture.jpg" ALT=" ">
<TD><FONT SIZE=5>W<FONT SIZE=3>Three
</TR>
</TABLE>
Кроме этого, внутри тегов <TD> и <TH> можно осуществлять выравнивание с помощью атрибута ALIGN со значениями: LEFT (влево), RIGHT (вправо) или CENTER (центрировать). Кроме горизонтального выравнивания в клетках таблиц можно применять и вертикальное выравнивание текста. В этом случае в тегах <TD> и <TH> применяется атрибут VALIGN с выравниванием по верху (TOP), по низу (BOTTOM) и выравниванием по середине (MIDDLE).
Графика и HTML. Организация графических указателей. Примеры.
Самым распространенным форматом графических данных в Web является формат GIF (Graphical Interchange Format).
Принимая решение о целесообразности включения в документ той или иной иллюстрации, нужно учитывать следующее:
-Графические файлы передаются медленно.
-Поисковые системы не умеют работать с изображениями.
-Изображения не всегда интернациональны.
-Цветная графика не всегда хорошо отображается.
Существует множество форматов данных, используемых для хранения графических изображений: GIF, JPEG, РСХ, WMF и др.
GIF – один из наиболее часто используемых форматов. Он был разработан для сети CompuServe и после ряда усовершенствований приобрел много важных свойств, включающих:
-сжатие данных без потерь, сохраняющее все детали изображения;
-поддержку прозрачного фона, то есть возможность создания изображений с прозрачными участками;
-черезстрочный вывод изображения на экран, что дает возможность рассмотреть изображение до конца загрузки;
-поддержку 265 цветов, что предполагает использование для публикации простых графических изображений;
-поддержку большинством браузеров.
JPEG (Joint Photographic Experts Group) – формат был создан группой экспертов в области фотографии в результате разработки стандартного метода сжатия фотографических изображений "с потерями", который предполагает потерю некоторых деталей при сохранении файла графической программой. Основные свойства данного формата:
-сжатие происходит "с потерями", поэтому изображение теряет некоторые (несущественные) детали;
-размер файла сжатого изображения, как правило, меньше, чем в случае GIF, то есть файл передается быстрее;
-поддержка 16,7 миллионов цветов, что обеспечивает очень хорошее качество цветопередачи;
-потеря деталей вокруг четких контуров (дрожание линий), что делает формат непригодным для передачи изображений с высокой четкостью и текста.
PNG (Portable Network Graphics), формат был разработан в 1995 году, чтобы прийти на смену формату GIF. Характеризуется, в частности, улучшенным сжатием данных и увеличенным количеством поддерживаемых цветов. В настоящее время распространяются подключаемые программные модули для браузеров Microsoft Internet Explorer и Netscape Navigator, позволяющие использовать формат PNG (произносится "пинг").
ВМР (bitmap), формат широко используется операционными системами Windows и OS/2. Файлы в этом формате хранятся без сжатия и поэтому требуют много времени при загрузке. Поддерживается только программой
Microsoft Internet Explorer. Сравнение форматов GIF, JPEG и PNG показывает, что:
-файлы в форматах GIF и PNG больше, чем в формате JPEG, но файлы GIF и PNG быстрее декодируются и поддерживают большую детализацию изображения;
-файлы в формате JPEG передаются быстрее, чем файлы в форматах GIF и PNG, но они декодируются медленнее и поддерживают меньшую детализацию изображения.
Элементом, который "заставляет" браузер выводить изображение, является элемент
<IMG> со следующим форматом:
<IMG SRC="имя_файла">
Здесь SRC означает источник (SouRCe), а имя_файла - имя выводимого графического файла. Например, для вывода на Web-страницу изображения, сохраненного в файле logo.gif, применяется строка:
<IMG SRC="logo.gif" BORDER="0">
где атрибуту BORDER, определяющему вывод рамки вокруг изображения, присвоено значение "0" для отключения вывода рамки. Иногда, в силу каких-либо причин, браузер не может вывести графические файлы. В этом случае вместо них выводится слово [IMAGE] (изображение), что делает страницу некрасивой. Для предотвращения этого элемент <IMG> имеет дополнительный атрибут ALT, который можно использовать для вывода некоторого альтернативного текста, появляющегося вместо изображения. Используется формат:
<IMG SRC="имя_файла" ALT="[альтернативный текст]">
Здесь альтернативный текст означает текст, применяемый вместо графики. В качестве такого текста можно определить краткую фразу, описывающую изображение, но часто вместо описания используется просто символ
пробела, например:
<IMG SRC="logo.gif" BORDER="0" ALT=" ">
26.Гиперссылки - связывание HTML- документов. Относительная и абсолютная адресация.
Ссылка (гиперссылка или Web-ссылка) является основной гипертекстовой конструкцией и связывает один Web-ресурс с другим. Именно простота организации ссылок - основной фактор успеха Web-технологии. Ссылка состоит из двух частей. Первая часть ссылки видна на Web-странице и называется указателем ссылки (или якорем). Вторая часть ссылки, дающая инструкцию браузеру, называется адресной частью ссылки (или URL-адресом). Когда ссылка активизируется, например, при щелчке мышью по указателю ссылки, браузер загружает документ, адрес которого определяется с помощью URL. Рассмотрим составные части ссылки. Указателем ссылки может быть слово, группа слов или изображение. Внешний вид указателя зависит от его типа, способов создания и установок программы просмотра читателя. Указатели бывают двух типов – текстовые и графические. Текстовые указатели не отличаются разнообразием внешнего вида и обычно представляют собой слово или слова, подчеркнутые прямой линией. Цвет указателя регулируется разработчиком страницы и установками браузера. Например, часть Web-страницы с двумя текстовыми указателями (подчеркнутые словосочетания), может иметь вид:
Подробнее см. в главе два. См. также карту леса.
Фрагмент HTML кода документа, формирующего в браузере приведенную выше часть страницы, выглядит следующим образом:
<BODY>
...какой-то текст...
<P>Подробнее см. в <A href="chapter2.html">главе два.</A>
См. также <A href="forest.gif">карту леса.</A>
</BODY>
URL-адрес является второй частью ссылки и представляет собой адрес ресурса, загружаемого при активизировании указателя ссылки. Задание URL-адреса может быть относительным или абсолютным. Как видно из примера выше, организация гиперссылок выполняется с помощью элемента <A>. Для создания ссылки этому элементу требуется атрибут HREF, в котором размещается URL-адрес. Элемент <A> является контейнером, поэтому закрывающий тег </A> ставится сразу же за указателем:
<A HREF=URL>указатель: текст видимый в браузере</A>
Для примера рассмотрим еще один фрагмент HTML кода:
<А HREF="http://www.personal.gomel.by/olas/tags.html">Крат кий справочник</A>основных тегов
Атрибут HREF указывает на абсолютный адрес страницы. Указателем являются слова "Краткий справочник", которые браузер будет выделять подчѐркиванием и цветом. Текст вне контейнера </A> не является указателем и
поэтому не будет подчеркнут. Когда пользователь щѐлкает мышью по какому-либо из слов фразы "Краткий справочник", браузер загружает файл tags.html, находящийся по адресу http://www.personal.gomel.by/olas/
Понятие web-сайта. Требования к структуре и дизайну web-сайта. Средства разработки web-сайтов.
Web–страница – это наименьшая единица WWW. На ней может быть размещено все что угодно: текст, графические изображения, звук, анимация, движущиеся картинки (Java–апплеты) и, что самое главное - гиперссылки.
Набор Web – страниц, объединенных какой-либо темой или принадлежностью одному владельцу, называется Web-сайтом или Web-узлом. Все Web-сайты и Web–страницы, хранятся на компьютере, подключенном к сети Интернет–Web–сервере (причем не обязательно на одном). Домашняя страница Web-сайта – это страница, которая автоматически открывается перед вами при подключении к узлу без указания имени файла. На домашней странице обычно помещается приветствие или содержание сайта и, как правило, другая полезная информация.
Общие требования к сайту
-информация должна располагаться максимально плотно на странице
-использование соответствующих друг другу страниц
-размеры фотографий не должны быть большими
-очень плохи длинные страницы
-навигация по сайту должна быть полной, с любой страницы можно прейти на главную.
-навигация должна быть удобной, связанной с логикой и функциями сайта.
Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia. Очень популярны пакеты Macromedia: Dreamweaver, HomeSite, а также специализированные пакеты для создания компьютерной графики и анимации, также можно использовать Microsoft FrontPage.