Гіпертекст і гіпермедіа 1 1 Зміст лекції

Гіпертекст і гіпермедіа 1 1

Зміст лекції: 1. Історія питання. 2. Природа гіпертексту. 3. Посилання. 4. Перегляд і пошук. 5. Індексація в HTML. 6. URL. 7. Анкери. 8. HTML і гіпермедіа. 9. Робота з зображеннями 2 2

1. Історія питання 1945 р. - стаття Ваннэвара Буша про машину для перегляду й анотування великого набору документів. 1960 – 1970 р. р. – створення експериментальних бібліотечних систем, виникнення терміну “гіпертекст” 1970 - 1980 р. р. – накопичення досвіду роботи з гіпертекстом 1987 р. – створення системи Hyper. Card 1995 р. - публична заява про створення мови Java навесні. Початок роботи над створенням мультимедійної платформи компанії Adobe Flash 2005 р. – введення офіційної назви Adobe Flash 3 3

2. Природа гіпертексту Відхід від лінійного мислення до нелінійного Приклади: • користування енциклопедіями; • читання журналів; • пошук потрібної інформації. Аргуметація проти: 1. Незручність 2. Плутанина в гіперпросторі 3. Необхідність створення міток, нагадувань 4 4

3. Посилання – з'єднання поміж понятійними елементами, тобто вузлами, які можуть складатися з тексту, графічних та звукових об'єктів чи відповідної інформації в базі знань. Посилання – це навігаційні шляхи та меню. Вузли – це теми, документи, повідомлення та елементи вмісту, до яких можна отримати доступ. 5 5

Типи посилань Рис. 1. Прості однонаправлені посилання Рис. 2. Регіональні, двонаправлені Та множинні посилання 6 6

4. Перегляд і пошук Перегляд (browsing) заснований на пошуку інформації з асоціацій. Альтернативною (а часто й більше природною) процедурою є пошук інформації на основі її змісту. Індексація даних: ручна та автоматична Ручна за допомогою URL (Uniform Resource Locator) – уніфікований покажчик ресурсу). Автоматична з використанням програм роботів 7 7

Методи пошук слів для гіперсередовищних систем - за категорією (основний пошук у виділеній множині документів); - відношення між словами (на однієї сторінки); - суміжність (слова у фразах, які зустрічаються разом); - альтернативи (критерій АБО); - асоціація (І); - заперечення (ні); - усікання (з любим суфіксом); - проміжні слова (які стоять рядом); - частота (за частотою їх використання). 8 8

5. Індексація даних в HTML НТML (Hyper. Text Markup Language) — мова розмітки гіпертексту. Елемент розмітки - тег. Синтаксис <Ім’я тегу Ім’я атрибуту=”значення атрибуту”> Метадані — дані про дані; у випадку створення гіпертексту — дані про сторінку. Опис 9 9

6. URL Синтаксис URL • протокол - для використання при передачі даних (завжди HTTP), • ім'я домена, що визначає мережевий хост, на якому запущений сервер, що використовує цей протокол, і • шлях, що описує місцеположення на хості сторінки або сценарію, котрий можна запустити для динамічної генерації шуканої сторінки. Приклади http: // www. kmu. gov. ua/control/ru http: //www. amazon. co. uk/gp/product/0470512164? ie=UTF 8&tag=digitalmult 0 b 21&link. Code=as 2&camp=1634&creative=6738&creative. ASIN=0470512164 10 10

7. Анкери Синтаксис <А>… ИМПЭ Абсолютний перша сторінка Відносний перша сторінка Я дитина Я дитина Перша закладка Перехід до першої закладки 11 11

7. 1 Атрибути тегу Атрибут Значення Опис HREF http: // www. iile. ru index. html metka 1 Задає адресу переходу за посиланням NAME metka 1 Створює на сторінці закладку – місце, до якого можна перейти за посиланням TARGET _self Відкрити в тому вікні чи фреймі _top Відкрити в тому вікні поверх всіх фреймів _blank Створити нове вікно та відкрити в ньому текст Текст підказка можна бачити при наїзді мишею TITLE 12 12

заголовок 1 Атрибути rel," src="https://present5.com/presentation/25748284_68306377/image-13.jpg" alt="7. 2 Інші антрибути Атрибут id заголовок 1 Атрибути rel," /> 7. 2 Інші антрибути Атрибут id заголовок 1 Атрибути rel, rev Синтаксис . . . Приклад Перейти на Головна сторінка Тег Синтаксис 13 13

8 HTML і гіпермедіа HTML – документ містить гіперпосилання на інші документи або на певні розділи в межах самої сторінки. Гіпермедіа – передбачає інтенсивне використання мультимедіа, структура буде задаватись HTML, додаткові можливості будуть забезпечувать XML, Java. Script і спеціальні модулі, такі як Flash, Quick. Time. 14 14

9 Робота з зображеннями 1. Характеристика форматів Зображення GIF та PNG. GIF (Graphic Interchange File, файл графічного обміну) PNG (Portable Network Graphics, переносна мережева графіка) 2. JPEG (Joint Photographic Experts Group, об’єднана група експертів з фотографії) Вставка фото за рахунок тега 15 15

9. 1 Атрибути тега Атрибут Значення SRC photo. jpg ALT фото Випливаючи підказка, що з’являється при наїзді мишею. Текст видний, якщо відключений показ рисунків у браузері ALIGN Left, right, center Вирівнювання WIDTH 100, 50% Ширина зображення, без її вказівки картинка виводиться у натуральну величину HEIGHT 100, 50% Висота зображення, без її вказівки картинка виводиться у натуральну величину BORDER 5 Рамка коло рисунку HSPACE 0 Вільний простір ліворуч та праворуч від зображення VSPACE 10 Вільний простір зверху та знизу від зображення Опис Задає URL картинки 16 16

9. 2 Рисунки-кнопки 17 17