Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Вычислительные системы, сети и телекоммуникации....doc
Скачиваний:
0
Добавлен:
15.04.2019
Размер:
240.13 Кб
Скачать

8.Сервис World Wide Web, браузеры.

Термин ГИПЕРТЕКСТ

Тед Нельсон 1965 год гипертекст - это просто непоследовательная запись

ПРЕДПОСЫЛКИ WWW

  • Проблема доступа к большому количеству разнообразных ресурсов.

  • 1990 – первая система поиска в Интернете – Archie. Система поиска документов на ftp серверах.

  • 1991 – система Gopher – иерархическая система меню, связывающая посредством ссылок документы, находящееся на различных серверах.

ПЕРВЫЕ ШАГИ

  • 1990 Старт разработки

  • 1991 год

    • состоялось первое подключение первого Web-сервера

    • появилось первое средство просмотра документов – браузер командной строки.

РАСТПРОСТРОНЕНИЕ WWW

  • 1993 Национальный центр суперкомпьютерных приложений (NCSA) – Марк Андрессен.

  • Проект Mosaic – разработка доступных некоммерческого решения.

    • Появление свободнораспространяемого сервера Mosaic.

    • Создание графического браузера Mosaic.

  • 1994 Netscape Communication (первая коммерческая разработка в системе www)

КОМПОНЕНТЫ WWW

  • HTML (HyperText Markup Language)

  • URL (Universal Resource Locator)

  • HTTP (HyperText Transfer Protocol)

  • CGI (Common Gateway Interface)

бРАУЗЕРЫ

мозила, интернет эксплорер, мозаик (уже не используется). Гугл хром, опера, сафари…

9.Информационно поисковые системы в Интернете.

ПРЕДПОСЫЛКИ ПОЯВЛЕНИЯ

  1. Появление WWW

  2. Графические браузеры

  3. Стремительный рост объемов разнородных документов в Интернете.

  4. Сложность определения местоположения получения информации.

ТИПЫ

  • Поисковые машины

  • Тематические каталоги

- ТЕМАТИЧЕСКИЙ КАТАЛОГ

  • В www:

    • сперва появлялись личные коллекции ссылок.

    • Развитие – тематические каталоги (www.yahoo.com 1994 год).

  • Составные части:

    • Иерархическая совокупность тем (рубрик)

      • (обычно постоянно совершенствуется и использует перекрестные ссылки)

    • База описаний ресурсов с привязкой к рубрикам (возможно к нескольким)

    • Механизм отслеживания описания ресурсов и пополнения базы.

- ПОИСКОВАЯ МАШИНА

  • Появились с популярностью www

    • Одни из первых (1993 год)

      • ALIWEB (просматривала META теги)

      • Exite (анализировала статистику появления слов в документе)

      • Lycos (индексировал страницу целиком)

  • Поисковая машина состоит из

    • программы-паука (робот), которая просматривает сайты Интернета и индексирует их в автоматическом режиме.

    • базы данных (индекса), в которой находится информация о просмотренных сайтах.

      • В современных системах база содержит и сами документы (размером до нескольких десятков килобайт).

10.Язык html. История развития. Структура. Синтаксис. Примеры.

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

Состояние на сейчас

  • HTML+CSS (HTML 4.01, CSS 2.0 (3.0))

    • CSS – (Cascading Style Sheets — каскадные таблицы стилей )

  • XHTML (Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) – отвечает стандартам XML

  • XML+XSL

    • XML – (eXtensible Markup Language — расширяемый язык разметки)

    • XSL - (Extensible Stylesheet Language) — расширяемый язык таблиц стилей

СТРУКТУРА

Любой HTML документ должен содержать следующие теги <html></html>, <head></head>,  <body></body>, <title></title>. Порядок расположения тегов в HTML документе представлен ниже

<html>

<head>

<title>Название вашей страницы</title>

</head>

<body>

 Тело вашего документа

</body>

</html>

Внутри тега <head></head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции <head></head> могут располагаться так называемые Мета Теги. Их назначение и описание смотри в справочнике по Мета Тегам.

ТЕГИ

  • Заголовки <H1> … </H1> <H2> … </H2> ….. <H6> … </H6> <H1 ALIGN=CENTER> … </H1>

  • Абзацы <P> … </P> <P ALIGN=justify | right | left | center> … </P> * - закрывающий необязателен

  • Разрыв строки <BR> <BR clear=right | left | all> * - <NOBR> … </NOBR> не переводить строку

<HR>

<HR align=… size=… color=… width=… noshade>

СПИСКИ

  • <OL> … </OL> order list (упорядоченный список) *нумерованный*

  • <LI> - list item – элемент списка

<OL>

<LI>Пункт первый

<LI>Пункт второй

</OL>

  • Параметры (TYPE и START)

  • TYPE 1 A a I i (по умолчанию 1)

  • START (по умолчанию 1)

<OL TYPE=I START=1703>

<LI> В этом году ….

<LI VALUE=2004> В этом году ….

</OL>

*<UL> используется для маркированного списка*

Еще DL и DT (для обозначения термина и его определения) DT в данном случае термин.

ТИПЫ ТЕГОВ (СИНТАКСИС)

  • Типы тегов

    • Контейнеры открывающий тег, содержимое, закрывающий тег <ИМЯ-тега параметр1=значение параметр2 …> содержимое </ИМЯ тега> Если значение параметра содержит пробел - необходимо заключать в кавычки

    • Автономные элементы – (без содержимого и закрывающего тега) – обычно вставка объектов.

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.