46066 (Информатика), страница 3

1. Основні компоненти технології WWW

2. HTML.

3. Створення і перегляд Web-сторінок. Browser.

5.1. Основні компоненти WWW:

HTML (Hyper Text Markup Language) - мова розмітки гіпертексту

URL (Uniform Resource Locator) - універсальний локатор ресурсів

HTTP (Hyper Text Transfer Protocol) - протокол обміну гіпертекстовою інформацією

CGI (Common Gateway Interface) - універсальний інтерфейс шлюзів

Система WWW надає можливість роботи з документами в яких об’єднуються текст, графіка, звук, анімація і т.д. В основі WWW лежить використання документів спеціального формату (гіпертекстові документи), для побудови яких існує спеціальна мова HTML.

Документи WWW містять посилання на інші, схожі за змістом, документи, які можуть бути на інших комп’ютерах.

Посилання називаються гіпертекстовими. Можуть бути не лише у вигляді тексту, а і зображення і т.д. при посиланні використовується універсальна адресація інформації WWW так звані URL-адреси, які вказують місце, де знаходиться ресурс:

Вид сервісу://ім’я серверу/шлях/файл

Вид сервісу: http, ftp, gopher.

Протокол HTTP розроблений спеціально для пересилки гіпертекстових документів, використовується для доступу до Web-серверу. В ньому описується процес обміну інформацією. CGI визначає в Web-серверах спосіб виклику і передачі інформації прикладним програмам. На даний час існують більш прості інтерфейси, додатки, побудовані на них легко переносяться на інші платформи.

Існує спеціальне серверне забезпечення, яке встановлюється на Web серверах, що забезпечує підтримку Web-сторінок та доступ до різноманітної інформації. Провайдери Internet надають послуги WWW по розробці і розміщенні сторінок на своєму сервері.

5.2. HTML.

Таговая модель документа:

"элемент" := содержание элемента

Элемент HTML или гипертекстовый документ состоит из двух частей:

заголовка документа (HEAD)

тела документа (BODY)

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

Содержание тела документа

Элементы заголовка

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

Примеры элементов заголовка:

Название документа

,

CONTENT="Plsma, Nuclear Physics">

Keywords: Plasma, Nuclear Physics

Основные классы элементов тела

Тело документа состоит из:

Иерархических контейнеров и заставок

Заглавий (от H1 до H6)

Блоков (параграфы, списки, формы, таблицы, картинки и т. п.)

Горизонтальных отчеркиваний и адресов

Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки

Элементы стиля

Ошибка! Источник ссылки не найден.Элемент Значение Примечание

..... Курсив(Italic)

... Усиление(BOLD)

... Телетайп

... Подчеркивание

... Перечеркнутый текст

... Увеличенный текст только Arena

... Уменьшенный фонт только Arena

_... Подстрочные символы только Arena

^... Надстрочные символы только Arena

Информационные элементы

Ошибка! Источник ссылки не найден.Элемент Значение Примечание

... Типографское усиление Часто отображается как Italic

... ЦитированиеНе реализовано в Mosaic

... УсилениеОтображается как BOLD

...Отображает примеры кода (например, коды программ) Отображается непропорциональным фонтом

...Последовательность литералов Не реализован в Mosaic

... Пример ввода символов с клавиатуры Используется при разработке руководств

... Переменная

... Определение только Arena

...Текст, заключенный в скобки Вид скобок зависит от атрибута LANG. Реализован только в Arena

... Определяет язык отображения только Arena

... Автор только Arena

... Имя персоны Введено для простоты выделения при индексировании документов. Реализован только в Arena

...Акронимтолько Arena

... Аббревиатуратолько Arena

... Вставленный текст только Arena

... Удаленный текст только Arena

Управление отображением стиля символов текста

Отображение ненумерованного списка

Title of WWW programmes (NCSA).

NCSA HTTPD;

NCSA MOSAIC

Title of WWW programmes (CERN).

CERN HTTPD;

AGORA - email robot;

HTTPD CERN;

WWW Line Browser;

Arena.

Title of WWW programmes (Netscape).

Netsite - server;

Netscape Novigator.

Вложенные ненумерованные списки

Title of WWW programmes (NCSA).

NCSA HTTPD;

NCSA MOSAIC

Title of WWW programmes (CERN).

CERN HTTPD;

AGORA - email robot;

HTTPD CERN;

WWW Line Browser;

Arena.

Title of WWW programmes (Netscape).

Netsite - server;

Netscape Novigator.

Вложенные нумерованные списки

Нумерованный список

Элементы заголовка документа

TITLE

BASE

LINK

Элементы тела документа

BODY

Heading

Paragraph

Line Break

Horizontal Rule

...

Пример списка определений

Индекс базы данных "Полынь"

Ссылка на точку "point" в документе "index.html"

Ошибка! Закладка не определена.

Таблицы

A test table with merged cells. (T.Berners Lee/WWWC,1995.)

Average>

other
categoryMisc

heightweght

males1.90.003

females1.70.002

Пример таблицы

Пример таблицы построенной в текстовом редакторе

Формы

Ошибка! Источник ссылки не найден.Элемент	Назначение
INPUT	поля ввода информации имеют множество типов
TEXTAREA	поле ввода многострочного текста
SELECT	описание меню
OPTION	описание элемента меню

Пример использования полей ввода

Ниже приведен список примеров полей ввода:

Простое текстовое поле:

Поле типа checkbox:

Поле типа radiobutton:

Поле типа password:

Невидимое поле:

Кнопка Submit:

Кнопка Reset:

Графическая кнопка:

Ошибка! Источник ссылки не найден.БАЗИСНЫЕ ЭЛЕМЕНТЫ

Тип документа (начало и конец файла)

Имя документа (должно быть в заголовке)

Заголовок (описание документа, например его имя)

Тело (содержимое страницы)

Ошибка! Источник ссылки не найден.ОПРЕДЕЛЕНИЕ СТРУКТУРЫ

Заглавие (стандарт определяет 6 уровней)

с выравниванием

Секция

с выравниванием

Цитата (обычно выделяется отступом)

Выделение (обычно изображается курсивом)

Дополнительное выделение(обычно изображается жирным шрифтом)

Отсылка, цитата (обычно курсив)

Код (для листингов кода)

Пример вывода

Ввод с клавиатуры

Переменная

Определение (часто не поддерживается)

Адрес автора

Большой шрифт

Маленький шрифт

Ошибка! Источник ссылки не найден.ВНЕШНИЙ ВИД

Жирный

Курсив

N3.0b Подчеркнутый (часто не поддерживается)

Перечеркнутый (часто не поддерживается)

N3.0b Перечеркнутый (часто не поддерживается)

Верхний индекс

Нижний индекс

Печатная машинка (изображается как шрифт фиксированой ширины)

Форматированый

(сохранить формат текста как есть)

Ширина

(в символах)

Центрировать

> (как текст, так и графика)

N1.0 Мигающий (наиболее осмеянный элемент)

Размер шрифта (от 1 до 7)

Изменить размер шрифта

N1.0 Базовый размер шрифта (от 1 до 7; по умолчанию 3)

Цвет шрифта

N3.0b Выбор шрифта

N3.0b Многоколоночный текст

N3.0b Пробел между колонками (по умолчанию 10 точек)

N3.0b Ширина колонки

N3.0b Пустой блок

N3.0b Тип пустого блока

N3.0b Величина пустого блока

N3.0b Размеры пустого блока

N3.0b Выравнивание

Ошибка! Источник ссылки не найден.ССЫЛКИ И ГРАФИКА

Ссылка

Ссылка на закладку (в другом документе)

(в том же документе)

N2.0На другое окно

Определить закладку

Отношение (часто не поддерживается)

Обратное отношение (часто не поддерживается)

Графика

Выравнивание

N1.0Выравнивание

Альтернатива (выводится если картинка не изображается)

Карта (нужна также программа)

Локальная карта

Определение карты

Области карты Размеры (в точках)

Окантовка (в точках)

Отступ (в точках)

N1.0 Заменитель в низком разрешении

N1.1 Обновить

N2.0 Включить об'ект (вставить об'ект в страницу)

N2.0 Размер об'екта

Ошибка! Источник ссылки не найден.РАЗДЕЛИТЕЛИ

Параграф (закрывать элемент часто не обязательно)

Выравнивание

Новая строка
(одиночный перевод строки)

Убрать выравнивание

Горизонтальный разделитель

---

Выравнивание

---

Толщина

---

(в точках)

Ширина

---

(в точках)

N1.0 Ширина в процентах

---

(в процентах от ширины страницы)

Сплошная линия

---

(без трехмерных эффектов)

N1.0 Нет разбивки (запрещает перевод строки)

N1.0 Перенос (где разбивать строку для переноса при необходимости)

Ошибка! Источник ссылки не найден.СПИСКИ

Неупорядоченный

(

перед каждым элементом)

Компактный

Тип метки

(для всего списка)

(этот и последующие)

Нумерованый

(

перед каждым элементом) Компактный

Тип нумерации

(для всего списка)

(этот и следующие)

Первый номер

(для всего списка)

(этот и следующие)

Список определений (=термин, =определение) Компактный

Меню

(

перед каждым элементом)

Компактное

Каталог

(

перед каждым элементом)

Компактный

Ошибка! Источник ссылки не найден.ФОН И ЦВЕТА

Фоновая картинка

Цвет фона (порядок: красный/зеленый/синий)

Цвет текста

Цвет ссылки

Пройденная ссылка

Активная ссылка

Ошибка! Источник ссылки не найден.СПЕЦИАЛЬНЫЕ СИМВОЛЫ(обязаны быть в нижнем регистре)

Специальный символ &#?; (где ? это код ISO 8859-1)

< <

> >

& &

" "

Торговая марка ТМ ®

Copyright ©

Неразделяющий пробел  

Ошибка! Источник ссылки не найден.ФОРМЫ

Определить форму

N2.0 Посылка файла

Поле ввода

Имя поля

Значение поля

Отмечен? (checkboxes и radio boxes)

Размер поля (в символах)

Максимальная длина (в символах)

Список вариантов

Имя списка

Число вариантов

Множественний выбор (можно выбрать больше одного)

Опция (элемент который может быть выбран)

Опция по умолчанию

Ввод текста, размер

Имя текста

N2.0 Разбивка на строки

Ошибка! Источник ссылки не найден.Таблицы

Определить таблицу

Окантовка таблицы

Расстояние между ячейками

Дополнение ячеек

Желаемая ширина

(в точках)

Ширина в процентах

(проценты от ширины страницы)

Строка таблицы

Выравнивание Ячейка таблицы (должна быть внутри строки)

Выравнивание Без перевода строки

Растягивание по колонке

Растягивание по строке

N1.1 Желаемая ширина (в точках)

N1.1 Ширина в процентах (проценты от ширины страницы)

N3.0b Цвет ячейки

Заголовок таблицы (как данные, но жирный шрифт и центровка)

Выравнивание Без перевода строки

Растягивание по колонке

Растягивание по строке

N1.1 Желаемая ширина (в точках)

N1.1 Ширина в процентах (проценты ширины таблицы)

N3.0b Цвет ячейки

Заглавие таблицы

Выравнивание (сверху/снизу таблицы)

Ошибка! Источник ссылки не найден.ФРЕЙМЫ

N2.0 Документ с фреймами (вместо )

N2.0 Высота строк (точки или %)

N2.0 Высота строк (* = относительный размер)

N2.0 Ширина колонок (точки или %)

N2.0 Ширина колонок (* = относительный размер)

N3.0b Ширина окантовки

N3.0b Окантовка

N3.0b Цвет окантовки

N2.0 Определить фрейм (содержание отдельного фрейма)

N2.0 Документ

N2.0 Имя фрейма

N2.0 Ширина границы (правая и левая границы)

N2.0 Высота границы (верхняя и нижняя границы)

N2.0 Скроллинг?

N2.0 Постоянный размер

N3.0b Окантовка

N3.0b Цвет окантовки

N2.0 Содержание без фреймов (для просмотрщиков не поддерживающих фреймы)

Ошибка! Источник ссылки не найден.ЯЗЫК JAVA

Applet

Applet - имя файла

Параметры

Applet - адрес

Applet - имя (для ссылок из других частей страницы)