WWW(World Wide Web) - гипермедийная интерактивная информационная служба - наиболее популярный информационный сервис Internet Другие названия WWW – “Всемирная паутина”, Web. WWW служба основывается на понятии гипертекста, протоколе HTTP и языке HTML
Гипертекст – распределенная система документов, связанных между собой с помощью гиперссылок.
Гиперссылка – фрагмент текста или графический элемент, по которому можно перейти к другому разделу документа или к другому документу.
HTTP(Hyper Text Transfer Protocol) - протокол передачи гипертекста – протокол прикладного уровня, разработанный для обмена гипертекстовой информацией в сети Internet.
HTML (Hyper Text Markup Language) - язык разметки гипертекста, применяемый для разработки web страниц
Web-сайт– информационный ресурс, состоящий из Web-страниц, связанных между собой ссылками и предназначенных для достижения единой цели.
HTML (Hyper Text Markup Language) - язык разметки гипертекста, применяемый для разработки web страниц
Программы браузеры – это программы, предназначенные для просмотра страниц Word Wide Web в сети Internet, а также в локальной сети Интранет. (Internet Explorer, Netscape Navigator, lynx и др.) Другие названия браузера – обозреватель, навигатор.
Гипертекст - текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и т.д. Во время чтения такого текста (в соответствующей программе, его обрабатывающей и выполняющей соответствующие ссылки или действия) вы видите подсвеченные (выделенные) в тексте слова. Если наехать на них курсором и нажать клавишу или на
кнопку (глаз) мышки, то высветится то, на что ссылалось это слово, например, другой параграф той же главы этого же текста. В WWW по ключевым словам можно попасть в совершенно другой текст из другого документа, войти в какую-нибудь программу, произвести какое-либо действие и т.д. В Internet в контексте WWW можно получать доступ к чему угодно, к telnet, e-mail, ftp, и т.п. В WWW можно ссылаться на данные на других машинах в любом месте сети, тогда при активации этой ссылки эти данные автоматически передадутся на исходную машину и вы увидите на экране текст, данные, картинку, а если провести в жизнь идею мультимедиа, то и звук услышите, музыку, речь. В WWW вы двигаетесь по документу, который может иметь какую угодно гипертекстовую структуру. Вы сами можете организовать структуры меню в гипертексте. Имея редактор гипертекстов, вы можете создать любую структуру рабочей среды, включая документацию, файлы, данные, картины, программное обеспечение и т.д., и это не будет новое программное обеспечение, а просто гипертекст. Так как «читать» гипертекст приятнее в том случае, когда не возникает задержек при активации ссылок (подкачка текста с другого сервера или просто с сервера, но по местной сетевой линии, пересылка изображений, баз данных и т.д.), то WWW следует устанавливать на быстрые линии. На медленных линиях использование WWW превратится в сплошное мучение, ожидание, зависание, все прелести и сам смысл теряются Б_6_1. Комп'ютерні мережі: класифікація комп’ютерних мереж, локальні та глобальні мережі, апаратні та програмні засоби комп'ютерних мереж, структура адрес й URL В наш час комп’ютери – це не тільки засоби для обробки інформації, це – також засоби для отримання та обміну інформацією. Локальні мережі створюються, як правило, в одній організації чи в одному приміщенні. Локальна комп’ютерна мережа – це група з кількох комп’ютерів, поєднаних між собою за допомогою кабелів (іноді також телефонних ліній або радіоканалів), які використовуються для передавання інформації між комп’ютерами. Для з’єднання комп’ютерів в локальну мережу необхідне спеціальне обладнання і програмне забезпечення. Можливості локальних мереж: Ø коллективна обробка даних користувачами підключених до мережі комп’ютерів і обмін даними між цими користувачами; Ø спільне користування програмами; Ø спільне користування принтерами, модемами та іншими пристроями. Для об’єднання комп’ютерів в локальну мережу потрібно: Ø вставити в кожен комп’ютер мережовий контроллер, який дозволяє комп’ютеру обмінюватися інформацією. Ø з’єднати комп’ютери кабелями, по яким відбувається передача даних між комп’ютерами. В деяких типах мереж кабелі з’єднують комп’ютери безпосередньо, в інших з’єднання кабелів здійснюється через спеціальні пристрої – концентратори (або хаби), комутатори та ін. Та проте найпростішим варіантом локальної мережі є зв’язок комп’ютерів через паралельні або послідовні порти. В цьому випадку не потрібно ніякого додаткового обладнання крім з’єднувальних провідників. Такий зв’язок між комп’ютерами налагоджується в межах однієї кімнати. Використовюється вона для передачі даних від одного комп’ютера до іншого. Віддалені ком’пютерні мережі .Віддалені комп’ютерні мережі поділяють на регіональні і міжнародні. Регіональні створюються в певних регіонах, наприклад в державі, а міжнародні забезпечують зв’язок вашого комп’ютера з будь-яким комп’ютером світової мережі. Прикладами таких мереж є Relcom (для держав СНД) і Internet (для всього світу). Зв’язок комп’ютерів у таких мережах забезпечується звичайними телефонними мережами чи спеціально виділеними для цього мережами через спеціальні пристрої, які називають модемами. Internet – це всесвітня сукупність мереж, яка з’єднує між собою мільйони комп’ютерів. Зараз, за різними оцінками, з Internet працює від 20 до 40 млн користувачів, прочому це число лавинообразно збільшується. Єдиного керування у Internet не існує, існують лише суспільні комітети, які виробляють різноманітні стандарти для Internet, виконують розподіл груп електронних адрес і т.д. Для того, щоб продивлятися Web-сторінки, існують спеціальні програми – Web-броузери (наприклад Netscape Navigator фірми Netscape Communications і InterNet Explorer фірми Microsoft). Вони мають дуже зручні можливості для перегляду Web-сторінок, наприклад, повертатися до однієї з попередніх сторінок, запам’ятовувати розміщення сторінок, які зацікавили, записувати Web-сторінки на диск комп’ютера, продивлятися графіку, визначати власні засоби для перегляду і відтворення (наприклад, звуків), продивлятися кілька Web-сторінок одночасно і автоматично обновляти Web-сторінки, які переглядаються. Окрім того, Web-броузери мають зручні засоби для роботи з традиційними послугами InterNet – FTP-серверами, серверами новин, електронною поштою, телеконференціями, довідковими системами Gopher, Archie і т.д. URL (Uniform Resource Locator) Эти адреса определяют местонахождение уже не компью-тера или файла, а информационного ресурса (источника), который, в свою очередь, мо-жет быть и компьютером, и файлом, и др.Такой универсальный адрес, называемый URL - англ. Uniform Resource Locator (Унифицированная ссылка на ресурс или его адрес), содержит информацию не только о том, где данный ресурс расположен, но и как к нему следует обращаться. URL-адреса - это фундамент системы WWW, а вместе с ней и всего современного Интернета. Перекрестные ссылки между документами превращают WWW из собрания разнородных источников информации в единую систему. Это не что иное, как включенные в текст одного документа URL-адреса других документов и ресурсов. "Универсальный указатель ресурсов": предназначен для предоставления сведения о ресурсах Интернета. Может также использоваться для указания или определения местоположения, доступного для получения файла, конференции или адреса электронной почты. Набор знаков, именуемый URL, жестко структурирован. Он объединяет название протокола, имя файла и опции, которые будут использованы для доступа к этому файлу. Первая часть полного URL, оканчивающегося двоеточием, представляет собой имя протокола или сервиса. Примеры: http:, mailto:, ftp:. Если за протоколом следует двойной прямой слэш, URL содержит полное доменное имя, например <www.dlib.org/figure.jpg>. В противном случае адрес дается относительно текущей директории. Например, на HTML-странице якорь\ <ahref = figure.jpg> относится к файлу figure.jpg в той же самой директории. Таким образом, URL идентифицирует конкретный файл на конкретной компьютерной системе. Запись <www.dlib.org/contents.html> представляет собой доменное имя компьютера в Интернете, а contents.html — файл на этом компьютере. URL может содержать ряд параметров. Они передаются серверу после того, как получен доступ к файлу. IP-address, TCP/IP-address — IP-адрес или TCP/IP адрес: 32-битная цифровая система, разработанная для идентификации сетевых компьютеров в Интернете. Состоит из четырех наборов чисел. В десятичной форме каждое число может принимать значение от 0 до 225 и отделяется от других точкой, например 128.56.211.209. В двоичной форме каждое из четырех десятичных чисел представляется 8-разрядным числом (октетом). Каждый компьютер в Интернете должен иметь идентифицирующий его уникальный IP-адрес, определяющий место его расположения в глобальной сети. Datagram — "Дейтаграмма": сообщение в протоколах ТСР/IР или IPX, которое содержит IP-адреcа отправителя и получателя, а также данные, используемые для маршрутизации пакетов по сети. Дейтаграммы — важные блоки информации в Интернете. Б_7_1. Мова гіпертекстової розмітки HTML. Гіперпосилання. Таблиці. Створити HTML-документ, що містить таблицю з двох рядків і трьох стовпців. У одній з чарунок створити гіперпосилання на сторінку www.mpi.melitopol.net. Гиперссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки: <A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A> Параметры элемента <A> представлены в таблице: HREF – URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html). TARGET - Oпределяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: _top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). _blank - загружает гиперссылку в новом окне браузера. _self – загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). _parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. TITLE - Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный. Графический файл в роли ссылки. Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка): <a href="URL" target="Окно"> <img border="0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка> </a> Ссылка на e-mail Можно также создать ссылку на e-mail, в этом случае нужно в качестве URL’a прописать следующее: mailto:адрес электронной почты Например: <a href="mailto:[email protected]">Мое мыло</a> Почтовая гиперссылка имеет несколько параметров (не обязательных): ?subject - Тема пиcьма &Body - Текст вашего сообщения &cc - Копии письма через запятую &bcc - Скрытые копии письма через запятую title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки (смотрите расположение кавычек на примере ниже). <a href="mailto:[email protected] ?subject=Поздравление &Body=text &[email protected] &[email protected]" title="Пример почтовой гиперссылки">Мое мыло</a> Щелкнув на такую ссылку, откроется окно почтовой программы пользователя с уже заполнеными полями. Останется только написать письмо и отправить. Закладки. Иногда возникает вопрос: как сделать ссылку на определенное место в том же или в другом документе? Чтобы нажав по какой-нибудь ссылке можно было попасть в определенное место данного документа. Вот в этом нам и помогут закладки. Ссылка на закладку в том же документе имеет следующий вид: <a href="#Имя закладки">Название раздела</a> А так выглядит ссылка на закладку в другом документе: <a href="Имя документа#Имя закладки">Название раздела</a> Сама закладка будет такой: <A NAME="Имя закладки"></a> Щелкнув на Название раздела пользователь будет попадать на определенную Вами закладку. Вверху данной страницы находится содержание, оформленное как ссылки на определенные закладки, находящиеся в этом же документе. Ссылки и цвет. Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в тег <BODY> нужно добавить еще несколько параметров. text - цвет текста. link - цвет ссылки. vlink - цвет пройденой ссылки. alink - цвет активной ссылки, когда подводиться к ней курсор. <BODY text="black" link="blue" vlink="purple" alink="red"> Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в теге <BODY>. Таблицы Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм. Основные тэги таблицы Таблица: <TABLE>...</TABLE> Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER. Строка таблицы: <TR>...</TR> Количество строк таблицы определяется количеством встречающихся пар тэгов <TR>..</TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице. Ячейка таблицы: <TD>...</TD> Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отсутствует одна или несколько ячеек для некоторых колонок, то браузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN=left и VALIGN=middle. Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки. Заголовок таблицы:<TH>...</TH> Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center. Подпись: <CAPTION>...</CAPTION> Данный тэг описывает название таблицы (подпись). Тэг <CAPTION> должен присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки. По умолчанию <CAPTION> имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы. Основные атрибуты таблицы BORDER. Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3. ALIGN. Если атрибут ALIGN присутствует внутри положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top. Если атрибут ALIGN встречается внутри <TR>, <TH> или <TD>, он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру). VALIGN. Данный атрибут встречается внутри тэгов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху). NOWRAP. Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой. COLSPAN. Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании - 1. ROWSPAN. Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании - 1. COLSPEC. Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%". Пример таблицы Набираем в Блокноте <TABLE BORDER=1> <TR><TD>Я первая ячейка J</TD><TD ALIGN=center>А я вторая :-Р</TD><TD ALIGN=center>3-я J</TD></TR> <TR><TD> Привет J</TD><TD ALIGN=center>Иди туда - </TD><TD ALIGN=center><A HREF="http://www.mpi.melitopol.net" TITLE="Иди ты…сюда">Тебе сюда</A></TD></TR> </TABLE> Сохраняем с расширение .html Б_8_1. Мова гіпертекстової розмітки HTML. Поняття тегів. Структура HTML-документу. Додавання зображень. Нумеровані та маркіровані списки. Створити HTML-документ, що містить різні види списків. Тег HTML состоит из следующих друг за другом в определенном порядке элементов: Ø левой угловой скобки < (такого же, как "меньше чем" символа) Ø необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру. Таким образом в этом контексте Вы можете читать символ /, как конец... Ø имени тега, например TITLE или PRE Ø необязательных, если даже тег может иметь их, атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например: ALIGN=CENTER Ø правой угловой скобки > (такой же, как символа "больше чем"). Структура документа. Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки": Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки. Весь документ заключен между дескрипторами <HTML> и </HTML>. Первая часть этого документа содержится в контейнере <HEAD> и </HEAD>, в который в свою очередь помещен контейнер <TITLE> и </TITLE>. И наконец, тело этой страницы находится в контейнере <BODY> и </BODY> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> < html > <head> <title> имя документа</title> </head> <body>здесь будет текст документа </body> </html> Списки. Тег <OL>(Ordered List) служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида Атрибуты type Тип маркера | A | Заглавные буквы | | a | Строчные буквы | | I | Заглавные римские цифры | | i | Строчные римские цифры | | | Арабские цифры (по умолчанию) | Тег <UL>(Unordered List) служит для создания маркированного списка. Допускается вложение ненумерованного списка в списки другого вида. Требуется закрывающий тег Атрибуты Type Тип маркера | disc | Закрашенный кружок. По умолчанию | | circle | Незакрашенный кружок | | square | Квадратик | Створити HTML-документ, що містить різні види списків. < html > <head> <title> имя документа</title> </head> <body> <UL type=square title="Ненумерованный список"><LI>Пугачева<LI>Орбакайте<LI>Киркоров<LI>Пресняков</UL><OL type=A title="нумерованный список"><LI>Пугачева<LI>Орбакайте<LI>Киркоров<LI>Пресняков</OL> </body> </html> Наши рекомендации | 