2. Учебно-вычислительный Web-комплекс имэи игу
Архитектура
Web-сервер
Web-клиент Web-клиент
Ф
C:\Inetput www.root User00 User29
айлы
и папки на сервере
Файлы
Элементы
гипертекста, скрипты, данные (*.htm,
)
……..
Технология работы
1. С помощью редактора текстов на клиентской станции создаются файлы (элементы гипертекста, скрипты, текстовые данные)
2. С помощью FTP-службы файлы копируются на сервер в одну из папок User00, …, User29
3. Доступ к элементам гипертекста - Web-браузер Internet Explorer
Сущность и назначение
-
Локальная Web-среда в 1 корпусе ИМЭИ ИГУ
-
Предназначена для решения учебных задач
-
Учебные задачи: Простейшие Web-ресурсы с фиксированными и генерируемыми элементами гипертекста
3. Понятие гипертекста. Структура элемента гипертекста
Гиперте́кст – термин, введёный Тедом Нельсоном в 1965 году для обозначения «текста ветвящегося или выполняющего действия по запросу». Обычно гипертекст представляется набором текстов, содержащих узлы перехода между ними, которые позволяют избирать читаемые сведения или последовательность чтения. Общеизвестным и ярко выраженным примером гипертекста служат веб-страницы — документы HTML (язык разметки гипертекста), размещённые в Сети. В более широком понимании термина, гипертекстом является любая повесть, словарь или энциклопедия, где встречаются отсылки к другим частям данного текста.
В компьютерной терминологии, гипертекст – текст, сформированный с помощью языка разметки, потенциально содержащий в себе гиперссылки.
Структура элемента гипертекста
<html>
<head>
<title> Мой ресурс </title>
</head>
<body>
<H1 align = “center”> Вася </H1>
Меня зовут Вася. Вот мое фото
<image src = “i.jpg”>
</body>
</html>
Назначение html и синтаксис
Назначение: * HTML – язык текстового описания элемента гипертекста в Web-среде
* Элемент гипертекста – это иерархическая совокупность визуальных объектов
* Примеры объектов – текстовый блок, рисунок, гиперссылка
Синтаксис HTML
-
Основные синтаксические единицы – тэг, атрибут, значение атрибута, блок текста
-
Пример описания на HTML одного из элементов гипертекста:
<H1 align = “center”> Вася </H1>
<H1>, </H1> - открывающий и закрывающий тэги
Align – атрибут; “center” – значение атрибута; Вася – контент (текстовый блок)
-
Тэги выделяют тип элемента гипертекста, начало и завершение его описания
-
Атрибуты задают свойства и значения свойств элемента гипертекста
-
Контент может быть представлен блоком текста или последовательностью (возможно пустой) других элементов гипертекста
4. Гиперссылки html-документах
Понятие гиперссылок
Гиперссылка – это объект в составе элемента гипертекста
Объект должен иметь визуальное представление, позволяющее выделять его как гиперссылку и указывать на Web-ресурс, загружаемый при выборе гиперссылки
Разновидности доступных ресурсов: 1. HTML-документ
2. серверный скрипт, порождающий HTML-документ
Разновидности гиперссылок: 1. Указатель Web-ресурса
2. Гиперссылка с набором параметров (диалоговые формы)
Назначения тега <A …>, условия и примеры его применения
Назначение
-
Описание гиперссылки
-
Установка якоря (метки в элементе гипертекста, на которую можно позиционировать браузер)
Описание гиперссылки
<A name = “name” href = “ссылка” …> [Визуальный образ гиперссылки] </A>
-
Атрибут name используется при описании якоря
-
Атрибут href – при описании гиперссылки
-
Визуальный образ гиперссылки – объект в составе элемента гипертекста
Пример 1: <A NAME = “START”>
<! – установим метку для последующего обращения к ней тегом А …> </A>
…………
<P> В начало: <A HREF = “#START”> Переход по метке START. </A> </P>
Пример 2: <P> Yandex:
<A HREF = “http://www.yandex.ru”> </A> </P>
Тег P указывает на то, что его контент образует абзац
Пример 3: <P> Документ MS WORD:
<A HREF = “primer.doc” TARGET = “BLANK”>
<image src = “i.jpg”> </A> </P>
HREF = “primer.doc” – Web-ресурс, файл primer.doc будет загружен WORDом, установленном на рабочей станции клиента